Progressiv JPEG nima?

Progressiv JPEG — bu JPEG tasvirlarini kodlash usuli bo‘lib, unda ma’lumotlar shunday saqlanadiki, rasm yuklanayotganda asta-sekin ko‘rsatiladi. Avvalo, past rezolyutsiyali yoki kamroq tafsilotli versiya yuklanadi, so‘ngra yangi ma’lumotlar olinishi bilan tafsilotlar yaxshilanadi.

Asosiy (Baseline) JPEG bilan farqi:

Progressiv JPEG	Asosiy JPEG
Rasm asta-sekin, yaxshilanish bilan ko‘rsatiladi.	Rasm yuqoridan pastga, bloklar bo‘ylab yuklanadi.
Sekin tarmoqlar uchun mos.	Tez tarmoqlar uchun mos.
Fayl biroz kattaroq bo‘ladi.	Fayl biroz kichikroq bo‘ladi.
Dekodlash uchun ko‘proq protsessor vaqti talab etiladi.	Dekodlash uchun kamroq protsessor vaqti talab etiladi.

Frontendda qo‘llanilishi:

• Sekin internetda foydalanuvchi tajribasini yaxshilash.
• Kontentning tezroq yuklanayotgandek ko‘rinishini ta’minlash.
• Lazy loading bilan birga ishlatish uchun mos.

Texnik jihatdan, progressiv JPEG rasmning chastota koeffitsientlarini bir nechta skanlarga bo‘linadi. Avvalo, past chastotali koeffitsientlar (umumiy tuzilma), keyin yuqori chastotali (tafsilotlar) uzatiladi.

ImageMagick yordamida asosiy JPEGni progressivga aylantirish misoli:

# base.jpg - original fayl
# progressive.jpg - natijaviy fayl
convert base.jpg -interlace Plane progressive.jpg

CSS yoki HTMLda foydalanish oddiy JPEG bilan bir xil, chunki bu ichki kodlash formatidir:

<img src="progressive.jpg" alt="Progressiv rasm">

.background {
  background-image: url('progressive.jpg');
}