Kirim
kandidat gambar yang tepat.
Sebuah pemeriksaan pribadi di browser untuk meninjau metadata dasar gambar bersama pertanyaan pengiriman. Halaman ini tidak mengunggah, menyimpan, mengoptimalkan, atau memeriksa berkas selain metadata dan dimensi lokal.
GUNAKAN UNTUK: Gunakan untuk mempersiapkan diskusi tentang penempatan gambar, kandidat responsif, teks alternatif yang aksesibel, dan kompromi pengiriman.
Periksa titik awal.
Pilih gambar lokal untuk melihat metadata dasar yang dilaporkan browser dan dimensinya. SIU tidak mengunggah, mengirim, mempertahankan, mengoptimalkan, atau menyimpan berkas yang dipilih.
PILIH GAMBAR LOKAL — Tidak ada gambar yang dipilih. Tidak ada yang diunggah atau disimpan.
Tidak ada yang keluar dari sini.
Gambar yang dipilih akan menampilkan nama, tipe MIME yang dilaporkan browser, ukuran byte, waktu terakhir diubah, dan dimensi lokal yang dapat didekode.
Tidak ada pratinjau yang dihasilkan. Pilih gambar hanya jika metadata lokal berguna untuk tinjauan Anda.
Kerjakan langkah yang diketahui.
- Pilih satu gambar lokal. Browser membaca nama, tipe MIME, ukuran byte, cap waktu terakhir diubah, dan—jika dapat didekode—dimensi piksel hanya di memori.
- Relasikan dimensi terhadap lebar render yang dimaksudkan dan kepadatan perangkat; lalu tentukan apakah halaman membutuhkan beberapa kandidat gambar atau art direction.
- Tinjau konteks markup: teks alternatif bermakna, deklarasi dimensi bila sesuai, pemilihan sumber responsif, dan prioritas pemuatan adalah keputusan terpisah.
- Simpan sumber aset asli sesuai proses aset dan lisensi yang telah ditetapkan tim. Halaman ini tidak membuat berkas turunan.
Periksa halaman yang dirender pada breakpoint yang dimaksudkan menggunakan browser dan alat performa yang disetujui tim.
Konfirmasi teks alternatif gambar dan markup responsif yang sebenarnya dalam code review.
Ukur pengiriman di lingkungan nyata sebelum menyatakan adanya peningkatan.
Catatan sumber, bukan kepastian pinjaman.
Dasar perencanaan: panduan gambar responsif web.dev dan dokumentasi MDN File API
- web.dev — Responsive images ↗web.dev menjelaskan bahwa ukuran byte gambar bisa signifikan dan menguraikan kandidat responsif, srcset, sizes, dan picture untuk kasus penggunaan yang sesuai.
- MDN — Using files from web applications ↗MDN mendokumentasikan objek File yang dipilih pengguna serta metadata nama, tipe, dan ukuran yang tersedia secara lokal.
Penulisan: Draf editorial SIU Enablement; panduan operasional berbasis sumber. Ditinjau oleh: Pemilik desain, aksesibilitas, performa, dan hak meninjau gambar dalam konteks pengirimannya. Validasi ulang: Validasi ulang saat penempatan, aturan responsif, sumber aset, atau penyedia pengiriman berubah.