Kas ir progresīvais JPEG?

Progresīvais JPEG ir JPEG attēlu kodēšanas metode, kur datus glabā tā, ka attēls tiek pakāpeniski parādīts. Sākumā tiek ielādēta zemas izšķirtspējas vai mazāk detalizēta versija, un, saņemot jaunus datus, detaļas uzlabojas.

Atšķirības no pamata (Baseline) JPEG:

Progresīvais JPEG	Pamata JPEG
Attēls pakāpeniski parādās, uzlabojoties.	Attēls tiek ielādēts no augšas uz leju, pa blokiem.
Piemērots lēnām savienojumam.	Piemērots ātrai savienojumam.
Faila izmērs ir nedaudz lielāks.	Faila izmērs ir nedaudz mazāks.
Prasa vairāk procesora laika dekodēšanai.	Prasa mazāk procesora laika dekodēšanai.

Frontend pielietojums:

• Uzlabot lietotāja pieredzi lēnā interneta savienojumā.
• Vizualizēt ātrāku satura ielādi.
• Var kombinēt ar lazy loading optimizācijai.

Tehniski, progresīvais JPEG sadala attēla frekvenču koeficientus vairākos skanos. Sākumā tiek pārraidīti zemas frekvences koeficienti (kopējā struktūra), pēc tam augstākas frekvences (detalizācija).

Piemērs, kā pārveidot pamata JPEG uz progresīvu, izmantojot ImageMagick:

# base.jpg - sākotnējā faila
# progressive.jpg - rezultāta fails
convert base.jpg -interlace Plane progressive.jpg

CSS vai HTML lietošana neatšķiras no parasta JPEG, jo tas ir iekšējais kodēšanas formāts:

<img src="progressive.jpg" alt="Progresīvs attēls">

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