რა არის პროგრესული JPEG?

პროგრესიული JPEG — ეს არის JPEG სურათების კოდირების მეთოდი, სადაც მონაცემები ინახება ისე, რომ სურათი ნელ-ნელა ჩანს მასზე მუშაობის დროს. თავდაპირველად იტვირთება დაბალი რეზოლუციის ან ნაკლებად დეტალიზებული ვერსია, ხოლო ახალი მონაცემების მიღებისას დეტალები გაუმჯობესდება.

შეთავაზებები ბეისიკულ (Baseline) JPEG-ისგან:

პროგრესიული JPEG	ბეისიკული JPEG
სურათი ნელ-ნელა ჩანს, გაუმჯობესებით.	სურათი იტვირთება ზევიდან ქვემოთ, ბლოკებად.
შესაფერისია ნელი კავშირისთვის.	შესაფერისია სწრაფი კავშირისთვის.
ფაილი ცოტათი დიდია ზომით.	ფაილი ცოტათი პატარაა ზომით.
საჭიროებს მეტ პროცესორულ დროს დეკოდირებისთვის.	საჭიროებს ნაკლებ პროცესორულ დროს დეკოდირებისთვის.

ფრონტენდში გამოყენება:

• მომხმარებლის გამოცდილების გაუმჯობესება ნელი ინტერნეტით.
• ვიზუალური შეგრძნება უფრო სწრაფი ლოდინის შესახებ.
• შეიძლება კომბინირება lazy loading-თან ოპტიმიზაციისთვის.

ტექნიკურად, პროგრესიული JPEG იყოფა სურათის სიხშირის კოეფიციენტებს რამდენიმე სკანად. თავდაპირველად გადაეცემა დაბალი სიხშირის კოეფიციენტები (საერთო სტრუქტურა), შემდეგ უფრო მაღალი სიხშირის (დეტალები).

მაგალითი Base 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');
}