Lewati ke konten
Artikel / Media Digital ± 4 MENIT BACA
Gambar yang jernih, halaman yang ringan
Mengapa format, ukuran, transparansi, dan teks alternatif sama-sama penting.
Mulai dari ruang yang tersedia
Sebuah gambar raster tersusun dari piksel. File yang sangat besar tidak selalu membuat tampilan kecil lebih baik. Pilih dimensi yang sesuai kebutuhan tampilan, lalu periksa ketajaman pada perangkat yang berbeda.
Lebar dan tinggi gambar juga membantu browser menyediakan ruang sebelum gambar selesai dimuat. Dengan begitu, paragraf yang sedang dibaca tidak tiba-tiba bergeser saat ilustrasi muncul.
Format adalah pilihan, bukan perlombaan
Kompresi mengecilkan representasi data. Cara lossless mempertahankan data gambar yang dapat dipulihkan; cara lossy mengorbankan sebagian informasi. Periksa tepi, teks kecil, dan area detail sebelum menganggap ukuran file lebih kecil pasti lebih baik.
PNG mendukung kompresi lossless dan transparansi. JPEG umum dipakai untuk foto dengan kompresi lossy. WebP mendukung mode lossy maupun lossless serta kanal alpha. Pilihan terbaik tetap bergantung pada jenis gambar dan kebutuhan penggunaannya.
Biarkan latar menjadi bagian komposisi
Transparansi memungkinkan latar halaman terlihat melalui gambar. Itulah sebabnya ilustrasi Lucia dapat berada di atas tema gelap atau terang tanpa kotak putih. Area alpha yang lembut juga dapat menghasilkan tepi yang membaur.
Jangan menilai gambar transparan hanya di satu warna latar. Tepi yang terlihat bersih di atas putih bisa mempunyai halo di atas hitam. Pratinjau pada kedua tema adalah bagian dari memilih aset, bukan sekadar sentuhan akhir.
Sampaikan makna, bukan hanya piksel
Di dalam HTML, atribut teks alternatif menjelaskan fungsi atau makna gambar. Diagram penting memerlukan penjelasan yang memadai; ornamen murni biasanya memakai alt kosong agar tidak mengganggu pembaca layar.
Sebelum menambahkan ilustrasi, tanyakan apa yang dibantu oleh gambar itu. Bila gambar menyampaikan informasi yang tidak muncul di teks, sediakan padanannya. Bila gambar hanya menguatkan suasana, jangan membuat pembaca harus mendengarkan deskripsi dekorasi yang panjang.
COBA PAHAMI