Web’de kullanılan görsellerin üretimi, dönüştürülmesi, sıkıştırılması, sunulması ve aranabilirliği üzerine teknik değerlendirmeler ve uygulama odaklı yazılar.
Yeni bir web sitesi projesinde görsel depolama, format standardı, işleme hattı ve dosya adlandırma kararları baştan verilmezse, sonradan değiştirmek teknik güncellemeden içerik migrasyonuna dönüşür.
Ekipte görsel boyutu, format ve adlandırma kurallarının tutarsız uygulanmasından kaynaklanan birikim; iş akışına entegre edilebilecek kontrol noktalarıyla nasıl çözülür.
Puppeteer, Playwright, tarayıcı uzantıları ve cloud ekran görüntüsü API'lerini tam sayfa çıktı kalitesi, retina desteği ve otomasyon uyumluluğu açısından karşılaştıran rehber.
Web sitesinde yayınlanan görseller, telif hakkının yanı sıra KVKK kapsamında da değerlendirilir. Tanınabilir yüz içeren her fotoğraf kişisel veri sayılır; EXIF metadata, stok görsel model release belgesi ve etkinlik fotoğrafları farklı hukuki dayanaklar gerektirir.
Responsive tasarımda mobil ve masaüstü için aynı görseli farklı boyutta sunmak her zaman yeterli değildir. Odak noktasının kaybolduğu, kompozisyonun anlam yitirdiği durumlarda picture etiketi ve media koşullarıyla farklı kırpma veya farklı çekim sunmak gerekir. Bu yazı, art direction kararının ne zaman gerekli, ne zaman gereksiz olduğunu somut senaryolarla ele alır.
Ürün sayfasında hangi görselin daha fazla dönüşüm sağlayacağını bulmak için A/B testinin nasıl doğru kurulacağını, tek değişken ilkesinin neden kritik olduğunu ve insan varlığı, açı, arka plan gibi görsel unsurların test hipotezine nasıl dönüştürüleceğini ele alır.
Kara Cuma ve benzeri yoğun trafik dönemlerinde görsel altyapınızın çökmemesi için CDN kapasitesi, önbellek politikası ve geçici banner görselleri üzerinde kampanya öncesi tamamlanması gereken hazırlıklar.
Canvas veya JavaScript ile görsel işlerken farklı origin'den yüklenen görseller "tainted canvas" hatasına yol açar. Sorunun nedeni tarayıcının piksel verisi okuma kısıtlaması, çözümü ise crossorigin niteliği ve sunucu taraflı Access-Control-Allow-Origin başlığıdır.
Toplam sayfa ağırlığı içinde görsellere ayrılacak KB sınırını nasıl belirleyeceğinizi ve bu sınırı CI/CD sürecine otomatik kontrol olarak nasıl bağlayacağınızı açıklar.
WCAG 2.1'in görsellerle ilgili kriterlerini geliştiriciler için işe yarar kontrol maddelerine indirgeyen rehber: alt metin zorunluluğu, dekoratif görsel işaretleme, kontrast gereksinimleri ve karmaşık görsel açıklamaları.