Progressif JPEG nedir?

Progressif JPEG, JPEG görüntülerinin kodlama yöntemidir ve verilerin, görüntü yüklenirken kademeli olarak gösterildiği şekilde saklanmasıdır. Öncelikle düşük çözünürlüklü veya daha az detaylı bir versiyon yüklenir ve ardından yeni veriler alındıkça detaylar iyileşir.

Temel (Baseline) JPEG ile farklar:

Progressif JPEG	Temel JPEG
Görüntü kademeli olarak gösterilir ve gelişir.	Görüntü yukarıdan aşağıya, bloklar halinde yüklenir.
Yavaş bağlantılar için uygundur.	Hızlı bağlantılar için uygundur.
Dosya biraz daha büyük olur.	Dosya biraz daha küçük olur.
Çözümleme için daha fazla işlemci zamanı gerekir.	Çözümleme için daha az işlemci zamanı gerekir.

Frontend uygulaması:

• Yavaş internetlerde kullanıcı deneyimini artırmak.
• İçeriğin daha hızlı yüklendiği hissini vermek.
• Lazy loading ile birlikte kullanılabilir, optimize etmek için.

Teknik olarak, progressif JPEG, görüntünün frekans katsayılarını birkaç tarama halinde böler. İlk olarak düşük frekans katsayıları (genel yapı) ile başlar, sonra yüksek frekans katsayıları (detaylar) gelir.

ImageMagick kullanarak temel JPEG'den progressif JPEG'ye dönüşüm örneği:

# temel.jpg - orijinal dosya
# progressif.jpg - sonuç dosyası
convert temel.jpg -interlace Plane progressif.jpg

CSS veya HTML'de kullanımı, normal JPEG ile aynıdır çünkü bu dahili bir kodlama formatıdır:

<img src="progressif.jpg" alt="Progressif Görüntü">

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