Mobil qurilmalarda rasm kichik hajmda yuklanishini qanday qilish mumkin?

Mobil qurilmalarda kichik hajmli rasmlarni yuklash uchun HTML va CSS yordamida moslashuvchan rasmlar ishlatiladi:

1. Brauzer ekran o'lchamiga qarab mos rasm hajmini tanlash uchun <img> elementidan srcset va sizes atributlari bilan foydalaning:

<img src="image-large.jpg"
     srcset="image-small.jpg 480w, image-medium.jpg 800w, image-large.jpg 1200w"
     sizes="(max-width: 600px) 480px, (max-width: 900px) 800px, 1200px"
     alt="Rasm tavsifi">

2. CSS yordamida rasmning maksimal kengligini cheklang:

img {
  max-width: 100%;
  height: auto;
}

3. Fayl hajmini kamaytirish uchun zamonaviy rasm formatlari (WebP, AVIF) ham qo'llanilishi mumkin.

Shu tarzda, mobil qurilma brauzeri optimal hajmli faylni yuklab oladi, bu esa ishlashni yaxshilaydi va trafikni kamaytiradi.