Peramban web modern dan sistem manajemen konten mengoptimalkan gambar untuk ditampilkan dalam pengaturan apa pun. Namun, sebaiknya siapkan gambar yang dioptimalkan untuk setiap faktor bentuk dan lokasi yang memungkinkan munculnya gambar. Fokus pada tiga hal: resolusi gambar, ukuran, dan ruang warna.
Ruang Warna dalam Gambar
Desainer grafis mengandalkan dua ruang warna primer. Ruang warna adalah metode penggabungan warna primer untuk membentuk pelangi warna yang kompleks.
Gunakan mode RGB saat menyiapkan gambar untuk perangkat seluler. Tampilan pada monitor komputer dan smartphone mengandalkan kombinasi piksel merah, biru, dan hijau. Gambar RGB ini dioptimalkan untuk mereproduksi warna yang diinginkan secara akurat di layar.
Untuk mencetak, desainer menggunakan proses empat warna, di mana setiap warna disuling menjadi kombinasi cyan, magenta, kuning, dan hitam. Terkadang gambar empat warna disebut sebagai gambar CMYK karena alasan ini.
Resolusi Gambar
Gambar, terutama di platform seluler, harus berukuran sekecil mungkin untuk menyeimbangkan kualitas dengan kecepatan unduhan di jaringan seluler dan ukuran file dengan batas data seluler.
Sebagian besar program, termasuk aplikasi Adobe Creative Cloud, mendukung alat Ekspor untuk Web yang menampilkan gambar dalam berbagai kombinasi resolusi dan kompresi. Pilih gambar dengan kualitas terbaik dengan ukuran total terendah.
Ukuran Gambar dalam Piksel
Setiap gambar harus berukuran untuk tujuan yang dimaksudkan. Berikut adalah beberapa contoh ukuran gambar untuk penggunaan web populer:
- Iklan spanduk internet sering kali berukuran 468 x 60 piksel.
- Gambar sampul Facebook harus berukuran 851 piksel kali 315 piksel.
- Foto profil Twitter harus berukuran 400 piksel kali 400 piksel.
- Gambar untuk tautan bersama harus berukuran 1200 piksel kali 630 piksel.
Saat Anda bekerja dengan foto untuk tujuan tertentu, periksa tempat di mana foto itu akan muncul (seperti situs media sosial atau blog) untuk memverifikasi dimensi gambar yang optimal dan kemudian ukurannya sesuai untuk menghindari peregangan atau pemangkasan gambar.
Untuk menghindari pikselasi, bidik ukuran tampilan yang sebenarnya. Meskipun gambar memiliki dimensi yang benar, jika ukurannya tidak benar, produk yang dihasilkan mungkin terlihat berpiksel jika gambar harus ditingkatkan untuk memenuhi ruang yang tersedia.
Tentang Gambar Vektor
Gambar vektor-gambar yang dihitung dan digambar oleh perangkat–biasanya lebih efisien dan berkualitas lebih tinggi daripada gambar raster (gambar yang digambar satu piksel dalam satu waktu) karena dapat diperbesar dan diperkecil tanpa memengaruhi kualitas gambar. Untuk logo sederhana, seni garis, dan grafik, versi vektor sangat ideal. Format vektor tidak digunakan untuk foto.