Veb-sahifalarda ishlatilishi mumkin bo'lgan bir qancha rasm formatlari mavjud. GIF , JPG va PNG kabi ba'zi bir misollar. SVG fayllari bugungi kunda veb-saytlarda keng qo'llaniladi, bu esa veb-dizaynerlarga onlayn imidj uchun yana bir imkoniyat beradi.
GIF rasmlarni
Kichkina, aniq rangdagi sonli rasmlarga ega bo'lgan GIF fayllaridan foydalaning. GIF fayllari har doim 256 ta noyob rangga ega emas. GIF fayllari uchun siqishni algoritmi JPG fayllaridan ko'ra kamroq murakkab, lekin tekis rangli tasvirlar va matnlarda ishlatilganda juda kichik o'lchamdagi fayllarni ishlab chiqaradi.
GIF formati degradatsiyali ranglardagi fotosuratlarga yoki tasvirlarga mos kelmaydi. GIF formati cheklangan miqdordagi rangga ega bo'lgani sababli, gradyanlar va fotosuratlar GIF fayli sifatida saqlanganida bantlama va pixelation bilan yakunlanadi.
Qisqacha aytganda, siz GIFsni faqatgina bir nechta rangli oddiy tasvirlar uchun ishlatasiz, lekin siz ham PNG-larni bu uchun ham ishlatishingiz mumkin.
JPG rasmlarni
Fotosuratlar va millionlab rangga ega bo'lgan boshqa tasvirlar uchun JPG rasmlarni foydalaning. Rasmning ayrim sifatini yo'qotib, kichikroq grafikalar yaratishga imkon beruvchi murakkab siqish algoritmini ishlatadi. Ushbu rasm, "kayıplı" bir siqishni deb nomlanadi, chunki vahiyning bir qismi tasvir siqilgan holatda yo'qoladi.
JPG formati matnli tasvirlarga, katta tekis rangli bloklarga va keskin qirralarning oddiy shakllariga mos kelmaydi. Buning sababi, rasm siqilgan holatda, matn, rang yoki chiziqlar boshqa ko'rinishda saqlanadigan keskin bo'lmagan tasvirga olib kelishi mumkin.
JPG formatidagi tasvirlar ko'plab tabiiy ranglardagi fotosuratlar va rasmlar uchun ishlatiladi.
PNG rasmlari
PNG formati, GIF formatidagi rasmlarning royaltik narxiga bog'liq ekanligi ko'rinib turganda GIF formati o'rnini egalladi. PNG grafika GIF tasvirlari bilan taqqoslaganda, GIF formatida saqlangan bir xil faylga qaraganda kichik rasmga ega bo'lgan tasvirlarga qaraganda yaxshiroq siqishni tezligiga ega. PNG fayllari alfa shaffofligini taklif etadi, ya'ni rasmlaringiz to'liq shaffof yoki hatto alfa shaffofligidan foydalanishingiz mumkin. Misol uchun, tomchi soya bir xil shaffoflik effektlaridan foydalanadi va PNG uchun mos bo'lishi mumkin (yoki siz bizga faqat CSS soyasini ishlatishingiz mumkin).
GIFlar kabi PNG tasvirlari fotosuratlarga mos emas. GIF fayllari sifatida saqlangan fotosuratlar haqiqiy ranglardan foydalangan holda bandlash masalasini o'rganish mumkin, ammo bu juda katta rasmga olib kelishi mumkin. PNG-tasvirlar eski mobil telefonlar va maxsus telefonlar tomonidan ham yaxshi qo'llab-quvvatlanmaydi.
Biz oshkoralik talab qiladigan har qanday fayl uchun PNG ishlatamiz. PNG-8 ni ushbu PNG formatidan foydalanib, GIF sifatida mos keladigan har qanday fayl uchun ham ishlatamiz.
SVG rasmlarni
SVG Scalable Vector Graphicni anglatadi. JPG, GIF va PNG formatidagi raster asoslangan formatlardan farqli o'laroq, bu fayllar fayl o'lchamining ko'tarilish sifatini yo'qotmasdan, har qanday hajmda ishlaydigan juda kichik fayllarni yaratish uchun vektorlardan foydalanadi. Ular piktogramma va hatto logotiplar kabi tasvirlar uchun yaratilgan.
Veb-taslim qilish uchun rasmlarni tayyorlash
Qaysi rasm formatidan foydalanmasligingiz va veb-saytingizning barcha sahifalarida turli xil formatlardan foydalanganingizdan qat'i nazar, ushbu saytdagi barcha rasmlarni veb-taslim qilish uchun tayyor bo'lishini ta'minlashingiz kerak. Juda katta tasvirlar saytni asta-sekin ishlashi va umumiy ishlashga ta'sir qilishi mumkin. Bunga qarshi kurashish uchun ushbu tasvirlar sifat darajasi va eng past fayl hajmi o'rtasidagi muvozanatni topish uchun optimallashtirilgan bo'lishi kerak .
To'g'ri tasvir formatini tanlash urushning bir qismidir, shuningdek, ushbu fayllarni tayyorlaganingizga ishonch hosil qilish ushbu muhim veb-taslim jarayonining keyingi bosqichidir.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan tahrirlangan.