Proqressiv JPEG nədir?

Proqressiv JPEG — bu JPEG şəkillərinin kodlaşdırılması metodudur və məlumatlar belə saxlanılır ki, şəkil yüklənərkən mərhələli şəkildə göstərilir. Əvvəlcə aşağı həll və ya daha az detallı versiya yüklənir, sonra isə yeni məlumatlar alınarkən detallar yaxşılaşır.

Əsas (Baseline) JPEG ilə fərqlər:

Proqressiv JPEG	Əsas JPEG
Şəkil mərhələli şəkildə göstərilir və yaxşılaşır.	Şəkil yuxarıdan aşağı, bloklar şəklində yüklənir.
Yavaş əlaqələr üçün uyğundur.	Sürətli əlaqələr üçün uyğundur.
Fayl bir az daha böyükdür.	Fayl bir az daha kiçikdir.
Dekodlama üçün daha çox prosessor vaxtı tələb edir.	Dekodlama üçün daha az prosessor vaxtı tələb edir.

Frontend tətbiqində:

• Yavaş internetdə istifadəçi təcrübəsini yaxşılaşdırmaq.
• Məzmunun daha sürətli yüklənməsi hissini yaratmaq.
• Lazy loading ilə birləşdirilə bilər, optimallaşdırma üçün.

Texniki olaraq, progressiv JPEG şəkilin tezlik koeffisentlərini bir neçə skanlara bölür. Əvvəlcə aşağı tezlikli koeffisentlər (ümumi struktur), sonra isə yüksək tezlikli (detallar) ötürülür.

ImageMagick istifadə edərək əsas JPEG-dən progressiv JPEG-yə çevirmə nümunəsi:

# base.jpg - orijinal fayl
# progressiv.jpg - nəticə faylı
convert base.jpg -interlace Plane progressiv.jpg

CSS və ya HTML-də istifadəsi adi JPEG-dən fərqli deyil, çünki bu daxili kodlaşdırma formatıdır:

<img src="progressiv.jpg" alt="Proqressiv şəkil">

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