Tasvir formatlari juda ko'p, lekin ularning barchasi ikkita katta sinfga bo'lingan - rastr va vektor. Birinchisi, asosan, turli xil murakkab va batafsil grafikalar, masalan, fotografiya uchun ishlatiladi. Ularda har bir piksel, eng kichik element o'z rangiga ega bo'lishi mumkin va fayl, umuman olganda, tasvirning har bir nuqtasi uchun ranglarni saqlaydi. Albatta, axborot hajmini siqish uchun turli usullar qo'llaniladi va bundan ko'plab rastr formatlari - bmp, png, jpg va boshqalar mavjud. Odatda jpg eng yaxshi samaradorlikni ko'rsatadi, chunki u juda yaxshi tafsilotlarga ega kichik faylni ishlab chiqaradi. Ammo uning kamchiligi bor - ma'lumotni siqish paytida ma'lumot yo'qolishi. Shuning uchun, agar siz fayl hajmini kamaytirsangiz, tasvir yomonlashadi.

SVG fayllar bilan ishlash.

Va bunday fotosuratlarni kattalashtirganingizda, piksellar ko'rinadigan bo'ladi. Vektor formatlari butunlay boshqacha printsip asosida ishlaydi. Ular matematik formulalar bilan tasvirlangan chiziqlar, segmentlar va raqamlardan foydalanadilar. Ular tomonidan cheklangan har qanday joy rang yoki gradient bilan to'ldirilishi mumkin. Natijada ma'lum o'lchamlarga bog'lanmagan tasvir paydo bo'ladi - uni sifatni yo'qotmasdan osongina siqish yoki ulkan o'lchamlarga cho'zish mumkin. Bunday vektor formatlaridan biri SVG. Va u tobora ommalashib bormoqda, ayniqsa veb-ishlab chiqish muhitida.

Kengaytmaning umumiy tavsifi

SVG fayl turi Scalable Vector Graphics, ya'ni kengaytiriladigan vektor grafiklari uchun qisqa. VML va PGML belgilash tillari tasvirlarni tasvirlash uchun ishlatiladi. Asosan bu Matnli hujjat, unda har bir rasm uchun cho'qqilarning koordinatalari va ular orqali o'tadigan chiziqlar, shuningdek, turli elementlarning ranglari tasvirlangan. Ushbu formatning birinchi versiyasi 2001 yilda chiqarilgan, ikkinchi versiyasi hozirda faol ishlab chiqilmoqda. Ya'ni, u istiqbolli va rivojlanmoqda. Afzalliklardan biri bu juda murakkab chizmalarni saqlash mumkin bo'lgan kichik fayl hajmi. Shuning uchun, endi tobora ko'proq piktogrammalar, piktogrammalar, logotiplar va veb-saytning boshqa elementlari rastrda emas, balki ushbu formatda qo'llaniladi. Bu saytni tezroq yuklaydi. SVG formatining o'ziga xos xususiyatlari interaktivlik va animatsiyani o'z ichiga oladi. Birinchisi, rasmga foydalanuvchi harakatlariga javob berishga imkon beradi, masalan, sichqonchani bosish yoki ba'zi elementlarni siljitish. Animatsiya sizga juda murakkab stsenariylarni yaratishga imkon beradi. Hammasi birgalikda veb-saytlar uchun juda chiroyli va jonli grafik elementlarni yaratishga imkon beradi. Ular hatto PNG, jpg va boshqa formatlardagi oddiy rastrli tasvirlarga joylashtirilishi mumkin.

.SVG fayl kengaytmasi

Internetda siz bunday rasmlarni fotosuratlarda, shu jumladan bepullarida topishingiz mumkin. Ular grafik muharrirlarda yaratilgan Adobe Photoshop, Illustrator, Corel Draw va boshqalar. Ammo savol tug'iladi - SVG formatini qanday ochish kerak. Axir, o'rnatilgan Windows vositalari ular qanday rasmlarni o'z ichiga olganligini ko'rsatmaydi. SVG-ni hatto ichida ham tahrirlashingiz mumkin matn muharriri, masalan, Notepad-da, chunki u matnli hujjat, ammo buning uchun siz belgilash tillarida katta bilimga ega bo'lishingiz kerak. Siz SVG faylni u yaratilgan dasturda yoki ushbu formatni qo'llab-quvvatlaydigan boshqa grafik muharrirda ochishingiz mumkin. Eng mashhur:

Albatta, bu nomlar bilan ishlash uchun dasturlar ro'yxati vektor grafikasi tugamaydi. Ularning ko'pi bor, shu jumladan eng mashhur muharriri Adobe Photoshop, u tasvirlarni vektor sifatida saqlashi mumkin va ularni ochish uchun plaginga ega. Eng mashhur muharrir haqida unutmang vektor grafikasi Eng mashhur deb atash mumkin bo'lgan Corel Draw.

Fayl bilan yana nima muammolarga olib kelishi mumkin?

Oddiy Windows yordamida, va boshqa ko'plab operatsion tizimlarda SVG fayllari ochilmaydi. Ularning mazmunini ko'rish uchun ularni tahrirlash kamroq bo'ladi, siz ushbu formatni qo'llab-quvvatlaydigan har qanday grafik muharrirni o'rnatishingiz kerak.

Har qanday veb-sahifani loyihalash uchun sizga statik grafikalar va turli xil animatsion va interaktiv elementlar kerak bo'ladi, ular birinchidan, undagi ma'lumotlarni yanada jozibador qiladi, ikkinchidan, materialni yaxshiroq idrok etishga yordam beradi.

Grafik ma'lumotlar matnli ma'lumotlarga qaraganda ancha sekin uzatiladi va tasvirlarni yuklash vaqti ularning grafik fayllari hajmiga bevosita bog'liq, shuning uchun veb-sahifalarning tez yuklanishi ularga kiritilgan grafik tasvirlarning kichik hajmini nazarda tutadi. Ikkinchisiga erishiladi optimal tanlov format grafik fayl, shuningdek, optimallashtirish orqali, uning vazifasi sahifani yuklash tezligi va unda taqdim etilgan tasvirlarning sifati o'rtasidagi kelishuvni topishdir. Biroq, optimallashtirish imkoniyatlari cheksiz emas va yuqori sifatli tasvirlar ta'sirchan hajmga ega bo'ladi, shuning uchun erishiladi. Yuqori sifatli Internetda kichik o'lchamlarda taqdim etilgan tasvirlar hali ham jiddiy muammo bo'lib qolmoqda.

Ammo savol nafaqat o'lcham va sifatda, balki veb-sahifa dizaynini ishlab chiqish dizaynerdan turli xil texnologiyalar va dasturiy mahsulotlarni bilishni talab qiladigan masala bo'lib chiqadi, chunki har xil turlar uchun grafik ma'lumotlar Siz ularni yaratish uchun turli xil fayl formatlari va turli texnologiyalardan foydalanishingiz kerak. Statik grafikalar uchun GIF, JPG yoki PNG formatlaridan foydalaniladi, ular turli grafik paketlarda yaratilishi mumkin. Animatsion ob'ektlar uchun GIF va Flash animatsiya formatlari qo'llaniladi va bunday ob'ektlar ixtisoslashtirilgan dasturiy ta'minot dasturlarida ishlab chiqiladi (bu formatlarning har biri uchun maxsus). Interaktiv elementlar (rollovers, ImageMap havolalari va boshqalar) ham, qoida tariqasida, ixtisoslashtirilgan ilovalarda yaratiladi va grafik tasvirlar to'plamini ifodalaydi, ular orasidagi bog'lanish ularni to'ldiruvchi HTML kodli faylda o'rnatiladi.

