Web görsellerinin üretimi, dönüştürülmesi ve sunulması üzerine teknik notlar.
Google Lens ve görsel arama motorları görseli piksel verisi olarak değil, nesne sinyalleri ve bağlam katmanları olarak yorumlar. Temiz arka plan, nesne merkezli kırpma, anlamlı dosya adı ve doğru alt metin; tanıma güven skorunu doğrudan etkileyen hazırlık adımlarıdır.
Cloudinary, Imgix ve Bunny Optimizer'ı Türkiye'ye yakın edge konumları, URL tabanlı dönüşüm API'si derinliği ve gerçek fiyat yapısı üzerinden karşılaştırıyoruz; hangi proje tipi için hangisi mantıklı?
ImageMagick'in convert ve mogrify komutlarıyla yeniden boyutlandırma, format dönüşümü, kalite ayarı ve metadata temizleme işlemlerini gerçekleştiren temel parametreler; kullanılabilir seçenekler ve yaygın hatalar.
Squoosh'un arayüzündeki her bölümün ne yaptığını ve hangi durumda hangi ayarın tercih edilmesi gerektiğini ele alıyoruz; alet kutusu kurmak yerine tarayıcıyı açıp işini bitirmek isteyenler için pratik bir rehber.
Birden fazla kişinin görsel yüklediği içerik ekiplerinde çıktı boyutları ve formatları tutarsız hale gelir. Node.js ve Sharp tabanlı bir klasör izleyici, gelen her dosyayı otomatik olarak yeniden boyutlandırıp WebP'ye çevirerek bu sorunu çözer. Kurulum birkaç saatlik iş; asıl mesele iş akışını ekiple birlikte oturtmaktır.
Başka sitelerin sunucunuzdaki görsellere doğrudan bağlantı vermesi bant genişliğinizi tüketir ve maliyetleri artırır. .htaccess kuralları ve CDN yapılandırmasıyla hotlinking'i nasıl engelleyeceğinizi öğrenin.
CSS image-set() fonksiyonu, background-image özelliğinde birden fazla format ve yoğunluk seçeneği sunarak tarayıcının en uygun görseli seçmesine imkan tanır. WebP ve AVIF'i cascade fallback ile nasıl sunacağınızı, vendor prefix geçmişini ve type() sözdizimini öğrenin.
object-fit ve object-position, sabit boyutlu kutular içindeki görsellerin kırpma ve ölçekleme davranışını CSS'ten kontrol etmenizi sağlar. Ürün ızgaralarında boyut kaymasını, hero alanlarında odak noktası kaybını önler.
JPEG XL, görsel kaliteyi koruyarak dosya boyutunu belirgin biçimde küçülten yeni nesil bir format. Teknik altyapısı güçlü, tarayıcı desteği 2026 itibarıyla genişlemiş durumda; ama hangi projelerde şimdiden devreye alınmalı, hangilerinde beklenmeli?
Animasyonlu GIF'in dosya boyutu ve renk sınırlarını aşmak için üç modern alternatif var: animasyonlu WebP, animasyonlu AVIF ve video elementi. Hangi formatın hangi bağlamda doğru seçim olduğunu karşılaştırmalı olarak ele alıyoruz.