Sürətli kiçiltmə

Tərtibatçılar şəkil həcmlərini azaltmağa çalışdıqda ilk instinktləri tez-tez itkili sıxılmanı artırmaq olur (məsələn, JPEG keyfiyyətini 90%-dən 60%-ə endirmək). Bu, fayl çəkisini azaltsa da, aqressiv sıxılma xoşagəlməz blok artefaktları, rəng zolaqlanması və bulanıq tipoqrafiya yaradır.

Məkan kiçiltməsi xeyli güclüdür, çünki fayl həcmi piksel sahəsi ilə kvadratik miqyaslanır ($Area = Width \times Height$). $3840 \times 2160$ piksel (8,294,400 piksel) ölçülü 4K kamera çəkilişini nəzərdən keçirin. Həmin şəkli 50% kiçildib $1920 \times 1080$ piksələ (2,073,600 piksel) endirsəniz, ümumi piksellərin dəqiq 75%-ni aradan qaldırırsınız!

Piksel sayı dörddə üç azaldığı üçün fayl ölçüsü hələ heç bir itkili sıxılma tətbiq edilmədən təxminən 75% kiçilir. Kiçildilmiş şəkil veb ekranlarda ülgüc kimi kəskin görünür, çünki onun yerli ölçüsü indi ziyarətçinin fiziki ekran konteynerinə uyğundur.

Şəkli kiçiltmək riyazi cəhətdən mürəkkəbdir. Alqoritm sadəlövhcəsinə pikselləri ötürürsə (nöqtə nümunələməsi və ya ən yaxın qonşu kiçiltməsi), ciddi optik aliasinq yaradır: düz xətlər kələ-kötür pilləkənlərə çevrilir, incə parçalar və memarlıq barmaqlıqları baş gicəlləndirən muar naxışları yaradır, nazik mətn xətləri isə tamamilə yox olur.

Aliasinqin qarşısını almaq üçün peşəkar kiçiltmə fasiləsiz sahə ortalaması və ya aşağı tezlikli filtrləmə tələb edir. Mühərrikimizdə şəkil kiçildildikdə hər təyinat pikseli uyğun mənbə piksel izi üzrə çəkili inteqral kimi hesablanır. Ekstremal kiçiltmələr üçün (məsələn, 6000px şəkli 600px-ə endirmək) mühərrikimiz çoxkeçidli mipmap pilləli kiçiltmədən istifadə edir. Ölçüləri ardıcıl 50% yarıya endirmə addımları ilə kiçiltmək yüksək tezlikli teksturaların muar və ya halqalanma artefaktları olmadan üzvi şəkildə hamarlaşmasına zəmanət verir.

Müasir responsiv veb arxitekturasında mobil cihazlara yüksək ölçülü masaüstü qrafikaları təqdim etmək resursların böyük israfıdır. Müasir smartfonlar 390–430 CSS piksel fiziki ekran eninə malikdir. Hətta yüksək sıxlıqlı 3x Retina ekranda belə konteyner 1200px-dən geniş olmayan şəkil tələb edir.

Miqyaslanmamış 5000px masaüstü şəklini təqdim etmək mobil brauzerin GPU-sunu göstərmə zamanı şəkli dərhal kiçiltməyə məcbur edir. Bu, cihazın batareya ömrünü yandırır, sürüşdürmə ləngiməsinə səbəb olur və mobil trafiki israf edir. Düzgün kiçildilmiş variantlar yaradıb (məsələn, mobil miniatürlər üçün 400px, planşet lentləri üçün 800px, masaüstü əsas bannerlər üçün 1200px) onları responsiv HTML `<picture>` elementləri ilə təqdim etməklə veb tətbiqlər ildırım sürətli yüklənmə əldə edir.

Bir çox veb tərtibatçı bilmir ki, mobil brauzerlər RAM-ı diskdəki fayl ölçüsünə görə deyil, sıxılmamış piksel ölçülərinə görə ayırır. Sıxılmamış 48 meqapiksellik kamera fotosu ($8000 \times 6000$) dekodlanmaq üçün $183\text{ MB}$ sıxılmamış 32 bitlik RGBA yaddaşı tələb edir.

Mobil istifadəçi bir neçə miqyaslanmamış məhsul fotosu olan e-ticarət kataloquna daxil olduqda mobil brauzerin yaddaş meneceri tez bir zamanda yığın limitini aşır və brauzer tabının qəfil çökməsinə və ya yenidən yüklənməsinə səbəb olur. Həmin fotoları $1200 \times 900$ piksələ kiçiltmək dekodlama izini 183MB-dan cəmi $4.3\text{ MB}$-a endirir — RAM yükündə nəhəng 97.6% azalma, hamar sürüşdürməyə və sıfır mobil çökməyə zəmanət verir.

Google-un axtarış sıralama alqoritmlərində texniki performans Core Web Vitals vasitəsilə ölçülür və burada Largest Contentful Paint (LCP) əsas rol oynayır. LCP ekrandakı ən böyük görünən elementin — demək olar ki, həmişə əsas banner və ya seçilmiş məhsul vizualı — göstərilməsi üçün tələb olunan vaxtı ölçür.

Core Web Vitals həddini keçmək və alqoritmik sıralama üstünlükləri qazanmaq üçün LCP məhdudlaşdırılmış 4G bağlantıları üzrə 2.5 saniyədən az müddətdə baş verməlidir. Həddindən artıq böyük 4MB banneri kəskin, uyğun ölçülü 150KB aktivə kiçiltmək endirmə vaxtını 4,000ms-dən 200ms-dən aza endirir və LCP göstəricilərini dərhal yaşıl zonaya keçirir.

Sadə şəkil kiçiltmə utilitləri ilə bağlı ümumi şikayət kiçildilmiş şəkillərin bir az yumşaq və ya bulanıq görünə bilməsidir. Milyonlarla piksel yüz minlərə sıxıldıqda mikroskopik kənar keçidləri vizual təsirini itirə bilər.

Alətimiz yüksək tezlikli kənar kontrastını qoruyan qabaqcıl bikubik və Lanczos pəncərəli sinc interpolyasiya nüvələrini özündə birləşdirir. Yüksək kontrastlı tipoqrafiya, məhsul siluetləri və memarlıq kənarları aqressiv kəskinləşdirmə filtrləri tələb etmədən kəskin, hiss olunan təsirini saxlayır.

Korporativ marketinq komandaları, hüquq şöbələri və peşəkar fotoqraflar tez-tez məxfi biznes prototiplərini, şəxsi tədbir çəkilişlərini və həssas müştəri sənədlərini ehtiva edən yüksək ölçülü təsvirlərlə işləyirlər. Bu böyük faylları uzaq bulud çevirmə saytlarına ötürmək məxfi intellektual mülkiyyəti üçüncü tərəf məlumat qeydinə məruz qoyur.

Sürətli kiçiltmə alətimiz 100% veb brauzerinizdə yerli icra olunur. Brauzer tərəfli WebAssembly və HTML5 Canvas üzərində qurulduğu üçün bütün piksel yenidən nümunələməsi, sahə ortalaması və şəkil yenidən kodlaması ciddi şəkildə fiziki cihazınızın RAM-ı daxilində baş verir. Heç bir fayl və ya şəkil şəbəkə üzrə ötürülmür və tam məxfilik və GDPR, HIPAA və korporativ təhlükəsizlik siyasətlərinə mütləq uyğunluq təmin olunur.