Ushbu muammolarni muvaffaqiyatli hal qilish XML tiliga asoslangan SVG (Scalable Vector Graphics scalable vektor grafiklari) grafik formatiga o'tish bo'lishi mumkin, buning yordamida har qanday SVG tasvirini to'plam sifatida taqdim etish mumkin. buyruq qatorlari(1-rasm) va SVG faylining o'zi har qanday matn muharririda, shu jumladan Notepadda ochilishi mumkin. Bu qiyosiy yangi texnologiya dastlab Adobe tomonidan maxsus veb uchun ishlab chiqilgan va bugungi kunda yuqori sifatli statik, animatsiyali va interaktiv grafikalarni yaratishni ta'minlovchi mobil qurilmalar uchun katta qiziqish uyg'otmoqda. Shu sababli, 2003 yilda W3C konsorsiumi (http://www.w3.org/Graphics/SVG) tomonidan faol qo'llab-quvvatlanayotgani ajablanarli emas, SVG 1.1 standarti W3C tomonidan tavsiya sifatida qabul qilingan va bu daqiqa SVG 1.2 spetsifikatsiyasi ishlab chiqilmoqda (http://www.w3.org/TR/SVG12/).

tegishli rasm bilan

SVG texnologiyasi matn, grafik, animatsiya va interaktiv komponentlarni bir formatda birlashtirish imkonini beradi va uchta turdagi grafik tasvirlarga asoslanadi: vektor shakllari, rasmlar va matn. Shakllar, vektor grafikasida odatdagidek, to'g'ri chiziqli va egri chiziqli konturlar yoki grafik primitivlar (to'rtburchaklar, ellipslar va boshqalar) bilan ifodalanadi va chizmalar import qilingan rastr tasvirlardir. Bundan tashqari, SVG formati har xil turdagi animatsiyali (GIF va Flash animatsiyasini eslatuvchi) va interaktiv ob'ektlarni, masalan, rollovers, link xaritalari va boshqa navigatsiya elementlarini qo'llab-quvvatlaydi. Va bu standart XML tiliga asoslanganligi sababli, SVG fayli vizual ko'rsatish uchun mo'ljallangan elementlar bilan bir qatorda turli metama'lumotlarni ham o'z ichiga olishi mumkin.

SVG formatidan foydalanishning ijobiy va salbiy tomonlari

SVG formatidan foydalanish veb va mobil qurilmalar uchun kichikroq, tezroq yuklanadigan, yuqori sifatli, ko'p qirrali grafiklarni ishlab chiqish imkonini beradi, ularni boshqa hech qanday grafik formati taqdim eta olmaydi. SVG grafik formatining asosiy afzalliklari quyidagilardan iborat:

• o'lchamidan qat'iy nazar tasvirlarning yuqori sifati, bu SVG formatining vektor tabiati bilan izohlanadi. Tasvirlar sifatini yo'qotmasdan cheksiz ravishda kichraytirilishi yoki kattalashtirilishi mumkin (2-rasm) displey o'lchamiga mos ravishda olish imkonini beradi. yuqori sifatli tasvir haqida grafik ma'lumotlar har xil turlari qurilmalar (stol kompyuterlari, cho'ntak kompyuterlari va boshqalar), shuningdek, individual tafsilotlarni sinchkovlik bilan o'rganishga imkon beradi, bu, masalan, texnik chizmalar bilan ishlashda muhim;
• ko'p kichikroq o'lcham fayllarni GIF, JPG, PNG va animatsiya GIF formatlari bilan solishtirganda va undan ham ko'proq Flash formati bilan solishtirganda. Misol uchun, agar fayl maqola uchun sinovdan o'tgan bo'lsa GIF formati, LZW siqish rejimida siqilgan, 26 KB, mos keladigan SVG faylining hajmi 1220 baytni egallagan va SVGZ formatida siqilganida u atigi 685 bayt edi.

Lekin bu nafaqat. Internetni grafik tasvirlashning an'anaviy variantlari bilan solishtirganda, SVG formatidan foydalanish boshqa ko'plab inkor etilmaydigan afzalliklarga ega.

Shunday qilib, ishlab chiquvchilar uchun muhim afzalliklar:

• statik, jonlantirilgan va interaktiv elementlarni bir formatda, shuningdek vektor va rastr ob'yektlarining kombinatsiyasini birlashtirish qobiliyati;
• takomillashtirilgan matn bilan ishlash, shu jumladan kerning, egri matn va cheksiz shriftdan foydalanish;
• ranglarning aniqligini yanada samarali nazorat qilish va veb-tasvirlarda gradient to'ldirishdan foydalanish uchun keng imkoniyatlar yuqori aniqlik, soyalar, filtrlar va boshqalar;
• SVG formatining matn tabiati va uning kaskadli uslublar jadvallarini qo'llab-quvvatlashi, bu veb-saytni yangilash jarayonini sezilarli darajada soddalashtiradi va kerak bo'lganda unga murojaat qilmasdan o'zgartirishlar kiritishga imkon beradi. maxsus dasturlar;
• XML (Extensible Markup Language) va CSS (Cascading Style Sheets) standartlari asosida qurilgan ma'lumotlar bazalari bilan integratsiya, bu sizga SVG tasvirlarini ma'lumotlar bazasida saqlash va ulardan foydalanib yaratish imkonini beradi. dinamik veb-sahifalar turli platformalar, shaxsiy sozlamalar va boshqalar uchun har xil;
• indekslash muammosi yo'q SVG fayllari har qanday qidiruv tizimlari tomonidan indekslanadi (masalan, SWF fayllaridan farqli o'laroq).

Foydalanuvchilar yuqori sifatli, tez yuklanadigan SVG kontentidan bahramand bo'lishadi. Bundan tashqari, SVG tasvirida joylashgan matnni nusxalash va shu bilan o'zingiz uchun ba'zi foydali ma'lumotlarni saqlashingiz mumkin, shuningdek, tasvirdagi matnni qidirishingiz mumkin, bu ba'zi hollarda, masalan, qidirishda juda zarur bo'lishi mumkin. xaritada yoki chizmada kerakli nom.

Biroq, odatdagidek, afzalliklar bilan bir qatorda, SVG texnologiyasi ham kamchiliklarga ega va juda jiddiy.

• SVG tasvirlari Internet-brauzer ishlab chiqaruvchilari tomonidan kam qo'llab-quvvatlanadi. Natijada, SVG grafikalarini brauzerdan ko'rish uchun foydalanuvchilar ushbu imkoniyatni ta'minlaydigan uchinchi tomon plaginini, masalan, Adobe-dan SVG Viewer-ni qo'shimcha ravishda o'rnatishga majbur. Nazariy jihatdan, bu qiyin emas, mos keladigan plaginlarni o'rnatish oson, bepul, hajmi kichik va Internetdan tezda yuklab olinishi mumkin. Amalda, hamma narsa ancha murakkab bo'lib chiqadi, chunki ko'pchilik Internet foydalanuvchilari bu imkoniyatlarning mavjudligini bilishmaydi va shuning uchun ularni ko'ra olmaydilar. bu tur plaginsiz grafikalar shunchaki ko'rinmaydi. Biroq, vaziyat asta-sekin o'zgarib bormoqda va o'tgan yili ikkita etakchi veb-brauzer ishlab chiquvchilari SVG formatini qo'llab-quvvatlashni joriy qilishdi. Bahorda Opera Software SVG 1.0 Tiny-ni qo'llab-quvvatlaydigan Opera brauzerining 8-versiyasini chiqardi; biroz keyinroq paydo bo'lgan Opera 9.0 versiyasida SVG 1.0 Basic formatini qisman qo'llab-quvvatlash amalga oshirildi. SVG-ni qo'llab-quvvatlashni o'z ichiga olgan ikkinchi ishlab chiquvchi The Mozilla Organization edi.1.1 spetsifikatsiyasining SVG grafikalarini ko'rishni ta'minlovchi Mozilla SVG loyiha moduli Firefox 1.5 brauzeriga kiritilgan. Bundan tashqari, 2005 yil o'rtalarida Mac OS X operatsion tizimida ishlaydigan kompyuterlarda ishlaydigan Safari brauzerini ishlab chiquvchilar SVG 1.1 ni qo'llab-quvvatlashni joriy etish bo'yicha faol ish boshladilar;
• Boshqa grafik formatlar bilan solishtirganda, SVG formati hali ham grafik dasturlarni ishlab chiquvchilar tomonidan kam qo'llab-quvvatlanadi, garchi Adobe Illustrator, Corel DRAW va boshqalar kabi etakchi grafik paketlar grafiklarni SVG fayllariga eksport qilish imkonini beradi. Albatta, SVG fayllari har qanday matn muharririda yaratilishi mumkin, ammo bu rivojlanish tezligi va narxi jihatidan amaliy emas. Agar kerak bo'lsa, matn muharririda faylni tahrirlash qulay (aytmoqchi, agar siz XML texnologiyasini chuqur bilsangizgina mumkin), lekin uni noldan yaratish oqilona emas, chunki bu ortiqcha vaqt va kuch talab qiladi. Buning uchun bizga bir xil muhitda tasvirga mos keladigan dastur kodini tahrirlash imkoniyatiga ega Scalable Vector Graphics formatida grafikani tez vizual rivojlantirish uchun oddiy va qulay vositalar kerak, ammo bunday mahsulotlar juda kam va ular emas. yaxshi tanilgan.

