Ի՞նչ է պրոգրեսիվ JPEG-ը։

Աջակցող JPEG-ը՝ դա JPEG պատկերների կոդավորման մեթոդ է, որի ժամանակ տվյալները պահվում են այնպես, որ պատկերն աստիճանաբար ցուցադրվի բեռնման ժամանակ: Նախ բեռնվում է ցածր ռեզոլյուցիայի կամ քիչ մանրամասների տարբերակը, իսկ հետո, նոր տվյալներ ստանալիս, մանրամասները բարելավվում են:

Տարբերությունները բազային (Baseline) JPEG-ից՝

Աջակցող JPEG	Բազային JPEG
Պատկերը ցուցադրվում է աստիճանաբար, բարելավվելով։	Պատկերը բեռնվում է վերից ներքև, բլոկներով։
Համապատասխան է դանդաղ կապերի համար։	Համապատասխան է արագ կապերի համար։
Ֆայլը փոքր-ինչ մեծ է։	Ֆայլը փոքր-ինչ փոքր է։
Պահանջում է ավելի շատ պրոցեսորային ժամանակ։	Պահանջում է քիչ պրոցեսորային ժամանակ։

Frontend-ում կիրառումը՝

• Դանդաղ ինտերնետում օգտատիրոջ փորձը բարելավելու համար։
• Տեսողական զգացողություն՝ ավելի արագ բեռնման։
• Կարող է համակցվել lazy loading-ի հետ օպտիմալացման համար։

Տեխնիկապես, Աջակցող JPEG-ը բաժանում է պատկերային հաճախականության գործակիցները մի քանի սկանների։ Առաջին փոխանցվում են ցածր հաճախականության գործակիցները (ընդհանուր կառուցվածքը), հետո՝ բարձր հաճախականության (մանրամասները):

Օրինակ՝ base.jpg ֆայլից Աջակցող 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');
}