JPG-dən AVIF-ə

AVIF-in JPEG üzərində niyə belə inqilabi sıxılma qazancı əldə etdiyini anlamaq üçün onların əsas riyazi məkan arxitekturalarını müqayisə etmək lazımdır. Standart JPEG şəkli sərt 8x8 piksel bloklarına bölür. Hər 64 piksellik matris məkan parlaqlığını və xrominansı tezlik sahəsi əmsallarına çevirmək üçün iki ölçülü Diskret Kosinus Çevrilməsindən (DCT) keçir, sonra sabit skalyar kvantlaşdırma cədvəlləri ilə kvantlaşdırılır. Hər 8x8 blok riyazi təcriddə hesablandığı üçün bit sürətini azaltmaq qonşu blok sərhədlərinin kəskin ayrılmasına səbəb olur və təsirli 'şahmat taxtası' blok artefaktları, kəskin konturlar boyunca ağcaqanad küyü və hamar qradiyentlərdə kobud rəng kvantlaşdırması yaranır.

ISO/IEC 23000-22 altında kodlaşdırılmış AVIF sərt 8x8 bölünməsindən imtina edərək AV1 video kodekinin qabaqcıl məkan kodlama mexanikasına üstünlük verir. O, rekursiv blok parçalanmasından istifadə edir və kadrları lokal məkan mürəkkəbliyinə əsasən nəhəng 128x128 superbloklardan 4x4 alt bloklara qədər dinamik bölür. Bundan əlavə, AVIF əvvəl dekodlanmış sərhəd piksellərindən piksel yaxınlaşmalarını sintez etmək üçün 56-ya qədər fərqli istiqamətli kadrdaxili proqnoz bucağından istifadə edir və yalnız riyazi qalıq xətanı kodlayır.

Ən əsası, AVIF Constrained Directional Enhancement Filtering (CDEF) və qeyri-xətti Loop Restoration daxil olmaqla mürəkkəb dövrədaxili filtrləmə mexanizmlərini ehtiva edir. Bu filtrlər kənar istiqamətlərini müəyyən edir və kəskin tekstura konturlarını bulanıqlaşdırmadan kvantlaşdırma halqalanmasını hamarlaşdırır. Nəticədə zərif qürublar, incə dəri məsamələri və yumşaq kölgələr ehtiva edən foto səhnələri köhnə JPEG-in oxunmaz rəqəmsal küyə çevrildiyi bit sürətlərində ipək kimi hamar dərəcələnmələri qoruyur.

Müasir texniki axtarış sistemi optimallaşdırmasında (SEO) veb səhifə sürəti sadəcə təsadüfi istifadəçi rahatlığı deyil — Google-un Core Web Vitals telemetriyası ilə ölçülən açıq alqoritmik reytinq amilidir. Bu metriklər arasında Largest Contentful Paint (LCP) böyük alqoritmik çəkiyə malikdir və brauzerin görünən sahəsində ilk ekrandakı əsas vizual blokun (əsasən əsas bannerlər, e-ticarət məhsul vitrinləri və ya seçilmiş redaksiya şəkilləri) göstərilməsi üçün tələb olunan dəqiq müddəti izləyir.

Google Lighthouse auditləri köhnə formatları yüksək prioritetli 'Serve images in next-gen formats' xəbərdarlıqları ilə açıq şəkildə işarələyir. E-ticarət kataloqu və ya redaksiya saytı orta 4G mobil bağlantı (15 Mbps) üzərindən 2.2MB-lıq JPEG əsas banner təqdim etdikdə yalnız şəbəkə paket ötürülməsi təxminən 1.2 saniyə çəkir və ümumi LCP balını asanlıqla kritik 2.5 saniyəlik 'Yaxşı' həddindən keçirərək 'Təkmilləşdirmə tələb edir' və ya 'Zəif' zonasına itələyir.

Həmin fotonu AVIF-ə çevirmək fayl çəkisini 2.2MB-dan təxminən 320KB-a endirir — ötürülən yükdə fövqəladə 85% çöküş. Şəbəkə endirmə vaxtı 180 millisaniyədən aşağı düşür. Brauzerin spekulyativ HTML ilkin yükləyicisi və tərtibat mühərriki görünən sahəni demək olar ki, dərhal çəkir və axtarış reytinqlərini qoruyan və istifadəçi konversiya nisbətlərini maksimuma çatdıran qüsursuz yaşıl LCP ballarını təmin edir.

AVIF-in ilkin yayılması zamanı gözlənilən WebKit mühərriki inteqrasiyası səbəbindən qəbul ehtiyatlı idi. Bu gün yerli AVIF dekodlaması Google Chrome, Apple Safari (iOS 16 və macOS 13 Ventura-dan başlayaraq), Mozilla Firefox, Microsoft Edge, Opera və Android WebView daxil olmaqla qlobal veb brauzerlərin 93%-dən çoxunda dəstəklənir.

