Rasmlarni optimallashtirish sayt tezligini oshirish uchun muhim narsa hisoblanadi. Quyida rasmlarni optimallashtirish bo’yicha 8 ta usul bilan tanishishingiz mumkin.:
1. Rasm formatini tanlash:
— JPEG: Fotosuratlar va ko’p rangli rasmlar uchun yaxshi tanlov. JPEG fayllari kichikroq bo’ladi va sifatni yo’qotish bilan siqiladi.
— PNG: Transparent (orqa fon ko’rinadigan) rasmlar uchun ishlatiladi. Bu format ko’proq sifatli bo’lib, fayl hajmi katta bo’lishi mumkin.
— GIF: Animasiyalar va oddiy grafikalar uchun mos, lekin katta rasmlar uchun emas.
— WebP: Google tomonidan ishlab chiqilgan va JPEG va PNG formatlaridan yaxshiroq siqilish imkoniyatini beradi.
2. Rasmlarni siqish:
— Onlayn vositalar: TinyPNG, JPEG-Optimizer, Compressor.io va boshqalar orqali rasmlarni siqish.
— Photoshop yoki boshqa grafik tahrirlash dasturlari yordamida rasmlarni saqlashda siqish parametrlari (quality)ni o’rnatish.
3. O’lchamlarni o’zgartirish:
— Rasmni saytga joylashtirishdan oldin kerakli o’lchamga keltirish. Masalan, 3000px kenglikdagi rasmni sayt uchun 800px kenglikka qisqartirish.
4. Responsive (moslashuvchan) rasmlar:
— HTML5 `srcset` atributidan foydalanish orqali turli ekran o’lchamlari uchun mos rasmlarni taqdim etish.
— CSS media queries yordamida rasmlarni ekran o’lchamlariga moslashtirish.
5. Rasm formatini avtomatik aniqlash:
— WebP formatini qo’llab-quvvatlashni tekshirish va qo’llab-quvvatlangan brauzerlarga WebP versiyasini taqdim etish.
6. Lazy Loading:
— `loading=»lazy»` atributidan foydalanib, rasmlarni faqat kerak bo’lganda yuklash.
7. Keshlash:
— Brauzer keshlashni yoqish orqali foydalanuvchining keyingi tashriflarida rasmlarni tezroq yuklash.
8. CDN (Content Delivery Network) dan foydalanish:
— CDN xizmatlari orqali rasmlarni global serverlar tarmog’ida saqlash va foydalanuvchilarga yaqin serverlardan yetkazib berish.
Ushbu usullar orqali rasmlarni optimallashtirish saytning umumiy yuklanish tezligini sezilarli darajada oshiradi va foydalanuvchi tajribasini yaxshilaydi.