Natijada, juda achinarli vaziyat yuzaga keladi: ko'p foydalanuvchilar SVG grafikalarini veb-brauzerlarda kerakli darajada qo'llab-quvvatlamasliklari sababli hali ko'ra olmaydilar, veb-ishlab chiquvchilar SVG grafikalarini qanchalik jozibali bo'lmasin, deyarli ishlab chiqmaydilar, va dasturiy ta'minot ishlab chiquvchilari veb-dizaynerlarni SVG-ga qaratilgan turli xil ilovalar bilan qiziqtirmaydi. Natijada shafqatsiz doira paydo bo'ladi: "Agar kontent bo'lmasa, odamlarga SVG ilovasi kerak emas va agar amalga oshirilmasa, unda kontent ham yo'q" W3C konsorsiumining birida vaziyat aynan shunday tasvirlangan. uchrashuvlar.

Ammo siz vaziyatga boshqa tomondan qarashingiz mumkin: ikkita mashhur Internet-brauzer tomonidan SVG-ni qo'llab-quvvatlash (hozircha to'liq bo'lmasa-da), shuningdek, taniqli ishlab chiquvchilarning texnologiyasiga qiziqish "muz buzildi" va SVG veb-ma'lumotni taqdim etishning mashhur formatlaridan biriga aylanish imkoniyatiga ega. Tasvir hajmi va sifatiga qo'yiladigan talablar ancha yuqori bo'lgan mobil qurilmalarga nisbatan SVG texnologiyasiga qiziqish ortib borayotgani tufayli bu imkoniyat ortib bormoqda. Masalan, Opera Software birinchi navbatda ish stollarida SVG formatini to'liq qo'llab-quvvatlashni amalga oshirishni va shundan keyingina uni mobil platformalarga o'tkazishni rejalashtirmoqda. Shuning uchun, veb-dizaynerlar uchun SVG-dan foydalanish haqida o'ylash vaqti keldi, aks holda ular yaqin kelajakda ortda qolish xavfi bor.

SVG grafiklarini ko'rish uchun plaginlar

Yuqorida aytib o'tilganidek, hozirda ko'pchilik foydalanuvchilar SVG grafikalarini Internet-brauzer oynasida to'liq ko'rish uchun mos plaginlardan birini ishlatishlari kerak bo'ladi, ulardan eng mashhurlari bepul Adobe SVG Viewer va Corel SVG Viewer modullaridir. Ulardan birinchisi Adobe SVG Viewer alohida dastur sifatida keladi, ixcham va qulay, turli platformalarda ishlaydi, ko'plab internet-brauzerlarni qo'llab-quvvatlaydi va shuning uchun foydalanuvchilar orasida ancha mashhur. Corel SVG Viewer ilovasi Corel Smart Graphics Studio paketiga kiritilgan, lekin bepul dastur sifatida ham mavjud.

SVG grafikalarini ko'rishning boshqa variantlari mavjud; siz, masalan, Amaya (http://www.w3.org/Amaya/), Apache Batik (http://xml.apache.org/) ning tegishli modullaridan foydalanishingiz mumkin. batik) paketlari, KDE KSVG (http://www.kde.org) va boshqalar. SVG tasvirlarni ko'rishni ta'minlovchi ilovalarning to'liq ro'yxati quyidagi manzilda keltirilgan: http://wiki.svg.org/Viewer_Implementations.

Adobe SVG Viewer

Dasturchi: Adobe Systems, Inc.

Tarqatish hajmi: 2,25 MB

