Kas yra progresyvus JPEG?

Progresyvusis JPEG yra JPEG vaizdų kodavimo metodas, kai duomenys saugomi taip, kad vaizdas rodomas palaipsniui. Pirmiausia įkeliama žema rezoliucija arba mažiau detali versija, o gaunant naujus duomenis, detalės gerėja.

Skirtumai nuo bazinio (Baseline) JPEG:

Progresyvusis JPEG	Bazinis JPEG
Vaizdas rodomas palaipsniui, gerėjant.	Vaizdas įkeliamas iš viršaus į apačią, blokuojant.
Tinka lėtai jungčiai.	Tinka greitai jungčiai.
Failas šiek tiek didesnis.	Failas šiek tiek mažesnis.
Reikalauja daugiau procesoriaus laiko dekodavimui.	Reikalauja mažiau procesoriaus laiko dekodavimui.

Naudojimas frontend:

• Gerinti vartotojo patirtį lėtu internetu.
• Vizualiai jausti greitesnį turinio įkėlimą.
• Galima derinti su lazy loading optimizacijai.

Techniniu požiūriu, progresyvusis JPEG skirsto vaizdo dažnių koeficientus į kelis skanų. Pirmiausia perduodami žemo dažnio koeficientai (bendroji struktūra), tada aukštesnio dažnio (detalės).

Pavyzdys, kaip konvertuoti bazinį JPEG į progresyvų naudojant ImageMagick:

# base.jpg - pradinė byla
# progressive.jpg - rezultato byla
convert base.jpg -interlace Plane progressive.jpg

Naudojimas CSS ar HTML nesiskiria nuo įprasto JPEG, nes tai yra vidinis kodavimo formatas:

<img src="progressive.jpg" alt="Progresyvus vaizdas">

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