Peramban web modern dan sistem pengelolaan 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.
Gambar Alexander Spatari / Getty
Ruang Warna dalam Gambar
Desainer grafis mengandalkan dua ruang warna primer. Ruang warna adalah metode penggabungan warna-warna primer untuk membentuk pelangi warna yang kompleks.
antonioiacobelli / Getty Images
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 secara akurat mereproduksi warna yang diinginkan pada layar.
Untuk cetakan, desainer menggunakan proses empat warna, di mana setiap warna disaring menjadi kombinasi cyan, magenta, kuning, dan hitam. Terkadang gambar empat warna disebut sebagai gambar CMYK karena alasan ini.
Resolusi gambar
Gambar, terutama pada platform seluler, harus berukuran sekecil mungkin untuk menyeimbangkan kualitas dengan kecepatan pengunduhan di jaringan seluler dan ukuran file dengan batasan 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 beberapa contoh ukuran gambar untuk penggunaan web populer:
- Iklan spanduk internet seringkali berukuran 468 piksel kali 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 sesuaikan ukuran untuk menghindari peregangan atau pemotongan gambar.
Untuk menghindari pikselasi, arahkan ke ukuran tampilan yang sebenarnya. Meskipun dimensi gambar sudah benar, jika ukurannya tidak tepat, produk yang dihasilkan mungkin terlihat terpikselasi jika gambar harus diperbesar 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 diambil 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.