Doğru
görüntü adayı.
Yerel, yalnızca tarayıcı içi bir inceleme; temel görüntü meta verilerini ve teslimatla ilgili soruları birlikte gözden geçirir. Dosyayı meta verinin ve yerel boyutların ötesinde yüklemez, saklamaz, optimize etmez veya denetlemez.
ŞUNLAR İÇİN KULLANIN: Görüntü yerleşimi, duyarlı adaylar, erişilebilir alternatif metin ve teslimat ödünleşmeleri hakkında bir tartışma hazırlamak için kullanın.
İnceleyin başlangıç noktasını.
Temel tarayıcı tarafından bildirilen meta verileri ve boyutları görmek için bir yerel görüntü seçin. SIU seçilen dosyayı yüklemez, göndermez, saklamaz, optimize etmez veya depolamaz.
YEREL GÖRÜNTÜ SEÇİN — Görüntü seçilmedi. Hiçbir şey yüklenmedi veya saklanmadı.
Buradan hiçbir şey çıkmaz.
Seçilen bir görüntü, adını, tarayıcı tarafından bildirilen MIME türünü, bayt boyutunu, son değiştirilme zamanını ve yerelde çözülebilen boyutları gösterecektir.
Önizleme oluşturulmaz. Yerel meta veriler incelemenize yardımcı oluyorsa bir görüntü seçin.
Bir sonraki adımı yapın bilinen adım.
- Yerel bir görüntü seçin. Tarayıcı yalnızca bellekte adını, MIME türünü, bayt boyutunu, son değiştirilme zaman damgasını ve—çözülebildiğinde—piksel boyutlarını okur.
- Boyutları planlanan render genişliği ve cihaz yoğunluğuyla ilişkilendirin; ardından sayfanın birden çok görüntü adayı veya görsel yönlendirme (art direction) gerektirip gerektirmediğine karar verin.
- İşaretleme bağlamını gözden geçirin: anlamlı alternatif metin, uygun yerlerde beyan edilen boyutlar, duyarlı kaynak seçimi ve yükleme önceliği ayrı kararlardır.
- Orijinal kaynak varlığı ekip tarafından belirlenmiş varlık ve lisanslama süreçleri altında saklayın. Bu sayfa türetilmiş dosya oluşturmaz.
Onaylanmış tarayıcı ve performans araçlarıyla hedef kırılma noktalarında render edilmiş sayfayı inceleyin.
Görüntü alternatif metnini ve gerçek duyarlı işaretlemeyi kod incelemesinde doğrulayın.
İyileştirme iddiasında bulunmadan önce teslimatı gerçek ortamda ölçün.
Kaynak notları, ödünç alınmış kesinlik değil.
Planlama temeli: web.dev responsive-image guidance and MDN File API documentation
- web.dev — Responsive images ↗web.dev, görüntü baytlarının önemli olabileceğini açıklar ve uygun kullanım durumları için responsive adayları, srcset, sizes ve picture öğelerini anlatır.
- MDN — Using files from web applications ↗MDN, kullanıcı tarafından seçilen File nesnelerini ve yerel olarak erişilebilir ad, tür ve boyut meta verilerini belgelendirir.
Yazarlık: SIU Enablement editoryal taslağı; kaynakla sınırlı operasyonel rehberlik. İnceleyen: Tasarım, erişilebilirlik, performans ve hak sahipleri görüntüleri teslimat bağlamında inceler. Yeniden doğrula: Yerleşim, duyarlı kurallar, kaynak varlık veya teslimat sağlayıcısı değiştiğinde yeniden doğrulayın.