Resolusi Gambar dan Mengapa Banner Responsif Lebih Efisien
Browser dapat memilih ukuran aset yang sesuai dengan layar tanpa harus selalu mengunduh gambar terbesar.
Browser dapat memilih ukuran aset yang sesuai dengan layar tanpa harus selalu mengunduh gambar terbesar.
Kenali kepadatan piksel
Dua ponsel dengan ukuran fisik sama mungkin membutuhkan resolusi gambar berbeda. Kepadatan layar menentukan ketajaman yang terlihat. Gambar raksasa tidak selalu memberi manfaat jika hanya ditampilkan sebagai ikon kecil.
Pahami gambar responsif
Atribut srcset dan sizes memungkinkan browser memilih file berdasarkan area tampilan dan kemampuan layar. Format modern seperti WebP sering menurunkan ukuran transfer. Namun, gambar cadangan tetap berguna bagi lingkungan yang tidak mendukung format tertentu.
Jaga proporsi asli
Poster persegi seharusnya tidak dipotong hanya agar memenuhi kotak yang lebih lebar. Pengaturan contain mempertahankan seluruh karya, termasuk tulisan pada tepi poster. Saat desain memerlukan foto penuh, tentukan rasio yang sesuai sejak awal.
Uji banner dari koneksi seluler untuk memeriksa keseimbangan kualitas dan kecepatan.