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 brauzerdan chiqmasdan vektor grafikalarini loyihalashimiz mumkin. Agar siz bepul SVG muharririni qidirayotgan bo'lsangiz, ushbu oltita bepul vositadan boshlashingiz mumkin.
Vectr
Vectr yangi boshlanuvchilar va ilg'or SVG foydalanuvchilari uchun yaxshi tanlovdir. 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
Agar onlayn versiyada sizga kerakli funksiyalar bo'lmasa, 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 uzoq saytlarda ko'rsatishingiz mumkin, ular to'g'ridan-to'g'ri SVG yuklanishini bloklaydi, lekin uni masofadan 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, RollApp bosh sahifasiga kirganingizda muharrirni ko‘rmaysiz. 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 Google, Facebook, Amazon orqali tizimga kirishingiz mumkin. Juda qulay, men ilovani ko'rish uchun minglab yangi hisoblar yaratishni yomon ko'raman.
Inkscape eng yaxshisi! Shubhasiz, RollApp ro'yxatdagi eng boy xususiyatga ega ilovadir. Siz tom ma'noda brauzeringizda Inkscape-dan foydalanyapsiz! Men har bir tafsilotni solishtirmadim, 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. Muxtasar qilib aytganda, agar siz katta va murakkab fayllarni tahrirlashingiz kerak bo'lsa, RollApp ideal variant bo'lmaydi, lekin asosiy to'plamga kiritilmagan boshqa vazifalar uchun bu muharrir boshqalardan yaxshiroqdir.
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 chiqqanidan 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, bu muharrir yaqinda ishlab chiqilmagan, ammo shunga qaramay u ishlamoqda. 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- 2000-yillarning o'rtalarida paydo bo'lgan onlayn vektor grafik muharrirlarining bobosi. 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-tahrirlashdan foydalanib, siz oddiy shakllarni (chiziqlar, to'rtburchaklar, doiralar, ko'pburchaklar, erkin chizmalar 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, 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.
Oddiy kompyuter foydalanuvchilarining ko'pchiligi uchun vektor tasvirlari tushunchasi mutlaqo hech narsani anglatmaydi. Dizaynerlar, o'z navbatida, o'zlarining loyihalari uchun ushbu turdagi grafikalardan tobora ko'proq foydalanishga moyil.
Ilgari SVG tasvirlari bilan ishlash uchun kompyuteringizga Adobe Illustrator yoki Inkscape kabi maxsus ish stoli yechimlaridan birini o'rnatishingiz kerak bo'lardi. Endi shunga o'xshash vositalarni yuklab olish kerak bo'lmasdan onlayn rejimda topish mumkin.
Google-da tegishli so'rovni bajarish orqali siz juda ko'p turli xil onlayn vektor muharrirlari bilan tanishishingiz mumkin. Ammo bunday echimlarning aksariyati juda kam imkoniyatlarni taklif qiladi va ko'pincha jiddiy loyihalar bilan ishlashga imkon bermaydi. SVG tasvirlarini to'g'ridan-to'g'ri brauzerda yaratish va tahrirlash uchun eng yaxshi xizmatlarni ko'rib chiqamiz.
Albatta, onlayn vositalar mos keladigan ish stoli ilovalarini to'liq almashtira olmaydi, lekin ko'pchilik foydalanuvchilar uchun taklif qilingan funktsiyalar to'plami etarli bo'ladi.
1-usul: Vektor
Tanish Pixlr xizmatini yaratuvchilardan o'ylangan vektor muharriri. Ushbu vosita yangi boshlanuvchilar uchun ham, SVG bilan ishlashda tajribali foydalanuvchilar uchun ham foydali bo'ladi.
Funktsiyalarning ko'pligiga qaramay, Vectr interfeysida yo'qolib qolish juda qiyin bo'ladi. Yangi boshlanuvchilar uchun xizmatning har bir komponenti bo'yicha batafsil darslar va keng ko'rsatmalar taqdim etiladi. Tahrirlovchi vositalari SVG tasvirini yaratish uchun kerak bo'lgan hamma narsani o'z ichiga oladi: shakllar, piktogrammalar, ramkalar, soyalar, cho'tkalar, qatlamlar bilan ishlashni qo'llab-quvvatlash va boshqalar. Siz noldan rasm chizishingiz yoki o'zingizni yuklashingiz mumkin.
Eksport imkoniyatlari Vectr-ning eng o'ziga xos xususiyatlaridan birini ham o'z ichiga oladi: muharrirda SVG loyihasiga to'g'ridan-to'g'ri havolalarni qo'llab-quvvatlash. Ko'pgina manbalar vektor tasvirlarini to'g'ridan-to'g'ri yuklab olishga ruxsat bermaydi, ammo shunga qaramay ularni masofadan turib ko'rsatishga imkon beradi. Bunday holda, Vectr boshqa xizmatlar ruxsat bermaydigan haqiqiy SVG hosting sifatida ishlatilishi mumkin.
Shuni ta'kidlash kerakki, muharrir har doim ham murakkab grafiklarni to'g'ri qayta ishlamaydi. Shu sababli, ba'zi loyihalar Vectr-da xatolar yoki vizual artefaktlar bilan ochilishi mumkin.
2-usul: Sketchpad
HTML5 platformasi asosida SVG tasvirlarni yaratish uchun oddiy va qulay veb-muharrir. Mavjud vositalarning assortimentini hisobga olgan holda, xizmat faqat chizish uchun mo'ljallanganligini ta'kidlash mumkin. Sketchpad yordamida siz chiroyli, yaxshi mo'ljallangan rasmlarni yaratishingiz mumkin, ammo bu haqida.
Asbobda har xil shakl va turdagi sozlanishi mumkin bo'lgan cho'tkalar, shakllar, shriftlar va qoplama uchun stikerlar to'plami mavjud. Tahrirlovchi qatlamlarni to'liq boshqarish imkonini beradi - ularni joylashtirish va aralashtirish rejimlarini boshqarish. Bonus sifatida, dastur to'liq rus tiliga tarjima qilingan, shuning uchun uni o'zlashtirishda hech qanday qiyinchiliklarga duch kelmasligingiz kerak.
3-usul: Chizma usuli
Ushbu veb-ilova vektor fayllari bilan asosiy operatsiyalar uchun mo'ljallangan. Tashqi tomondan, vosita ish stoli Adobe Illustrator-ga o'xshaydi, ammo funksionallik nuqtai nazaridan bu erda hamma narsa ancha sodda. Biroq, Method Draw ham ba'zi xususiyatlarga ega.
SVG tasvirlari bilan ishlashdan tashqari, muharrir rastrli tasvirlarni import qilish va ular asosida vektor rasmlarni yaratish imkonini beradi. Bu qalam yordamida konturlarni qo'lda kuzatish orqali amalga oshirilishi mumkin. Ilova vektor chizmalarini yaratish uchun barcha kerakli vositalarni o'z ichiga oladi. Shakllarning kengaytirilgan kutubxonasi, to'liq ranglar palitrasi va klaviatura yorliqlarini qo'llab-quvvatlash mavjud.
Draw usuli jiddiy vektor loyihalarini yaratish uchun mutlaqo mos emas - buning sababi tegishli funktsiyalarning etishmasligi. Ammo keraksiz elementlarning yo'qligi va yaxshi tashkil etilgan ish maydoni tufayli xizmat oddiy SVG rasmlarini tezda tahrirlash yoki nozik sozlash uchun juda yaxshi bo'lishi mumkin.
4-usul: Gravit dizayneri
Ilg'or foydalanuvchilar uchun bepul veb-asoslangan vektor grafik muharriri. Ko'pgina dizaynerlar Gravit-ni Adobe Illustrator kabi to'liq ish stoli echimlari bilan tenglashtirdilar. Gap shundaki, ushbu vosita kross-platformadir, ya'ni u barcha kompyuter operatsion tizimlarida, shuningdek, veb-ilovada to'liq mavjud.
Gravit Designer faol ishlab chiqilmoqda va muntazam ravishda yangi xususiyatlarni oladi, ular allaqachon murakkab loyihalarni rejalashtirish uchun etarli.
Tahrirlovchi sizga yo'llar, shakllar, yo'llar, matn qoplamalari, to'ldirishlar, shuningdek, turli xil maxsus effektlarni chizish uchun barcha turdagi vositalarni taklif qiladi. Raqamlar, tematik rasmlar va piktogrammalarning keng kutubxonasi mavjud. Gravit maydonidagi har bir element o'zgartirilishi mumkin bo'lgan xususiyatlar ro'yxatiga ega.
Bu xilma-xillikning barchasi zamonaviy va intuitiv interfeysga "to'plangan", shuning uchun har qanday vosita bir necha marta bosish orqali mavjud.
Xizmat vektor grafikasi bilan to'liq ishlash uchun mo'ljallanganligini hisobga olsak, uni hatto professional dizaynerlarga ham ishonchli tavsiya qilish mumkin. Gravit yordamida siz qaysi platformada ishlayotganingizdan qat'iy nazar SVG grafikalarini tahrirlashingiz mumkin. Hozircha bu bayonot faqat ish stoli operatsion tizimlariga tegishli, biroq tez orada ushbu muharrir mobil qurilmalarda paydo bo'ladi.
5-usul: Janvas
Veb-ishlab chiquvchilar orasida vektor grafiklarini yaratish uchun mashhur vosita. Xizmat juda moslashtirilgan xususiyatlarga ega bo'lgan bir qator chizish vositalarini o'z ichiga oladi. Janvasning asosiy xususiyati CSS yordamida animatsiyalangan interaktiv SVG tasvirlarni yaratish qobiliyatidir. Va JavaScript bilan birgalikda ushbu xizmat butun veb-ilovalarni yaratishga imkon beradi.
Mohir qo'llarda bu muharrir chinakam kuchli vositadir, yangi boshlovchi esa barcha turdagi funktsiyalarning ko'pligi tufayli nima ekanligini tushunmaydi.
Ha, vosita, afsuski, bepul emas. Ammo bu professional yechim bo'lib, u hamma uchun foydali emas.
6-usul: DrawSVG
Veb-ustalar o'z saytlari uchun imkon qadar osonlik bilan yuqori sifatli SVG elementlarini yaratishga imkon beruvchi eng qulay onlayn xizmat. Muharrir shakllar, piktogrammalar, to'ldirishlar, gradientlar va shriftlarning ta'sirchan kutubxonasini o'z ichiga oladi.
DrawSVG-dan foydalanib, siz istalgan turdagi va xususiyatdagi vektor ob'ektlarini loyihalashingiz, ularning parametrlarini o'zgartirishingiz va ularni alohida tasvir sifatida ko'rsatishingiz mumkin. SVG-ga uchinchi tomon multimedia fayllarini joylashtirish mumkin: kompyuter yoki tarmoq manbalaridan video va audio.
Ushbu muharrir, boshqalardan farqli o'laroq, ish stoli ilovasining brauzer porti kabi his etmaydi. Chap tomonda asosiy chizma asboblari, tepada esa boshqaruv elementlari joylashgan. Asosiy joyni grafikalar bilan ishlash uchun tuval egallaydi.
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-sahifalarni tez yuklash uchun ularga kiritilgan grafik tasvirlarning kichik hajmi talab qilinadi. Ikkinchisiga grafik fayl formatini optimal tanlash, shuningdek optimallashtirish orqali erishiladi, uning vazifasi sahifani yuklash tezligi va undagi tasvirlarning sifati o'rtasidagi kelishuvni topishdir. Biroq, optimallashtirish imkoniyatlari cheksiz emas va yuqori sifatli tasvirlar odatda katta bo'ladi, shuning uchun kichik o'lchamdagi yuqori sifatli veb-tasvirlarga erishish asosiy muammo bo'lib qolmoqda.
Ammo savol nafaqat o'lcham va sifatda - veb-sahifa dizaynini ishlab chiqish dizaynerdan turli xil texnologiyalar va dasturiy mahsulotlarni bilishni talab qiladigan masala bo'lib chiqadi, chunki har xil turdagi grafik ma'lumotlar uchun bu zarur. turli fayl formatlari va ularni yaratish uchun turli texnologiyalardan foydalanish. 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 buyruq qatorlari to'plami bilan ifodalash mumkin (1-rasm). , va SVG faylining o'zi har qanday matn muharririda, shu jumladan Notepadda ochilishi mumkin. Ushbu nisbatan yangi texnologiya dastlab Adobe tomonidan maxsus veb uchun ishlab chiqilgan bo'lib, bugungi kunda yuqori sifatli statik, animatsiyali va interaktiv grafikalarni yaratishni ta'minlovchi mobil qurilmalar uchun katta qiziqish uyg'otmoqda. Shu sababli, u 2003 yilda W3C konsortsiumi (http://www.w3.org/Graphics/SVG) tomonidan faol qo'llab-quvvatlanayotgani ajablanarli emas, SVG 1.1 standarti W3C tomonidan tavsiya sifatida qabul qilingan va spetsifikatsiyasi hozirda SVG 1.2 (http://www.w3.org/TR/SVG12/) ishlab chiqilmoqda.
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 displey o'lchamiga mos ravishda sifatini yo'qotmasdan cheksiz muddatga kichraytirilishi yoki kattalashtirilishi mumkin (2-rasm), bu turli turdagi qurilmalarda (stol kompyuterlari, cho'ntak kompyuterlari va boshqalar) grafik ma'lumotlarning yuqori sifatli tasvirlarini olish imkonini beradi. ), shuningdek, individual tafsilotlarni sinchkovlik bilan o'rganishga imkon beradi, bu muhim, masalan, texnik chizmalar bilan ishlashda;
- GIF, JPG, PNG va animatsiya GIF formatlariga nisbatan ancha kichikroq fayl hajmi va hatto Flash formati bilan. Misol uchun, agar maqola uchun sinovdan o'tgan, LZW siqish rejimida siqilgan GIF fayli 26 KB bo'lsa, tegishli SVG faylining hajmi 1220 baytni, SVGZ formatida siqilganida esa atigi 685 baytni tashkil etdi.
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 boshqarish va veb-tasvirlarda yuqori aniqlikdagi gradient plomba, soyalar, filtrlar va boshqalardan foydalanishning eng keng imkoniyatlari;
- SVG formatining matn tabiati va uning kaskadli uslublar jadvallarini qo'llab-quvvatlashi, bu veb-saytni yangilash jarayonini sezilarli darajada soddalashtiradi va kerak bo'lganda, maxsus dasturlarga murojaat qilmasdan unga o'zgartirishlar kiritishga imkon beradi;
- XML (Extensible Markup Language) va CSS (Cascading Style Sheets) standartlari asosida qurilgan ma'lumotlar bazalari bilan integratsiya, bu ma'lumotlar bazasida SVG tasvirlarni saqlash va ulardan foydalanib dinamik veb-sahifalarni yaratish imkonini beradi - turli platformalar, shaxsiy sozlamalar va hokazolar uchun turli xil d. ;
- 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 ushbu imkoniyatlarning mavjudligini bilishmaydi va shuning uchun bunday turdagi grafiklarni ko'ra olmaydilar; plaginsiz u 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 buzilgan" 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 grafikalarini 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. SVG grafikasini yaratish uchun mavjud ilovalarning toʻliq roʻyxatini quyidagi manzilda topishingiz 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 dasturiga kiritilgan professional vektor grafikasini ishlab chiqish uchun taniqli CorelDRAW ilovasi (4-rasm) asosiy darajada SVG va SVGZ formatlarida import va eksportni ta'minlaydi va shuning uchun statik va interaktiv grafiklarni yaratish uchun ishlatilishi mumkin. SVG grafikasi.
CorelDRAW da SVG faylga
Ilova noma'lum ma'lumotlar, atributlar va metama'lumotlarni qo'llab-quvvatlaydi, shuningdek, eksport qilishdan oldin brauzerda SVG fayllarini oldindan ko'rish imkoniyatini beradi. Bundan tashqari, Unicode kodlash UTF-8 va UTF-16 kodlash usullari va matn va bitmap tasvirlarni eksport qilish uchun turli xil variantlar uchun mumkin. Eng so'nggi versiyada belgilar, matn, soyalar, konturlar, qatlamlar, o'rnatilgan ikkilik tasvirlar va boshqalarni eksport qilish qo'llab-quvvatlash sezilarli darajada yaxshilandi.
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 oson sozlanadigan foydalanuvchi interfeysiga ega, keng ko'lamli vositalarni taqdim etadi, tezkor, barcha mavjud spetsifikatsiyalarning SVG grafiklarini 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 (International Open Source Network International Open Source Network)
Tarqatish hajmi: 8,7 MB
Narxi: tekinga
Ish nazorati ostida: Windows 9x/NT/2000/XP, Mac OS X, Linux
Inkscape (7-rasm) Open Source modeliga asoslangan eng istiqbolli vektor muharriri bo‘lib, u ko‘p platformali bo‘lib, Scalable Vector Graphics standartiga muvofiq grafiklarni ishlab chiqish uchun kuchli vosita hisoblanadi. Inkscape vektorli tasvirlar bilan ishlash funksionalligi va interfeysi jihatidan CorelDRAW-ga juda o'xshaydi. U alfa-kanallarni, qatlamlar bilan ishlashni, oqimli matnni, ajoyib gradient to'ldirishni, ko'p sonli filtrlar va effektlarni, turli xil o'zgarishlarni, yo'llar va ob'ektlar bilan qulay ishlashni, ob'ektlarni guruhlash va boshqalarni qo'llab-quvvatlaydi. 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 turli xil foydalanish misollarini o'z ichiga olgan yaxshi yordam tizimi bilan ta'minlangan va bundan tashqari, 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. Vektor ob'ektlari bilan bir qatorda WebDraw SVG ob'ektlarini tashqi rastrli tasvirlar bilan to'ldirish imkonini beradi. 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 ierarxik daraxtda SVG obyektlarini 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 safar ob'ektning atributi yoki xususiyati uchun animatsiya parametrlarini o'rnatganingizda animatsiya kalit vaqtlari kiritilishi sababli, vaqt o'tishi bilan animatsiya effektlarining taqsimlanishini avtomatik ravishda sozlash uchun ular hikoyalar panelining boshqa joylariga o'tkazilishi mumkin.
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. Dastlabki koddagi o'zgarishlarni avtomatik tekshirish yaratilgan grafiklarning to'g'ri ishlashini ta'minlashga yordam beradi va topilgan xatolar rang bilan belgilanadi, bu esa dizaynerni yuzlab kod satrlari bo'ylab 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 matn rejimida ham tahrirlash mumkin. 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.
Grafiklarni taqdim etish uchun vektor formatlari dizaynerlar va rassomlar uchun juda katta imkoniyatlarni taqdim etadi, ammo turli xil grafik muharrirlarda ko'plab xususiy formatlarning mavjudligi fayllarni almashishda jiddiy qiyinchiliklarni keltirib chiqaradi.
Tanish formatda ishlashingiz uchun, masalan, SVG-ni AI-ga yoki PDF-ni AI formatiga o'tkazish siz uchun haqiqiy muammo bo'lishi mumkin. Agar sizdan ishingizni grafik muharriringiz eksport qila olmaydigan formatda yuborish so'ralganda boshqa variant ham mumkin, masalan, AI formatini SVG vektoriga aylantirishingiz kerak bo'lishi mumkin. Ammo bizning xizmatimizda bu muammo emas va biz sizga quyidagi formatlardagi vektor grafikalarini o'zgartira oladigan onlayn konvertorni taklif qilamiz: AI, CDR, CDT, CCX, CMX, SVG, FIG, CGM, AFF, WMF, SK, SK1, PLT, DXF, DST, PES, EXP, PCS.
Onlayn xizmatimiz yordamida vektorni boshqa formatga o'tkazish vazifasi har qanday qiyinchiliklarga olib kelishi mumkinligini unutasiz. Masalan, eps-ni ai-ga aylantirish uchun siz shunchaki kompyuteringizdagi faylni tanlashingiz yoki unga havolani ko'rsatishingiz kerak, keyin kerakli formatni tanlang va "aylantirish" tugmasini bosing. Bir necha soniya ichida siz vektorni kerakli formatda veb-saytimizdan kompyuteringizga yuklab olishingiz mumkin.
Grafik vektor fayllarini aylantirish uchun bizning onlayn konvertorimiz ko'pgina vektor formatlarini qo'llab-quvvatlaydigan UniConvertor to'plamidan foydalanadi. Corel Draw paketining (CDR) vektor formatidagi fayllarni konvertatsiya qilish LibreDraw grafik paketi yordamida amalga oshiriladi, bu format bilan yuqori sifatli ishlashni ta'minlaydi va siz bizning materialimizni o'rganish orqali u bilan batafsilroq tanishishingiz mumkin. CDR (Corel Draw)”. Shuningdek, siz rastrni vektorga aylantirish vazifasiga duch kelishingiz mumkin, masalan, jpg-ni ai-ga yoki png-ni ai-ga o'zgartirishingiz kerak, buni bizning xizmatimizda ham oson bajarishingiz mumkin. Siz shunchaki rastr formatidagi rasmni manba fayl sifatida ko'rsatishingiz kerak, o'zingizga kerak bo'lgan vektor formatini tanlang va bizning konvertorimiz siz uchun bir necha soniya ichida ushbu konvertatsiyani amalga oshiradi. Bizning xizmatimiz Potrace dasturiy mahsulini rastrdan vektorga kuzatish dasturi sifatida ishlatadi. Potrace tracerning imkoniyatlari haqida ko'proq ma'lumotni "Grafik tasvirni vektor formatiga aylantirish" maqolamizdan bilib olishingiz mumkin. Bizning xizmatimiz yordamida siz har doim kompyuteringizga qo'shimcha dasturlarni o'rnatish haqida tashvishlanmasdan vektor tasvirlarni formatlar o'rtasida erkin o'zgartirishingiz mumkin.
Qo'llab-quvvatlanadigan vektor grafik formatlari:
| O'qish: | Kirish: |
|
|
Muharrir reytinglari:
Bu erda ro'yxati 5 ta bepul onlayn SVG muharrirlari uning yordamida istalgan SVG faylni osongina ko'rishingiz va tahrirlashingiz mumkin. SVG fayli 2D grafika uchun XML-ga asoslangan vektor tasvir formati boʻlib, u interaktivlik va animatsiyani ham qoʻllab-quvvatlaydi (Manba: Vikipediya). Ushbu veb-saytlardan foydalanish juda oson va SVG fayllarni ko'rish va tahrirlash uchun dasturiy ta'minotni yuklab olish vaqtingizni tejaydi.
Ushbu veb-saytlarning barchasi SVG fayllarini tahrirlashda yordam beradigan turli xil xususiyatlar to'plamini taklif qiladi va ularning hech biri ro'yxatdan o'tishingizni so'ramaydi. Shunchaki foydalanmoqchi bo'lgan veb-saytni oching va unda ishlashni boshlang. Tahrirlashdan tashqari, ularning ba'zilari yangi SVG faylini yaratishga ham imkon beradi. Shunday qilib, keling, boshlaylik.
1.
SVG fayllarni onlayn tahrirlash uchun birinchi veb-sayt. Bu sizga yangi SVG hujjatini yaratish va mavjud hujjatni tahrirlash imkonini beradi. Tahrirlash uchun siz tuval o'lchamini ham tanlashingiz mumkin. SVG faylini tahrirlash uchun barcha vositalar chap tomonda joylashgan. U qalam vositasi, qalam asbobi, shakllar, matn qo'shish, masshtablash funksiyasi, ko'z tomchilari vositasi va boshqalarni o'z ichiga oladi. Shuningdek, u simli ramka ko'rish rejimini ko'rishni tanlash imkonini beradi. Elementga sichqonchaning o'ng tugmachasini bosish orqali kirishingiz mumkin bo'lgan bir nechta elementga xos variantlar mavjud. Tahrirlash tugagach, faylni rasm yoki PNG sifatida saqlashni tanlashingiz mumkin.
2.
Bu Google Code-da joylashtirilgan ikkinchi onlayn SVG muharriri. Foydalanish mutlaqo bepul ekanligi haqida o'ylaganingizda, bu juda boy SVG muharriri. Bu sizga rasmlarni kompyuterdan yuklash imkonini beradi va siz yangilarini ham yaratishingiz mumkin. Barcha tahrirlash vositalari chap tomonda joylashgan va siz bir marta bosish orqali asboblarni osongina almashtirishingiz mumkin. Ba'zi vositalar qalam, qalam, masshtab, matn, shakllar kutubxonasi va boshqalar. Shuningdek, u manba faylni tahrirlash va tegishli o'zgarishlarni qo'llash imkonini beradi. Faylni saqlashga kelsak, uni rasm va PNG fayli sifatida saqlashingiz mumkin.
SVG faylini tahrirlashda siz foydalanadigan turli elementlarga qarab farq qiladigan ko'plab xususiyatlar mavjud.
3.
Endi uchinchi onlayn SVG muharririga o'tamiz. Bu SVG faylni kompyuterdan yuklash, URL manzilini qo'shish yoki clipart orqali qo'shish imkonini beradi. Unda shuningdek, uning xususiyatlarini sinab ko'rish uchun foydalanishingiz mumkin bo'lgan ba'zi namunali fayllar mavjud. Faylni qo'shganingizdan so'ng, muayyan bo'limni bosish orqali tahrirlash vositalaridan foydalanishingiz mumkin. Tahrirlash vositalari bo‘limida Tanlash, Elementlarni chizish, Shakllarni chizish, Chizish uslubi, To‘ldirish uslubi, Matn uslubi, Marker uslubi va Variantlar mavjud. Bo'limni bosish uning ostida mavjud bo'lgan barcha vositalarni ko'rsatadi va siz ulardan foydalanishingiz mumkin.
4.
Ro'yxatdagi ikkinchi oxirgi SVG muharriri. Bu SVG faylni kompyuterdan, shuningdek, OpenClipart RSS tasmasi orqali ochish imkonini beradi. Faylni ochganingizda, chap tomonda SVG faylini yaratishda ishlatiladigan turli elementlarni ko'rasiz. Fayl tarkibini aylantirish va kattalashtirish/kichraytirish uchun boshqaruv elementlari yuqori o'ng tomonda joylashgan. Boshqa barcha variantlarga elementni o'ng tugmasini bosish orqali kirish mumkin. Bular Geometriyani tahrirlash, O‘zgartirishni tahrirlash, Element(lar)ni o‘chirish va Xususiyatlardir.
5.
Roʻyxatdagi soʻnggi onlayn SVG muharriri. U faqat kompyuterdan fayllarni yuklashni qo'llab-quvvatlaydi. Faylni ochishda siz o'ng tomonda fayl tarkibini va chap tomonda barcha tahrirlash variantlarini ko'rasiz. Bular optimallashtirish, nomlar bo'shliqlari bilan bog'liq, bo'sh joy, elementlar, atributlar va uslublarni olib tashlashdir. Shuningdek, u import qilingan SVG faylning manba kodini ko'rish imkonini beradi.
Bular SVG fayllarini osongina ko'rish va tahrirlash uchun foydalanishingiz mumkin bo'lgan 5 ta bepul onlayn SVG muharrirlari edi. Qaysi biri sizning ehtiyojingizga mos kelishini bilish uchun ularni sinab ko'ring.
