Web görsellerinin üretimi, dönüştürülmesi ve sunulması üzerine teknik notlar.
CSS sprite ve domain sharding, HTTP/1.1'in bağlantı kısıtlamalarını aşmak için geliştirilmişti. HTTP/2 multiplexing ve HTTP/3 QUIC ile bu yöntemler artık performansı iyileştirmiyor, aksine bozuyor. Hangi optimizasyonların geçerliliğini yitirdiğini ve yeni protokollerle örtüşen görsel yükleme stratejisini açıklar.
Webflow'un asset pipeline'ı görsel yüklemelerini otomatik olarak işler: WebP dönüşümü, responsive srcset üretimi ve CDN dağıtımı platform tarafından yönetilir. Hangi parametrelerin sizin kontrolünüzde olduğunu bilmek, yükleme öncesi hazırlığı ve CMS görsel alanlarını doğru kullanmayı mümkün kılar.
Cache-Control başlığı, görsel dosyalarının tarayıcı ve CDN önbelleğinde ne kadar süre tutulacağını belirler. Uzun max-age değeri performans kazandırır; ancak URL sürümleme olmadan görsel güncellemelerini ziyaretçilere ulaştırmak güçleşir. İkisi birlikte doğru yapılandırıldığında hız ile güncelleme güvenilirliği çelişmez.
Günde onlarca görsel yayınlayan haber sitelerinde editöryal tutarsızlık kaçınılmazdır; doğru akış kurulumu teknik kararları önceden vererek her editörün aynı çıktıyı üretmesini sağlar.
Otomatik vektörleştirme her görsel türünde aynı sonucu vermez. Düz renkli logolarda makul çıktı üretirken fotoğraf ve karmaşık geçişli görsellerde dosyayı şişirir. Hangi görseli vektöre çevirmenin mantıklı olduğunu ve ne zaman raster formatında kalmanın daha iyi seçim olduğunu sıralı bir karar ağacıyla açıklıyoruz.
Midjourney, DALL-E veya Stable Diffusion çıktılarını web'e yüklemeden önce format seçimi, sıkıştırma parametresi, renk profili dönüşümü ve metadata temizleme adımlarının nasıl uygulanacağını açıklar.
Squarespace görsellerinizi yükledikten sonra kendi işleme mantığıyla yeniden işler. Sıkıştırma oranı, format dönüşümü ve CDN davranışı platforma aittir; kaynak boyutu ve kalite ise sizin elinizde.
E-posta istemcileri görselleri web tarayıcılarından farklı yükler; Gmail proxy üzerinden sunarken Outlook yüklü sürümleri varsayılan olarak engeller. Bu yazı, e-postada doğru format seçimini, 2x retina hazırlığını, alt metin zorunluluğunu ve URL kararlılığı gereksinimini açıklıyor.
Wix, görsel sıkıştırma ve format dönüşümünü otomatik yönetir; ancak kalite ayarı, AVIF desteği ve srcset kırılma noktaları kullanıcı kontrolünün dışındadır. Platforma ne bırakmanız, nerede müdahale etmeniz gerektiğini öğrenin.
Instagram, Facebook, X (Twitter), LinkedIn ve Pinterest için 2026 itibarıyla önerilen görsel boyutları, kırpma güvenli alanları ve format tercihleri platforma göre listelenmiştir.