Çözünürlük Düşür

Geliştiriciler görsel yüklerini azaltmak istediklerinde, ilk içgüdüleri genellikle kayıplı sıkıştırmayı artırmaktır (örneğin JPEG kalitesini %90'dan %60'a düşürmek). Bu dosya ağırlığını azaltsa da, agresif sıkıştırma göze hoş görünmeyen blok kusurları, renk bantlaşması ve bulanık tipografi yaratır.

Uzamsal alt örnekleme çok daha güçlüdür çünkü dosya yükü piksel alanıyla karesel olarak ölçeklenir ($Alan = Geni\text{ş}lik \times Y\text{ü}kseklik$). $3840 \times 2160$ piksel (8.294.400 piksel) ölçülerinde bir 4K kamera çekimini düşünün. Bu görseli %50 oranında küçülterek $1920 \times 1080$ piksele (2.073.600 piksel) indirdiğinizde, toplam piksellerin tam olarak %75'ini ortadan kaldırmış olursunuz!

Piksel sayısı dörtte üç oranında azaldığından, dosya boyutu herhangi bir kayıplı sıkıştırma uygulanmadan önce bile yaklaşık %75 oranında küçülür. Küçültülen görsel web ekranlarında jilet gibi keskin görünür çünkü doğal çözünürlüğü artık ziyaretçinin fiziksel ekran kapsayıcısıyla tam olarak eşleşir.

Bir görseli küçültmek matematiksel olarak karmaşıktır. Bir algoritma pikselleri ilkel bir şekilde atlarsa (nokta örnekleme veya en yakın komşu alt örneklemesi), ciddi optik örtüşmeler (aliasing) ortaya çıkar: düz çizgiler pürüzlü merdiven basamaklarına dönüşür, ince kumaşlar ve mimari ızgaralar baş döndürücü hareli desenler (moiré) üretir ve ince metin vuruşları tamamen kaybolur.

Örtüşmeyi önlemek için profesyonel alt örnekleme, sürekli alan ortalaması veya alçak geçiren filtreleme gerektirir. Motorumuzda bir görsel küçültüldüğünde, her hedef piksel karşılık gelen kaynak piksel alanı üzerinde ağırlıklı bir integral olarak hesaplanır. Aşırı küçültmeler için (örneğin 6000 piksellik bir görseli 600 piksele küçültmek), motorumuz çok geçişli mipmap kademeli küçültme kullanır. Boyutları ardışık %50'lik yarıya indirme adımlarıyla dilimlemek, yüksek frekanslı dokuların hare veya çınlama yapaylıkları oluşturmadan organik olarak yumuşatılmasını garanti eder.

Modern duyarlı web mimarisinde, yüksek çözünürlüklü masaüstü grafiklerini mobil cihazlara sunmak muazzam bir kaynak israfıdır. Modern akıllı telefonlar 390px ila 430px CSS pikseli fiziksel ekran genişliklerine sahiptir. Yüksek yoğunluklu 3x Retina ekranda bile, bir kapsayıcı 1200 pikselden daha geniş bir görsele ihtiyaç duymaz.

Ölçeklenmemiş 5000 piksellik bir masaüstü görseli sunmak, mobil tarayıcının GPU'sunu işleme sırasında görseli anında küçültmeye zorlar. Bu cihazın pil ömrünü tüketir, kaydırma takılmalarını tetikler ve hücresel veriyi israf eder. Uygun şekilde küçültülmüş varyantlar üreterek (örneğin mobil küçük resimler için 400px, tablet akışları için 800px, masaüstü ana görselleri için 1200px) ve bunları duyarlı HTML `<picture>` öğeleri aracılığıyla sunarak, web uygulamaları ışık hızında yükleme hızlarına ulaşır.

Birçok web geliştiricisi mobil tarayıcıların RAM'i disk dosya boyutuna göre değil, sıkıştırılmamış piksel boyutlarına göre ayırdığının farkında değildir. Sıkıştırılmamış 48 Megapiksellik bir kamera fotoğrafının ($8000 \times 6000$) kodunu çözmek için $183\text{ MB}$ sıkıştırılmamış 32 bitlik RGBA bellek gerekir.

Bir mobil kullanıcı ölçeklenmemiş birkaç ürün fotoğrafı içeren bir e-ticaret kataloğunu ziyaret ettiğinde, mobil tarayıcının bellek yöneticisi hızla yığın sınırını aşar ve tarayıcı sekmesinin aniden çökmesine veya yeniden yüklenmesine neden olur. Bu fotoğrafları $1200 \times 900$ piksele küçültmek kod çözme ayak izini 183 MB'tan yalnızca $4.3\text{ MB}$'a düşürür—RAM ek yükünde %97,6'lık devasa bir azalma sağlayarak yağ gibi pürüzsüz kaydırmayı ve sıfır mobil çökmeyi garanti eder.

Google'ın arama sıralama algoritmalarında teknik performans, En Büyük İçerikli Boyamanın (LCP) birincil rol oynadığı Core Web Vitals aracılığıyla ölçülür. LCP görünüm alanındaki en büyük görünür öğeyi (neredeyse her zaman bir ana başlık görseli veya öne çıkan ürün görseli) işlemek için gereken süreyi ölçer.

Core Web Vitals eşiğini geçmek ve algoritmik sıralama avantajları elde etmek için, LCP kısıtlanmış 4G bağlantılarında 2,5 saniyenin altında gerçekleşmelidir. Aşırı büyük 4 MB'lık bir başlık görselini net ve uygun boyutta 150 KB'lık bir varlığa küçültmek indirme süresini 4.000 ms'den 200 ms'nin altına indirerek LCP puanlarını anında yeşil bölgeye taşır.

Temel görsel küçültme araçlarıyla ilgili yaygın bir şikayet, küçültülmüş görsellerin biraz yumuşak veya bulanık görünebilmesidir. Milyonlarca piksel yüz binlere sıkıştırıldığında mikroskobik kenar geçişleri görsel etkisini kaybedebilir.

Aracımız yüksek frekanslı kenar kontrastını koruyan gelişmiş çift kübik (bicubic) ve Lanczos pencereli sinc enterpolasyon çekirdeklerini bünyesinde barındırır. Yüksek kontrastlı tipografi, ürün silüetleri ve mimari kenarlar, agresif keskinleştirme filtrelerine ihtiyaç duymadan net ve dokunsal etkisini korur.

Kurumsal pazarlama ekipleri, hukuk departmanları ve profesyonel fotoğrafçılar sıklıkla gizli ticari prototipler, özel etkinlik çekimleri ve hassas müşteri belgeleri içeren yüksek çözünürlüklü görsellerle çalışır. Bu devasa dosyaları uzak bulut dönüştürme sitelerine iletmek gizli fikri mülkiyeti üçüncü taraf veri kaydına maruz bırakır.

Görsel Küçültme aracımız web tarayıcınızın içinde %100 yerel olarak çalışır. İstemci tarafı WebAssembly ve HTML5 Canvas üzerine inşa edilen tüm piksel yeniden örnekleme, alan ortalaması alma ve görseli yeniden kodlama işlemleri kesinlikle fiziksel cihazınızın RAM belleğinde gerçekleşir. Ağ üzerinden hiçbir dosya veya görsel iletilmez; bu da mutlak gizlilik ile GDPR, HIPAA ve kurumsal güvenlik politikalarına tam uyum sağlar.