SVGning afzalliklari
Agar siz veb-saytni yaratib, ushbu saytga rasmlar qo'shishingiz zarur bo'lsa, siz eng muhim narsalarni belgilashingiz kerak bo'lsa, qaysi fayl formatlari to'g'ri foydalanishi mumkin. Grafikaga bog'liq holda, bitta format boshqalarga qaraganda yaxshiroq bo'lishi mumkin.
Ko'plab veb-dizaynerlar JPG fayl formatiga mos keladi va ushbu format fotosuratlar kabi chuqur rang chuqurligi bo'lgan tasvirlar uchun juda mos keladi. Ushbu format shuningdek tasvirlangan piktogramma kabi oddiy grafikalar uchun ishlayotgan bo'lsa-da, bu misolda ishlatiladigan eng yaxshi format emas. Ushbu piktogramma uchun SVG yaxshi tanlov bo'ladi. Keling, nima uchun:
SVG Vektorli Texnologiya
Bu raster texnologiyasi emasligini anglatadi. Vektorli tasvirlar - matematikadan foydalanib yaratilgan chiziqlar kombinatsiyasi. Raster fayllari piksel yoki kichik kvadrat ranglardan foydalanadi. Buning sababi SVG ning o'lchamlari va moslashuvchan veb-saytlar uchun mukammaldir, ular qurilmaning ekran o'lchamlari bilan birga o'lchamlari kerak. Matematika dunyosida vektor grafikalar mavjud bo'lgani uchun, o'lchamini o'zgartirish uchun raqamlarni o'zgartirasiz. Raster fayllari odatda o'lchamlarga kelganda katta hajmdagi o'zgartirishlarni talab qiladi. Agar vektor tasvirini yaqinlashtirishni xohlasangiz, hech qanday buzilish yo'q, chunki tizim matematik va brauzer faqat shu matematikani qayta hisoblab chiqadi va chiziqlarni hech qachon silliq qilmaydi. Raster tasvirni kattalashganingizda, tasvir sifatini yo'qotasiz va rang piksellarini ko'rishga boshlaganingizda, fayl sizni loyqa olishga boshlaydi. Matematika kengayadi va shartnomalar, piksellar yo'q. Agar siz tasvirlaringiz mustaqil bo'lishini istasangiz, SVG sizga ushbu qobiliyatni beradi.
SVG matn asoslangan
Agar rasmni yaratish uchun grafik muharriridan foydalanganda, dastur tugallangan rasmingizning rasmini oladi. SVG boshqacha ishlaydi. Siz hali ham ba'zi dasturiy ta'minot dasturlarini ishlatishingiz mumkin va o'zingiz rasmni surayotgan kabi his qilasiz, ammo yakuniy mahsulot vektor chiziqlari yoki hatto so'zlar to'plamidir (aslida sahifadagi haqiqiy vektorlardir). Qidiruv motorlar so'zlarni, ayniqsa kalit so'zlarni ko'rib chiqadi. Agar siz JPGni yuklayotgan bo'lsangiz, o'zingizning grafika nomingiz va ehtimol pastki matnli iborani o'zingiz bilan cheklaysiz . SVG kodlash bilan siz imkoniyatlarni kengaytirasiz va ko'proq qidiruv vositasi bo'lgan tasvirlarni yaratasiz.
SVG - XML va boshqa tillardagi formatlar
Bu matnga asoslangan kodga qaytariladi. Siz o'zingizning asosiy tasviringizni SVG-da qilishingiz va uni cilalamoq uchun CSS- dan foydalanishingiz mumkin. Ha, aslida SVG fayli bo'lgan rasmga ega bo'lishingiz mumkin, lekin SVGni to'g'ridan-to'g'ri sahifaga kodlashingiz va kelajakda tahrirlashingiz mumkin. Siz CSS-ga siz sahifa matnini o'zgartiradigan kabi o'zgartirishingiz mumkin. Bu juda kuchli va oson tartibga solishga yordam beradi.
SVG osongina tahrir qilinadi
Bu, ehtimol, eng katta afzallik. Agar kvadrat rasmini olganingizda, u nima. O'zgarishlarni amalga oshirish uchun siz sahnani tiklashingiz va yangi rasmni olishingiz kerak. Buni bilishdan oldin, sizda kvadratchalarning 40 ta ko'rinishi bor va siz hali ham bunga rozi bo'lmaysiz. SVG bilan xato qilsangiz, koordinatalarni yoki matn muharriridan so'zni o'zgartiring va siz bajarasiz. Men bu bilan bog'liq bo'lishi mumkin, chunki men SVG doira to'g'ri joylashtirilmadi. Barcha qilishim kerak bo'lgan koordinatalarni sozlash edi.
JPG rasmlarni og'ir bo'lishi mumkin
Rasmingiz jismoniy o'lchamda o'sishni xohlasangiz, u fayl hajmi ham o'sadi. SVG bilan bir funt - bu sizning qancha pulingiz bo'lsa ham, funt. 2 dyuym kengligi bo'lgan kvadrat kengligi 100 dyuym bo'lgan kvadrat bilan bir xil bo'ladi. Fayl hajmi o'zgarmaydi, bu sahifa ishlashi nuqtai nazaridan juda yaxshi!
Xo'sh, bu yaxshiroqmi?
Xo'sh, yaxshiroq format - SVG yoki JPG nima? Bu tasvirning o'ziga bog'liq. Bu "nima yaxshiroq, bolg'a yoki tornavida" so'rashga o'xshaydi? Bu siz bajarishingiz kerak bo'lgan narsaga bog'liq! Xuddi shu rasm shakllari uchun ham xuddi shunday. Agar rasmni ko'rsatish kerak bo'lsa, JPG siz uchun eng yaxshi variantdir. Agar ikon qo'shilsa, u holda SVG yaxshi tanlovdir. SVG fayllaridan foydalanganda bu haqda ko'proq bilib olishingiz mumkin.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 6/6/17 yil tahrirlangan