Tarqatish usuli: bepul dastur (http://download.adobe.com/pub/adobe/magic/svgviewer/win/3.x/3.03/en/SVGView.exe)

Narxi: tekinga

Nazorat ostida ishlash: Windows 95/98/Me/NT/2000/XP, Mac OS 8.6/9/X, Linux, Solaris

Brauzerni qo'llab-quvvatlash: Internet Explorer 4.0 yoki undan yuqori versiyalari, Netscape Navigator yoki Communicator 4.5 dan 4.78 gacha (6.x dan tashqari)

Corel SVG Viewer

Dasturchi: Corel Corp

Tarqatish hajmi: 4,9 MB

Tarqatish usuli: bepul dastur (modulni quyidagi manzildan yuklab olish mumkin: http://www.corel.com/servlet/Satellite?pagename=Corel/Downloads/Details&id=1042152917172)

Narxi: tekinga

Ish nazorati ostida: Windows 98/NT/2000/Me/XP

Brauzerni qo'llab-quvvatlash: Microsoft Internet Explorer 5.5 va undan yuqori versiyalari, Netscape Navigator yoki Communicator 4.79, 7.02 versiyalari

SVG grafik yaratish uchun dasturlar

SVG grafikasini yaratish uchun barcha dasturlarni uchta katta guruhga bo'lish mumkin. Birinchisi vektor grafikalari bilan ishlashga qaratilgan mashhur ikki o'lchovli grafik paketlarni o'z ichiga oladi va shu bilan birga tasvirlarni SVG formatiga eksport qilish imkonini beradi. Ulardan eng mashhurlari Adobe Illustrator va CorelDRAW; bundan tashqari, u yoki bu darajada bunday eksport boshqa ko'plab ilovalarni qo'llab-quvvatlaydi: AutoCAD, Microsoft Visio va boshqalar. Ushbu ilovalar guruhining asosiy afzalligi shundaki, ular vektor tasvirlarini yaratish uchun ilg'or vositalarga ega va ulardan foydalanish orqali noyob effektlarga erishish imkonini beradi. shaffoflik, gradient plomba, turli filtrlar va boshqalar. Lekin bu ilovalar jiddiy maxsus tayyorgarlikni talab qiladi va shuning uchun asosan professional dizaynerlar uchun mo'ljallangan. Bundan tashqari, ular asosan SVG dizayniga e'tibor qaratmaydi (garchi ular sizga Scalable vektor grafik formatida grafiklarni olish imkonini beradi), shu bilan birga qulay vizual yaratish va tasvirlarni ko'rsatishni ta'minlaydi, bu ilovalar ularni matnda sozlash imkonini bermaydi. darajasi, bu SVG-grafiklar uchun tegishli. Bundan tashqari, ularda Scalable Vector Graphics formatini qo'llab-quvvatlash to'liq amalga oshirilmaganligi muhimdir, buning natijasida barcha vektor tasvir elementlarini SVG-ga xatosiz eksport qilish mumkin emas.

Dasturiy mahsulotlarning ikkinchi guruhi faqat SVG grafikasini yaratish uchun mo'ljallangan paketlardan iborat. Ular vektor tasvirlarini vizual rivojlantirish nuqtai nazaridan ancha kam imkoniyatlarga ega, garchi ular barcha kerakli vositalarni o'z ichiga oladi. Ammo ular manba kodini tahrirlash uchun qulay vositalarni taqdim etadi va SVG ob'ektlari bilan parallel ravishda, ham vizual, ham kod darajasida ishlashga imkon beradi va siz ma'lumotni taqdim etish uchun ushbu variantlarni osongina almashtirishingiz mumkin. Ushbu guruhdagi barcha ilovalar juda sodda va foydalanish mumkin va o'rganish uchun ko'p vaqt talab etilmaydi. Bundan tashqari, ular nisbatan kichik taqsimotlarga ega (birinchi guruh ilovalari bilan solishtirganda), shuning uchun ularni Internet orqali hech qanday muammosiz sotib olish mumkin. Biroq, bunday imkoniyatlarga ega dasturlar juda kam va quyida biz eng katta qiziqish uyg'otadigan va turli toifadagi foydalanuvchilar uchun mo'ljallangan faqat to'rttasini batafsil ko'rib chiqamiz. BILAN to'liq ro'yxat SVG grafiklarini yaratish uchun mavjud ilovalarni quyidagi manzilda topish mumkin: http://wiki.svg.org/Design_Tools.

Va nihoyat, uchinchi guruh har qanday matn muharrirlarini, shu jumladan oddiy bloknotni ham o'z ichiga olishi mumkin. Yuqorida ta'kidlab o'tilganidek, Scalable Vector Graphics formati XML tiliga asoslangan bo'lib, agar kerak bo'lsa, matn muharririda matn darajasida SVG fayllarni yaratish va tahrirlash imkonini beradi.

SVG grafikasini yaratishga imkon beruvchi toʻliq xususiyatli grafik ilovalar

Adobe Illustrator CS2

Dasturchi: Adobe Systems, Inc.

Tarqatish hajmi: Macintosh versiyasi 428,9 MB, Windows versiyasi 398,6 MB

Tarqatish usuli: shareware (paketning 30 kunlik demo versiyasini quyidagi manzilda topish mumkin: http://www.adobe.com/products/tryadobe/main.jsp#product=27)

Narxi: 665 dollar

Ish nazorati ostida: Windows 2000, Service Pack 3 yoki Windows XP, Mac OS X 10.2.4 dan 10.2.7 gacha versiyalari, Java Runtime Environment 1.4.1

9-versiyadan boshlab Adobe Illustrator (3-rasm) SVG fayllarini import va eksport qilishni amalga oshirdi va shunga o'xshash grafik ilovalarga nisbatan ancha yuqori darajada. To'plam barcha mavjud SVG spetsifikatsiyalarini, ISO 8859-1, UTF-8 va UTF-16 kodlashlarini, turli matn eksport imkoniyatlarini qo'llab-quvvatlaydi va oddiy SVG formatida ham, siqilgan SVGZ formatida ham tasvirlarni eksport qilish imkonini beradi.

Uning muhitida yaratilgan SVG grafiklarida siz gradientlar, shaffoflik, shuningdek, turli xil soyalar, xiraliklar va boshqalar ko'rinishida maxsus ishlab chiqilgan SVG effektlarining butun seriyasidan (Effect=>SVG Filtrlar) foydalanishingiz mumkin. Bunday effektlarga ega tasvirlar qoladi. har qanday kattalashtirish bilan veb-brauzerda ko'rilganda tozalanadi. Statik grafiklardan tashqari Illustrator SVG formatida interfaol grafikalar yaratishga ham imkon beradi, buning uchun maxsus SVG Interactivity palitrasi taqdim etiladi (uni Window=>SVG Interactivity menyusidan ochish mumkin), bunda interaktiv ob'ektlar uchun amallar bajariladi. belgilangan. Ta’kidlash joizki, Illustrator’da interaktiv SVG elementlari ustida ishlash Java Script-ni bilish va obyektga yo‘naltirilgan dasturlashning asosiy tamoyillarini tushunishni talab qiladi. Bundan tashqari, ushbu dasturda Scalable Vector Graphics formatidan foydalanib, siz Dynamic Driven Graphics yaratishingiz mumkin.

CorelDRAW Graphics Suite 12

Dasturchi: Corel Corp.

Tarqatish hajmi Tiva: 200 MB

Tarqatish usuli: Shareware (demo versiyasini onlayn do'kon saytlaridan yuklab olish mumkin, masalan: http://allsoft.ru/Download.php?ver=17605)

Narxi:$290 (Allsoft.ru)

Ish nazorati ostida: Windows NT/2000/XP

CorelDRAW Graphics Suite 12 to'plamiga kiritilgan professional vektor grafikasini ishlab chiqish uchun taniqli CorelDRAW ilovasi (4-rasm) SVG va SVGZ formatlarida import va eksportni asosiy darajada ta'minlaydi va shuning uchun statik va interaktiv yaratish uchun ishlatilishi mumkin. SVG grafikasi.

CorelDRAW da SVG faylga

Ilova tan olinmagan ma'lumotlar, atributlar va metama'lumotlarni qo'llab-quvvatlaydi, shuningdek, qobiliyatni ta'minlaydi oldindan ko'rish SVG fayllarni eksport qilishdan oldin brauzerda. Bundan tashqari, Unicode kodlash UTF-8 va UTF-16 kodlash usullari va matn va bitmap tasvirlarni eksport qilish uchun turli xil variantlar uchun mumkin. IN oxirgi versiya Belgilar, matnlar, soyalar, konturlar, qatlamlar, o'rnatilgan ikkilik tasvirlar va boshqalarni eksport qilish uchun sezilarli darajada yaxshilangan yordam.

Mayura Draw 4.3

Dasturchi: Mayura dasturiy ta'minot

Tarqatish hajmi: 1,3 MB

Tarqatish usuli: Shareware (demo versiyasi http://www.mayuradraw.com/mdraw.zip)

Narxi: 39 dollar

Ish nazorati ostida: Windows 95/98/Me/NT/2000/XP

Mayura Draw (5-rasm) umumiy foydalanuvchi uchun mo'ljallangan juda oddiy va arzon vektor grafikasini yaratish dasturi. Olingan vektor tasvirlari, agar xohlasangiz, SVG formatiga eksport qilinishi mumkin va shuning uchun Mayura Draw statik SVG grafikasini ishlab chiqish uchun mumkin bo'lgan yechim bo'lishi mumkin. Dastur barcha asosiy vektor grafik vositalarini qo'llab-quvvatlaydi va grafik primitivlar, chiziqli va egri chiziqli konturlar va matnlar asosida vektor tasvirlarni olish imkonini beradi. Uning imkoniyatlari ro'yxati ob'ektlarni tekislash, taqsimlash va tartibga solish, shaffoflikni boshqarish, ob'ektlarni aniq joylashtirish uchun yo'riqnomalar va o'lchagichlardan foydalanish va turli xil o'zgarishlarning qulay vositalarini o'z ichiga oladi.

SVG grafikasini yaratish uchun maxsus paketlar

EvolGrafiX XStudio 6.1

Dasturchi: EvolGrafiX

Tarqatish hajmi: 7,25 MB

Tarqatish usuli: http://www.evolgrafix.de/htDocs/files/trials/xstudio6x/XStudio6-Trial.exe)

Narxi:$449 tijorat litsenziyasi, $249 akademik litsenziya

Ish nazorati ostida: Windows 2000/XP

XStudio professional to'plami (6-rasm) Internet va mobil qurilmalar uchun turli SVG grafikalarini yaratish uchun qulay vosita bo'lib, ham SVG loyihasini bir butun sifatida, ham vektorli tasvirlar, animatsiya, skriptlar va boshqalar ustidan to'liq nazorat qilishni ta'minlaydi. qulay, intuitiv va sozlash oson foydalanuvchi interfeysi, keng ko'lamli vositalarni taqdim etadi, ega yuqori tezlik ish, barcha mavjud spetsifikatsiyalarning SVG grafikalarini yaratishga imkon beradi va barcha Scalable Vector Graphics uslublarini qo'llab-quvvatlaydi. Bularning barchasi professional paket uchun nisbatan past narx bilan birgalikda, uni o'z turidagi eng yaxshi professional yechim deb hisoblash imkonini beradi. XStudio batafsil hujjatlar bilan birga keladi, bir qator o'quv qo'llanmalari bilan qo'llab-quvvatlanadi va o'rganish oson.

Guruch. 6. Vizual tasvir yaratishni manba kodini tahrirlash bilan birlashtirish
EvolGrafiX XStudio-da

Ilova vektorli tasvirlarni yaratish va qayta ishlash uchun barcha zarur imkoniyatlarga ega va bu borada Adobe Illustrator paketiga juda o'xshaydi. Shu bilan birga, XStudio to'g'ridan-to'g'ri statik, interaktiv va jonlantirilgan SVG grafikalarini tayyorlashga qaratilgan va shuning uchun vektor ob'ektlari bilan ishlash uchun klassik vositalar bilan bir qatorda u SVG-ning o'ziga xos imkoniyatlari bilan to'ldiriladi. O'rnatilgan Document Object Model (DOM) asboblar paneli SVG obyektlarining ierarxik ko'rinishini ta'minlaydi, qulay XML muharriri matn darajasida manba kodini tuzatishga imkon beradi va skript muharriri uni Java skriptlari bilan to'ldirishga imkon beradi. Kod bilan ishlash juda qulay tashkil etilgan: tanlangan ob'ektning kod qismlari avtomatik ravishda ajratib ko'rsatiladi, matnni qidirish va xatcho'plarni o'rnatish mumkin va hokazo. Har qanday kod o'zgarishlari bir zumda vizual ko'rish oynasida aks ettiriladi va vizual o'zgarishlar muharrir oynasi.

Inkscape

Dasturchi: IOSN (Xalqaro Ochiq manba Tarmoq xalqaro ochiq manba tarmog'i)

Tarqatish hajmi: 8,7 MB

Narxi: tekinga

Ish nazorati ostida: Windows 9x/NT/2000/XP, Mac OS X, Linux

Inkscape (7-rasm) eng istiqbolli vektor muharriri ko‘p platformali va Scalable Vector Graphics standartiga muvofiq grafiklarni ishlab chiqish uchun kuchli vosita bo‘lgan Open Source modeliga asoslangan. o'zlari bilan funksionallik vektor tasvirlari bilan ishlash, shuningdek, interfeys kabi Inkscape CorelDRAW-ga juda o'xshaydi. U qatlamlar bilan ishlaydigan, oqimli matndan, ajoyib gradient plombalaridan, ko'p sonli filtrlar va effektlardan, turli xil o'zgarishlardan foydalangan holda alfa kanallarini qo'llab-quvvatlaydi. qulay ish konturlar va ob'ektlar bilan, ob'ektlarni guruhlash va boshqalar. JPEG, PNG va TIFF fayllaridan maʼlumotlarni import qilishingiz va ularni SVG tasvirlarga joylashtirishingiz mumkin.

o'rnatilgan Inkscape muharriri

Biroq, CorelDRAW-dan farqli o'laroq, Inkscape SVG dizaynerlari uchun dastur sifatida joylashtirilgan, shuning uchun klassik vizual grafiklarni yaratish bilan bir qatorda o'rnatilgan matn muharririda XML kodini bevosita qayta ishlash imkoniyatini beradi. Dastur oddiy va siqilgan SVG fayllarida tasvirlarni saqlash uchun tuzilgan, garchi agar kerak bo'lsa, ularni umumiy vektor va rastr formatlariga aylantirish mumkin.

Inkscape to'plami qulay ruslashtirilgan interfeysga ega, o'rganish oson va yaxshi yordam tizimi, jumladan turli xil foydalanish misollari va qo'shimcha ravishda, ushbu ilova bepul bularning barchasi uni keng foydalanuvchilar uchun juda jozibador qiladi. Dasturning asosiy kamchiliklari uning past ishlash tezligi va tizim resurslariga bo'lgan talablarning oshishi hisoblanadi.

Corel WebDraw

Dasturchi: Corel Corp

Tarqatish hajmi: 15,6 MB

Tarqatish usuli: Shareware (30 kunlik demo http://www5.jasc.com/pub/wdw102ev.exe)

Narxi: Yuklab olish versiyasi $179, CD versiyasi $199

Ish nazorati ostida: Windows 98/NT4/2000/Me/XP

Jasc WebDraw nomi bilan mashhur bo'lgan Corel WebDraw (8-rasm) professional dizaynerlarga mo'ljallangan yuqori sifatli SVG grafika va animatsiyalarni yaratish uchun keng qamrovli yechimdir. Va dasturning intuitiv interfeysi uni keng foydalanuvchilar uchun jozibador qiladi.

Ilova to'liq xususiyatli vektor grafik ilovasi uchun xos bo'lgan keng standart grafik vositalar to'plamini taqdim etadi: asosiy shakllar (ellips, to'rtburchaklar, yulduzlar va boshqalar), qalam, ko'pburchak, poliline, matn va boshqalar. WebDraw vektor ob'ektlari bilan bir qatorda SVG ob'ektlarini tashqi ob'ektlar bilan to'ldirishga imkon beradi rastrli tasvirlar. Muntazam to'ldirish va tayyor uslublarni qoplashdan tashqari, siz murakkab gradyanlar, plomba, shu jumladan o'zingiz yaratgan naqshlardan foydalanishingiz mumkin. Tasvirlarni yanada samaraliroq olish uchun siz juda oddiy (loyqalash va soya qilish) va murakkab (tekstura va yoritish) filtrlardan foydalanishingiz mumkin. To'rlar, yo'riqnomalar va o'lchagichlar ob'ektlarni aniq joylashtirishga yordam beradi va o'rnatilgan Document Object Model (DOM) asboblar paneli oson boshqarish uchun SVG obyektlarini ierarxik daraxt ko'rinishida taqdim etadi.

WebDraw SVG DOM (Hujjat ob'ekt modeli) asosida qurilgan universal animatsion syujetli chiziqli Animation Timeline bilan jihozlangan, bu sizga istalgan vaqtda barcha turdagi ob'ektning deyarli har qanday atributini yoki xususiyatini tanlash va jonlantirish imkonini beradi. . Drag-and-drop mexanizmi animatsiyaning boshlanish va tugash nuqtalarini, shuningdek, har bir animatsiya bosqichining davomiyligini bevosita vaqt jadvalida tahrirlash imkonini beradi. Har bir ob'ekt atributi yoki xususiyati uchun animatsiya opsiyalarini o'rnatganingizda animatsiya kalit vaqtlari kiritilishi sababli, ular quyidagi maqsadlarda hikoyalar taxtasining boshqa joylariga ko'chirilishi mumkin. avtomatik sozlash vaqt bo'yicha animatsiya effektlarini taqsimlash.

Paket sizga SVG grafikasi bilan ikkita versiyada ishlash imkonini beradi: ikkalasi ham vizual tarzda ko'rsatiladigan grafik ob'ektlar to'plami va mos keladigan manba kodi bilan. O'rnatilgan SVG fayl matn muharririda manba kodini tahrirlash qo'shimcha moslashuvchanlikni va fayl tarkibini boshqarishni ta'minlaydi. Avtomatik tekshirish manba kodidagi o'zgarishlar yaratilgan grafiklarning to'g'ri ishlashini ta'minlashga yordam beradi va topilgan xatolar rang bilan belgilanadi, bu esa dizaynerni yuzlab kod satrlari orqali soatlab qidirishdan qutqaradi. Manba kodidagi har qanday o'zgarishlarning natijasi darhol ekranda ko'rsatiladi. Agar xohlasangiz, boshqa ilovalarda yaratilgan SVG fayllarni WebDraw-ga import qilishingiz, tahrirlashingiz va optimallashtirishingiz mumkin.

Sketsa SVG muharriri 3.2.3

Dasturchi: KIYUT

Tarqatish hajmi: 5,99 MB

Tarqatish usuli: shareware (tasvirga teg qo'shadigan demo, http://www.kiyut.com/products/sketsa/sketsa.zip)

Narxi: 49 dollar

Nazorat ostida ishlash: Windows 2000/XP, Java VM (JRE) 1.5 va undan yuqori (http://www.java.com/getjava), UNIX va Linux

Sketsa ilovasi (9-rasm) eng mashhur SVG muharrirlaridan biri bo'lib, professional SVG grafikalarini, shu jumladan SVGZ formatida optimallashtirishni yaratish imkonini beradi. Paket oddiylik va foydalanish qulayligini keng imkoniyatlar bilan muvaffaqiyatli birlashtiradi va Windows, Mac va Linux tizimlari bilan mos keladi.

Sketsa har qanday vektorli ilovalar uchun xos bo'lgan klassik vositalar to'plamini qo'llab-quvvatlaydi, bu sizga konturlar va grafik primitivlar va matn asosida istalgan vektor ob'ektlarini yaratish va o'zgartirish imkonini beradi, agar xohlasangiz, rastrli tasvirlar bilan osongina to'ldirilishi mumkin. Siz shaffoflikni boshqarishingiz, gradient to'ldirish va filtrlardan foydalanishingiz mumkin. Bularning barchasi ixtisoslashtirilgan SVG imkoniyatlari bilan muvaffaqiyatli to'ldiriladi, buning yordamida har qanday tasvirni nafaqat vizual, balki tahrirlash mumkin. matn rejimi. SVG kodini tahrirlash uchun paket o'rnatilgan XML matn muharririni taqdim etadi. Ob'ektlarni boshqarish qulayligi uchun o'rnatilgan Document Object Model (DOM) asboblar paneli mavjud bo'lib, u SVG hujjatidagi ierarxik daraxtga o'xshash ob'ektlar to'plami bo'lib, uning xususiyatlarini tahrirlash uchun istalgan hujjat ob'ektini tanlash imkonini beradi.

Eng mashhur grafik muharrirlar tasvirlarni bir necha formatda saqlash imkonini beradi. Agar dastur rastrli grafiklar bilan ishlayotgan bo'lsa, fayllarni saqlash uchun rastr formatlari taklif etiladi, agar vektor grafiklari bo'lsa, mos ravishda vektor formatlari. Biroq, chizmalarni vektor va aralash formatlarga eksport qilishni qo'llab-quvvatlaydigan rastr muharrirlari mavjud. Bu, masalan, Adobe Photoshop bo'lib, u chizmani SVG-ga eksport qila oladi - bugungi kunda rastr va vektor grafikalarini saqlashi mumkin bo'lgan juda keng tarqalgan format.

SVG formati nima va u qayerda ishlatiladi?

2001 yilda Konsortsium tomonidan ishlab chiqilgan Internet, SVG formati aniq emas oddiy hujjat. U VML va PGML belgilash tillariga asoslangan, ya'ni biz asosan matnli fayl haqida gapiramiz. Bunday holda, muharrirlar va brauzerlar SVG ni statik yoki jonlantirilgan bo'lishi mumkin bo'lgan tasvir sifatida izohlaydilar. Vektorli grafikalarni saqlash uchun mo'ljallangan boshqa formatlar orasida eng keng tarqalgan bo'lib, SVG hozirda vektor va aralash tasvirlarni Internetda saqlash va tarqatish uchun faol foydalanilmoqda.

Barcha formatlar singari, SVG ham o'zining ijobiy va salbiy tomonlariga ega. Birinchisi, sifatni yo'qotmasdan kengaytirilishi, nisbatan engilligi, PNG, GIF, JPG rasmlarini SVG hujjatlariga integratsiya qilish qobiliyati, matn muharrirlarida tahrirlash (agar sizda tegishli tajriba bo'lsa), qidiruv robotlari tomonidan indeksatsiya, animatsiyani qo'llab-quvvatlash va tarqalish. Formatning afzalliklari, shuningdek, yaxshi siqilish, ochiqlik va moslashuvchanlikni o'z ichiga oladi.

Boshqa tomondan, SVG o'zining kamchiliklarini barcha ishtirokchilar bilan birga oladi. Format murakkab ob'ektlarni yaratish uchun unchalik mos emas, chunki SVG fayllari ko'p kichik qismlardan iborat bo'lsa, tezda og'irlashadi. Bundan tashqari, dasturlar rasmni ko'rsatish uchun butun hujjatni o'qishi kerak, bu formatni xaritalash ilovalarida ishlatishni qiyinlashtiradi. Formatning kamchiliklari orasida biz brauzerlar o'rtasidagi mosligining nisbatan pastligini va 3D grafika uchun hech bo'lmaganda minimal qo'llab-quvvatlanmasligini ta'kidlaymiz.

SVG fayllari bilan ishlash uchun eng yaxshi muharrirlar

Yuqorida aytib o'tilganidek, siz SVG faylini oddiy matn muharririda tahrirlashingiz mumkin, ammo buning uchun siz aniq bilimga ega bo'lishingiz kerak. Vektorli grafik muharrirlardan foydalanish ancha qulay va to'g'ri.

Adobe Illustrator

SVG muharriri roli uchun juda mos bo'lgan eng funktsional vosita. Adobe Illustrator vektor va estrodiol grafiklar bilan ishlash uchun ta'sirchan vositalar to'plamiga ega. Bu sizga oddiy eskizlarni ham, murakkab badiiy illyustratsiyalarni ham yaratish va tahrirlash imkonini beradi. SVG formati bilan ishlashda muharrir qatlamlar va skript tillaridan foydalanishga, maxsus effektlardan foydalanishga imkon beradi.

Boxy SVG

Ushbu format bilan ishlash uchun maxsus yaratilgan Boxy SVG ilovasi yordamida SVG tasvirlarini ham ochishingiz mumkin. Ushbu muharrir ko'p jihatdan Adobe Illustrator-dan pastroq, ammo unda hamma narsani topasiz asosiy vositalar SVG tasvirlarni yaratish va tahrirlash uchun. Ilova shakllar va ob'ektlar bilan ishlashni, mashhur formatlarning shriftlari va rasmlarini import qilishni, Pixabay kutubxonasi bilan ishlashni, SVG va CSS manba kodlarini ko'rish va tahrirlashni qo'llab-quvvatlaydi. Boxy SVG onlayn xizmat va Windows 10, MacOS va Chrome OS uchun ilova sifatida mavjud.

Vectr

SVG faylni yana qanday ochish mumkin? Ushbu turdagi fayllar bilan ishlash uchun Vectr deb nomlangan dastur mavjud bo'lib, u unga yuklangan tahrirlash vazifalarini juda yaxshi bajaradi. Ilova vektor tasvirining alohida qismlarini o'zgartirish, qatlamlar bilan ishlash, matn va primitivlarni qo'shish, effektlarni qo'llash (masalan, shaffoflik, chiziq, tashqi va ichki soya), gradientlar, qalam, chiziqlar va boshqa vositalardan foydalanish. Vectr yordam dasturi bepul va Windows, Linux va Chrome OS uchun versiyalari mavjud.

Inkscape

Oldingi ikkita dasturdan farqli o'laroq, Inkscape ko'p kirishni talab qilmaydi. Bu kuchli va to'liq bepul muharriri SVG piktogrammalaridan tortib to to'liq illyustratsiyalargacha bo'lgan har qanday murakkablikdagi vektor grafikalarini tahrirlash va yaratish uchun ishlatilishi mumkin. Inkscape yo'llar, matnlar, markerlar, qatlamlar va kanallar, gradientlar va teksturalar bilan ishlashi mumkin. Shuningdek, rastrli grafiklarni vektorlashtirish, SVG ranglarini boshqarish va boshqa ko'p narsalarni qo'llab-quvvatlaydi.

Aytgancha, siz faylning manba kodini tahrirlash orqali SVG rangini o'zgartirishingiz mumkin, ammo buning uchun siz kamida CSS tili va rang kodlari haqida asosiy tushunchaga ega bo'lishingiz kerak. Masalan, skrinshotda ta'kidlangan kod blokidagi uslub parametrini tahrirlash orqali biz oq rangni qizil rangga almashtirdik. Va shuning uchun, albatta, agar siz SVG-ni biror narsa bilan tahrir qilsangiz, Inkscape va shunga o'xshash dasturlar.

SVG-ni onlayn qanday ochish mumkin

Agar sizga onlayn SVG muharriri kerak bo'lsa, Boxy SVG, Vectr va Inkscape veb-versiyalaridan foydalaning. Bunday nashrlarning funktsional majmuasi ish stoli versiyalari bilan deyarli bir xil. Masalan, Inkscape ilovasi www.rollapp.com/app/inkscape loyihasining bir qismi sifatida ishga tushirilishi mumkin.

Agar siz oddiyroq narsani qidirsangiz, sketch.io/sketchpad saytida mavjud bo'lgan Sketchpad onlayn vektor muharririni sinab ko'ring. Sketchpadda cho'tkalar, chiziqlar, o'qlar, ibtidoiy belgilar, clipart, qalam, qalam, havo cho'tkasi, plomba va boshqalar mavjud. Qatlamlar, palitralar va gradientlar bilan ishlash mavjud.

Ammo xizmat SVG tasvirlarini noldan yaratish uchun mos emas, garchi u erkin shaklda chizish funksiyasini qo'llab-quvvatlaydi. Tahrirlovchi yangi boshlanuvchilar uchun mo'ljallangan, shuning uchun uni osongina aniqlashingiz mumkin.

SVG dan PNGga o'zgartirgichlar

Siz SVG faylini oddiy rasm sifatida brauzer oynasiga sudrab olib ko'rishingiz mumkin, lekin SVG hujjatini yanada qulayroq va tanish grafik formatga, masalan PNGga aylantirish kerak bo'ladi. Agar konvertatsiya qilinadigan fayllar juda ko'p, bepul vositadan foydalanish mantiqan SVG2PNG, bu sizga SVG-ni PNG formatiga aylantirish imkonini beradi ommaviy rejim. SVG-ni PNG-ga aylantirish uchun yordamchi dasturni ishga tushiring, vektor fayllarini uning oynasiga torting, "Ishga tushirish" tugmasini bosing va natijani oling.

Agar siz kompyuteringizga o'rnatgan bo'lsangiz antivirus dasturi mumkin kompyuteringizdagi barcha fayllarni, shuningdek, har bir faylni alohida skanerlang. Faylni sichqonchaning o'ng tugmasi bilan bosish va faylni viruslarga tekshirish uchun mos variantni tanlash orqali istalgan faylni skanerlashingiz mumkin.

Misol uchun, bu rasmda u ta'kidlangan my-file.svg fayli, keyin ushbu faylni sichqonchaning o'ng tugmasi bilan bosishingiz va fayl menyusidagi variantni tanlashingiz kerak "AVG bilan skanerlash". Ushbu parametrni tanlaganingizda, AVG Antivirus dasturi ochiladi va faylni viruslarga tekshiradi.

Ba'zida natijada xatolik yuz berishi mumkin dasturiy ta'minotni noto'g'ri o'rnatish, bu o'rnatish jarayonida duch kelgan muammo tufayli bo'lishi mumkin. Bu operatsion tizimingizga xalaqit berishi mumkin SVG faylingizni to'g'ri dastur ilovasiga bog'lang, deb atalmish ta'sir "fayl kengaytmalari assotsiatsiyasi".

Ba'zan oddiy No Cash GBA (No$GBA) ni qayta o'rnatish SVG-ni No Cash GBA (No$GBA) ga to'g'ri bog'lash orqali muammoingizni hal qilishi mumkin. Boshqa hollarda, fayl assotsiatsiyasi bilan bog'liq muammolar kelib chiqishi mumkin yomon dasturiy ta'minot dasturlash dasturchi va qo'shimcha yordam uchun dasturchi bilan bog'lanishingiz kerak bo'lishi mumkin.

Maslahat: Eng soʻnggi yamoq va yangilanishlarga ega ekanligingizga ishonch hosil qilish uchun No Cash GBA (No$GBA) ni eng soʻnggi versiyaga yangilab koʻring.

Bu juda aniq ko'rinishi mumkin, lekin tez-tez SVG faylining o'zi muammoga sabab bo'lishi mumkin. Agar siz faylni ilova orqali olgan bo'lsangiz Elektron pochta yoki uni veb-saytdan yuklab olgan va yuklab olish jarayoni to'xtatilgan (masalan, elektr uzilishi yoki boshqa sabab), faylga zarar yetishi mumkin. Iloji bo'lsa, SVG faylining yangi nusxasini olishga urinib ko'ring va uni qayta ochishga harakat qiling.

Ehtiyotkorlik bilan: Buzilgan fayl oldingi yoki mavjud bo'lgan garovga zarar etkazishi mumkin zararli dastur kompyuteringizda, shuning uchun har doim kompyuteringizda yangilangan antivirusni ushlab turish juda muhimdir.

Agar sizning faylingiz SVG bo'lsa kompyuteringizdagi apparat bilan bog'liq faylni ochish uchun kerak bo'lishi mumkin qurilma drayverlarini yangilash ushbu uskuna bilan bog'liq.

Bu muammo odatda media fayl turlari bilan bog'liq, bu kompyuter ichidagi apparatni muvaffaqiyatli ochishga bog'liq, masalan. ovoz kartasi yoki video karta. Misol uchun, agar siz audio faylni ochmoqchi bo'lsangiz, lekin uni ocholmasangiz, kerak bo'lishi mumkin ovoz kartasi drayverlarini yangilash.

Maslahat: Agar siz SVG faylini ochmoqchi bo'lsangiz .SYS fayli xato xabari, muammo bo'lishi mumkin buzilgan yoki eskirgan qurilma drayverlari bilan bog'liq bu yangilanishi kerak. Bu jarayonni DriverDoc kabi drayverlarni yangilash dasturlari yordamida osonlashtirish mumkin.

Agar qadamlar muammoni hal qilmasa va siz hali ham SVG fayllarni ochishda muammolarga duch kelyapsiz, buning sababi bo'lishi mumkin mavjud tizim resurslarining etishmasligi. SVG fayllarining ayrim versiyalari katta hajmdagi resurslarni talab qilishi mumkin (masalan, xotira/RAM, hisoblash quvvati) kompyuteringizda to'g'ri ochish uchun. Agar siz juda eski kompyuterdan foydalansangiz, bu muammo juda tez-tez uchraydi. Uskuna va ayni paytda ancha yangi operatsion tizim.

Bu muammo kompyuter vazifani bajarishda qiynalayotganida yuzaga kelishi mumkin, chunki operatsion tizim(va boshqa xizmatlar mavjud fon) mumkin SVG faylni ochish uchun juda ko'p resurslarni sarflang. Saqlangan o'yin faylini ochishdan oldin kompyuteringizdagi barcha ilovalarni yoping. Kompyuteringizdagi barcha mavjud resurslarni bo'shatish orqali siz SVG faylingizni ochishga harakat qilish uchun eng yaxshi holatda bo'lasiz.

Agar Siz yuqorida tavsiflangan barcha bosqichlarni bajaring va SVG faylingiz hali ham ochilmaydi, ishga tushirishingiz kerak bo'lishi mumkin uskunani yangilash. Aksariyat hollarda, apparatning eski versiyalaridan foydalanilganda ham, ishlov berish quvvati ko‘pchilik foydalanuvchi ilovalari uchun yetarli bo‘lishi mumkin (agar siz 3D renderlash, moliyaviy/ilmiy modellashtirish yoki protsessorni talab qiladigan ko‘p ishlarni qilmasangiz). intensiv multimedia ishi). Shunday qilib, ehtimol kompyuteringizda xotira yetarli emas(ko'proq "RAM" deb ataladi yoki Ram) faylni ochish vazifasini bajarish uchun.

Muallifdan: SVG tasvirlar bizning sevimli rastr formatlarimiz PNG va JPG kabi keng tarqalgan emas, lekin vektor grafikasining afzalliklari tobora ko'proq dizaynerlarni jalb qilmoqda. Dizaynerlar o'z loyihalarida vektor grafikalaridan tobora ko'proq foydalanmoqda. Ilgari biz Adobe Illustrator va Inkscape kabi ish stoli ilovalarini yuklab olishimiz kerak edi, ammo 2017 yilda biz brauzerdan chiqmasdan vektor grafikasini loyihalashimiz mumkin. Agar siz bepul SVG muharririni qidirayotgan bo'lsangiz, ushbu oltita bepul vositadan boshlashingiz mumkin.

Vectr

Vectr – yaxshi tanlov yangi boshlanuvchilar va ilg'or SVG foydalanuvchilari uchun. Interfeys toza va siz foydalanmaydigan juda ko'p vositalar bilan to'la emas. Muharrir vektor illyustratsiyasida yangi boshlanuvchilar uchun juda mos keladi. Foydalanuvchi qanday maqsadda ishlatilmaydigan vositalar orasida adashib qolmasligi kerak. To'plam bir nechta darslarni o'z ichiga oladi. Agar siz SVG bilan yangi bo'lsangiz ham, tezda o'rganishingiz mumkin.

Biroq, yuqorida aytilganlarning barchasi Vectrning zaif funksionalligi borligini anglatmaydi. U oddiy tasvirni yaratish uchun barcha asosiy to'plamga ega: shakllar, matnlar, qatlamlar, soyalar, ramkalar, fon va boshqalar. Uni to'liq ish stoli muharriri bilan taqqoslab bo'lmaydi, lekin tezkor dizayn va tahrirlar uchun bu etarli. Siz noldan rasm yaratishingiz yoki mavjudini yuklashingiz mumkin.

Vectr-ga murakkab rasmlarni yuklashda xatoliklar yuz berishi mumkin (xaritalar yoki batafsil diagrammalar). Muharrir har doim ham murakkab grafiklarni yaxshi ishlamaydi. Biroq, oddiyroq SVG (piktogrammalar, logotiplar va boshqalar) uchun ushbu muharrir etarli bo'ladi.

JavaScript. Tez boshlash

Agarda onlayn versiyalari Sizga kerak bo'lgan funksiyalar yo'q, dasturning ish stoli versiyasini yuklab olishingiz mumkin. Tahrirlovchi Windows, Mac, Linux va Chromebook uchun mavjud.

Ehtimol, Vectr-ning eng zo'r xususiyati shundaki, siz Vectr saytidan rasmlarni to'g'ridan-to'g'ri bog'lashingiz va joylashtirishingiz mumkin, bu uni samarali SVG xostiga aylantiradi. Ko'pgina xizmatlar SVG fayllarini yuklab olishni bloklaydi, shuning uchun bu jiddiy ortiqcha. Siz Vectr-dan SVG tasvirlarini WP, Medium, Tumblr va boshqalar kabi masofaviy saytlarda ko'rsatishingiz mumkin, ular to'g'ridan-to'g'ri SVG yuklanishini bloklaydi, lekin uni masofadan turib ko'rsatishga imkon beradi.

Vectr boshqa foydalanuvchilar siz yaratgan grafiklarni o'zgartirishi uchun muharrir panelida vektor grafikalarini almashish imkonini beradi. Ya'ni, siz, masalan, foydalanuvchilar o'z xohishiga ko'ra sozlashi mumkin bo'lgan SVG logotipi shablonini yaratishingiz mumkin. Bularning barchasi brauzerda.

Shu maqsadda Vectr yaqinda muharrirning formadagi versiyasini chiqardi WP uchun plagin.

RollApp

Ro'yxatdagi boshqa vositalardan farqli o'laroq, siz borganingizda bosh sahifa RollApp, muharrir sizning oldingizda ochilmaydi. RollApp ilovalar to'plami bo'lib, SVG muharriri faqat ilovalardan biridir. Ajoyib vosita, bu brauzer versiyasi Inkscape.

RollApp-dan foydalanish uchun sizga hisob qaydnomasi kerak. Siz yangisini ro'yxatdan o'tkazishingiz yoki tizimga kirishingiz mumkin Google yordamida, Facebook, Amazon. Juda qulay, men ilovani ko'rish uchun minglab yangi hisoblar yaratishni yomon ko'raman.

Inkscape eng zo'r! Shubhasiz, RollApp ro'yxatdagi eng boy xususiyatga ega ilovadir. Siz tom ma'noda brauzeringizda Inkscape-dan foydalanyapsiz! Men har bir tafsilotni taqqoslamadim, lekin bu ilovada qatlamlar, ob'ektlar, matnlar, yo'llar, filtrlar, effektlar, kengaytmalar va boshqalar kabi BARCHA Incscape xususiyatlari mavjud.

Katta fayllar unchalik tez qayta ishlanmaydi, chunki amallar dastur serverlarida va Internet orqali amalga oshiriladi. Qisqasi - agar siz katta va murakkab fayllarni tahrirlashingiz kerak bo'lsa, RollApp buni qilmaydi ideal variant, lekin asosiy to'plamga kiritilmagan boshqa vazifalar uchun ushbu muharrir boshqalarga qaraganda yaxshiroq mos keladi.

BoxySVG

Agar siz SitePoint-ni uzoq vaqtdan beri o'qiyotgan bo'lsangiz, muharrir bilan tanishishingiz kerak BoxySVG, chunki so'nggi 12 oy ichida biz u haqida gaplashdik. Men batafsil ko'rib chiqmayman, chunki bu allaqachon qilingan Ushbu maqola.

JavaScript. Tez boshlash

Veb-ilovani yaratishning amaliy misoli bilan JavaScript asoslarini bilib oling.

Muhimi shundaki, Aleks ko'rib chiqqandan beri BoxySVG kod inspektorini qo'shib, uni veb-ishlab chiquvchilar uchun eng mos SVG vositalaridan biriga aylantirdi.

Janvas

Bir necha yil oldin Janvas juda mashhur SVG muharriri edi. Afsuski, Yaqinda Ushbu muharrir ishlab chiqilmayapti, lekin shunga qaramay u hali ham ishlaydi. Internet oldinga siljiydi, lekin Janvas turg'un, shuning uchun unga qiziqish so'ndi. SitePoint'dan Aleks 2013-14 yillarda (shu jumladan pullik versiyada) ushbu vosita bilan biroz ishlagan va hatto Google+ sahifasida bir muddat savollarga javob bergan. Janvas juda kuchli vosita edi.

Janvas bilan bog'liq asosiy muammo shundaki, u biroz eskirgan. Brauzerlar rivojlanadi va brauzerlarga ergashmaydigan ilovalar kundan-kunga barqaror bo'lib qoladi. Janvas juda ko'p xususiyatlarga ega: shakllar, matn, chizish asboblari, yo'llar, maskalar va qatlamlar. Biroq, forumlardagi foydalanuvchilar ushbu funktsiyalarning aksariyati kerakli natijalarni keltirmasligini aytishadi.

Yaxshi yangilik bor - yangi versiya Chrome ilovasi ko'rinishida chiqariladi. Umid qilamizki, ular muammolarni hal qilishadi.

DrawSVG

Siz allaqachon bepul onlayn SVG muharririni tanlagan bo'lishingiz mumkin. Agar yo'q bo'lsa, davom eting. DrawSVG ko'plab xususiyatlarga ega to'liq mos SVG muharriri. Menga ushbu ilovaning dizayni haqiqatan ham veb uchun moslashtirilgani va brauzer uchun ish stoli ilovasining portiga o'xshamasligi juda yoqadi. Menyu chap tomonda joylashgan, bosish ikkinchi darajali menyuni ochadi va hokazo.

DrawSVG yordamida siz ob'ektlarni chizishingiz, o'zgartirishingiz va ko'rsatishingiz mumkin. Siz oddiy shakllarni chizishingiz mumkin, Bezier egri chiziqlari, to'g'ri va egri matnlar, zarbalar va plombalarning ko'plab uslublari va boshqalar mavjud. SVG-ni PNG-ga ham eksport qilish mumkin.

SVG-tahrirlash

SVG-tahrirlash- bobo onlayn muharrirlar vektor grafikasi 2000-yillarning oʻrtalarida paydo boʻlgan. Server funksiyasi yo'q, hamma narsa brauzerda ishlaydi. O'zingizning funksiyalaringizni qo'shmasdan ishingizni saqlab bo'lmaydi.

Biroq, hayoti juda cheklangan va noaniq vektor chizish dasturi sifatida boshlangan muharrir uchun SVG-tahrirlash funksiyasi doimiy ravishda yaxshilanib bordi.

SVG-edit-dan foydalanib, siz oddiy shakllarni (chiziqlar, to'rtburchaklar, doiralar, ko'pburchaklar, qo'lda chizilgan chiziqlar va boshqalar) chizishingiz, yo'llar, qatlamlar, gradientlardan foydalanishingiz, SVG manbalarini ko'rishingiz va tahrirlashingiz, PNG, JPEG, BMP , WEBP ga eksport qilishingiz mumkin, va boshqalar.

Xulosa

Ushbu 6 ta SVG muharrirlariga qo'shimcha ravishda boshqalar ham bor, biroq ularning bir nechtasi yuqorida ko'rsatilgan beshtadan ko'ra ko'proq funksionallikni taklif qiladi.

Agar siz SVG bilan jiddiy tanishmoqchi bo'lsangiz va bu vositalar sizga kerakli funksiyalarga ega bo'lmasa, siz har doim Illustrator yoki Inkscape kabi ish stoli SVG muharririni yuklab olishingiz mumkin. Biroq, qulaylik, tezlik va moslashuvchanlik uchun yuqoridagi muharrirlarning barchasi foydali xususiyatlar to'plamini taklif qiladi.

PS: Siz ham sinab ko'rishingiz mumkin Figma. Bu SVG muharriridan ko'ra ko'proq UI yaratish vositasi. Biroq, u mukammal vositalar to'plamiga ega va yaxshi optimallashtirilgan SVG kodini yaratadi.