JPEG-и пешрафта чӣ гуна аст?

JPEG-и пешрафта — ин усулест, ки дар он маълумотҳо ба таври он нигоҳ дошта мешаванд, ки тасвир дар вақти боркунӣ тадриҷан намоиш дода мешавад. Аввал версияи пасти тасвир ё номукаммалтар бор карда мешавад, ва сипас, бо гирифтани маълумоти нав, тафсилот беҳтар мешавад.

Фарқиятҳо бо JPEG-и асосӣ (Baseline):

JPEG-и пешрафта	JPEG-и асосӣ
Тасвир тадриҷан намоиш дода мешавад, беҳтар мешавад.	Тасвир аз боло ба поён, дар блокҳо бор карда мешавад.
Барои пайвастҳои суст мувофиқ аст.	Барои пайвастҳои зуд мувофиқ аст.
Файл каме калонтар аст.	Файл каме хурдтар аст.
Барои декод кардан бештар вақти коркард талаб мекунад.	Барои декод кардан камтар вақти коркард талаб мекунад.

Барнома дар Frontend:

• Таҳрифи таҷрибаи корбар дар интернети суст.
• Эҳсоси визуалӣ аз боркунии зудтарини мундариҷа.
• Мумкин аст бо lazy loading барои оптимизатсия ҳамкорӣ кунад.

Техникӣ, JPEG-и пешрафта коэффициентҳои басомади тасвирро ба чанд скан тақсим мекунад. Аввал коэффициентҳои басомади паст (сохтор умумӣ), сипас, коэффициентҳои баландтар (тафсилот) интиқол дода мешаванд.

Масалан, табдили JPEG-и асосӣ ба пешрафта бо истифода аз ImageMagick:

# base.jpg - файлҳои аслӣ
# progressive.jpg - файлҳои натиҷа
convert base.jpg -interlace Plane progressive.jpg

Истифода дар CSS ё HTML фарқ надорад аз JPEG оддӣ, зеро ин формат дарунӣ аст:

<img src="progressive.jpg" alt="Тасвири пешрафта">

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