Tüm yazılar · 6/10

Web görsellerinin üretimi, dönüştürülmesi ve sunulması üzerine teknik notlar.

Aynı görselin farklı dil bağlamlarına dağıtımını gösteren radyal kağıt konstrüksiyon

Çok Dilli Sitelerde Görsel Alt Metinler Nasıl Yerelleştirilir?

Çok dilli sitelerde görsel alt metin yerelleştirmesi: hreflang ile ilişki, her dil versiyonunda ayrı alt metin zorunluluğu, CMS yaklaşımları ve makine çevirisi riskleri. Web görselleri optimizasyon ve format rehberleri

Jenerik ve özgün görsel arasındaki farkı gösteren kağıt kompozisyon karşılaştırması

Stok Fotoğraf Kullanımı SEO'yu ve Güveni Etkiler mi?

Stok fotoğrafların özgünlük sinyali, Google görsel arama performansı ve kullanıcı güveni üzerindeki etkisi; ne zaman kabul edilebilir, ne zaman sorun çıkarır. Web görselleri optimizasyon ve format rehberleri

Tek kaynak görselden farklı format çıktılarına uzanan radyal kağıt konstrüksiyon

Aynı Görselin Farklı Boyutlarını Nasıl Planlamalı?

Bir görselin hero, thumbnail, OG ve srcset bağlamlarında ihtiyaç duyulan boyutları planlama, kırılma noktası seçimi, retina kararı ve dosya adlandırma stratejisi. Web görselleri optimizasyon ve format rehberleri

Görsel sürüm hiyerarşisini ve eski dosya temizliğini gösteren kağıt katman yapısı

Görsel Sürümleme Nasıl Yönetilir? Eski Dosyalar Nasıl Temizlenir?

Görsel dosya sürümlemesi: CDN önbellek sorunları, dosya adı stratejileri, eski görsellerin sunucuda birikmesi ve temizleme yaklaşımları. Web görselleri optimizasyon ve format rehberleri

Görsel dönüştürme akışını gösteren yatay kağıt üretim hattı

Toplu Görsel Dönüştürme Akışı Nasıl Kurulur?

Yüzlerce görseli toplu dönüştürmek için araç seçimi: cwebp, sharp, ImageMagick ile klasör bazlı otomasyon, format dönüşümü ve sıkıştırma akışı kurma. Web görselleri optimizasyon ve format rehberleri

Kayıpsız ve sıkıştırılmış görsel kalitesini karşılaştıran kağıt konstrüksiyon

Görsel Kalitesi Nasıl Ölçülür? Sıkıştırma Sonrası Kontrol Listesi

Sıkıştırma sonrası görsel kalitesini ölçmenin yolları: gözle kontrol, SSIM ve PSNR metrikleri, kırılgan bölgeler ve dosya boyutu kazancının kalite kaybına işaret ettiği sınır. Web görselleri optimizasyon ve format rehberleri

Ayrı dosyalar ile tek strip arasındaki farkı gösteren kağıt organizasyon konstrüksiyonu

SVG Sprite mı Icon Font mu?

SVG sprite ve icon font karşılaştırması: erişilebilirlik, stil kontrolü, performans ve hangi projede hangisinin daha uygun olduğu. Web görselleri optimizasyon ve format rehberleri

PWA ikon boyut setini temsil eden çapraz dizilmiş kağıt kareler

PWA İçin İkon Boyutları Nasıl Hazırlanır?

Web manifest'te PWA ikon boyutları: hangi boyutlar gerekli, 192px ve 512px ne anlama geliyor, splash screen ve homescreen için boyut seçimi, maskable ve any purpose farkı. Web görselleri optimizasyon ve format rehberleri

Maskable icon safe zone kavramını gösteren kağıt konstrüksiyon

Maskable Icon Nedir? PWA İkonlarında Neden Önemlidir?

Maskable icon, Android'in adaptive icon sisteminde PWA ikonunuzun farklı şekillerde kırpılmasını önleyen bir standart. Safe zone mantığı ve web manifest entegrasyonu. Web görselleri optimizasyon ve format rehberleri

Apple touch icon için farklı boyutlarda yuvarlak köşeli kağıt çerçeveler

Apple Touch Icon Nedir? Nasıl Hazırlanır?

iOS'ta Ana Ekrana Ekle ile görünen apple-touch-icon'un boyut gereksinimleri, güvenli alan tasarımı, web manifest ile ilişkisi ve favicon ekosistemindeki yeri. Web görselleri optimizasyon ve format rehberleri