Müasir veb arxitekturaları üçün AVIF-i WebP və ya köhnə JPEG-ə zərif ehtiyat keçidi ilə təqdim etmək sıfır brauzer tərəfli JavaScript tələb edir. Standart HTML `<picture>` elementindən istifadə edərək veb brauzerlər format uyğunluğunu avtomatik qiymətləndirir və ən səmərəli aktivi yükləyir:

```html <picture> <source srcset="hero.avif" type="image/avif"> <source srcset="hero.webp" type="image/webp"> <img src="hero.jpg" alt="High performance web visual" width="1200" height="800" loading="eager" decoding="async"> </picture> ```

Müasir mobil cihazlar və yüksək səviyyəli masaüstü brauzerlər dərhal ultra yığcam AVIF aktivini endirir, köhnə korporativ brauzerlər isə qüsursuz şəkildə WebP və ya JPEG-ə keçir. Bu proqressiv arxitektura tək bir köhnə ziyarətçini belə geridə qoymadan ən müasir sıxılmanı təqdim edir.

Şəkil kodeklərini qiymətləndirərkən Structural Similarity Index Measure (SSIM) və Google-un Butteraugli psixoakustik modeli kimi qavrayış keyfiyyət metrikləri sıxılma səmərəliliyinin kəmiyyət sübutunu verir. Butteraugli insan torlu qişası fotoreseptorlarının həssaslığını modelləşdirir və sıxılma artefaktlarının insan gözü üçün seçiləbilən olduğu dəqiq həddi müəyyən edir.

Minlərlə foto test dəsti üzrə empirik meyarlar göstərir ki, ekvivalent Butteraugli vizual bərabərlik ballarında AVIF MozJPEG ilə optimallaşdırılmış JPEG-lərdən 50% az, WebP-dən isə 25%-ə qədər az bayt tələb edir. Ən əsası, AVIF köhnə JPEG-in 4:2:0 xroma subnümunələməsinin ciddi rəng yayılması yaratdığı yerlərdə (parça toxumaları, uzaq yarpaqlar və gecə fotoqrafiyası küyü kimi) xromatik doyğunluğu və yüksək tezlikli tekstura detallarını qorumaqda üstündür.

AVIF ilə bağlı ümumi texniki çəkinmə dekodlamanın hesablama mürəkkəbliyidir. AV1 video sıxılması mürəkkəb riyazi proqnoz dövrələrinə əsaslandığı üçün ilk proqram dekoderləri köhnə cihazlarda ölçülə bilən prosessor dövrləri tələb edirdi.

Lakin müasir aparat arxitekturaları bu narahatlığı aradan qaldırıb. 2022-ci ildən bəri istehsal olunan çiplər — Apple Silicon (M3/M4, A17 Pro/A18), Qualcomm Snapdragon 8 Gen 2/3, MediaTek Dimensity 9200+, Intel Core Ultra və AMD Ryzen prosessorları daxil olmaqla — xüsusi aparat AV1 dekodlama blokları ehtiva edir. Proqram dekodlamasına əsaslanan cihazlarda belə müasir SIMD ilə optimallaşdırılmış WebAssembly dekoderləri (dav1d kimi) 1080p AVIF kadrlarını 12 millisaniyədən az müddətdə açır. Şəbəkə ötürülmə müddətindəki nəhəng azalma istənilən mikroskopik dekodlama gecikməsindən xeyli üstündür və mobil batareya ömründə ümumi xalis qənaətlə nəticələnir.

Bütün rəqəmsal aktiv anbarınızda pik optimallaşdırmaya nail olmaq üçün bu sistemli çoxaddımlı iş axınına əməl edin:

Addım 1 - Ölçülərin kiçildilməsi: Kameranız şəkilləri 6000x4000 pikseldə çəkirsə, bu xam ölçüləri veb ekranlara təqdim etmək trafiki israf edir. Şəklin ölçüsünü dəyiş alətimizlə eni faktiki tərtibat konteynerinizə (məs. 1200px və ya 1920px) endirin.

Addım 2 - Kompozisiya və çərçivələmə: Şəkli kəs alətimizlə diqqəti yayındıran kənarları aradan qaldırın və fokus nöqtələrini optimallaşdırın.

Addım 3 - Yeni nəsil format çevirməsi: AV1 kadrdaxili sıxılmasını açmaq və fayl çəkisini 85%-ə qədər azaltmaq üçün optimallaşdırılmış JPEG-i bu JPG-ni AVIF-ə çevir alətinə ötürün.

Addım 4 - Trafikin yoxlanılması: Yeni AVIF-inizin vizual pisləşmə olmadan optimal sıxılmaya nail olduğunu təsdiqləmək üçün real vaxtda fayl qənaətini yoxlayın.