Kurangi ukuran gambar sehingga foto akan dimuat lebih cepat di halaman web
Gambar yang terlalu besar tidak akan dimuat dengan cepat di halaman web, dan pengguna lebih cenderung meninggalkan halaman Anda jika gambar tidak dimuat. Tapi bagaimana Anda membuat gambar lebih kecil tanpa kehilangan detail? Artikel ini menuntun Anda melalui proses.
Cara Mengurangi Ukuran Gambar
Sebelum mengubah ukuran gambar Anda untuk web, Anda perlu memotong gambar untuk menghapus bagian gambar yang tidak perlu. Setelah pemangkasan, Anda dapat mengubah dimensi piksel keseluruhan agar menjadi lebih kecil.
Semua perangkat lunak pengedit foto akan memiliki perintah untuk mengubah dimensi piksel suatu gambar. Carilah perintah yang disebut Ukuran Gambar , Resize , atau Resample . Ketika Anda menggunakan salah satu dari perintah ini Anda akan disajikan dengan kotak dialog untuk memasukkan piksel persis yang ingin Anda gunakan. Pilihan lain yang mungkin Anda temukan dalam dialog adalah:
- Contoh: Jika gambar diambil dengan DSLR, peluangnya cukup bagus sehingga memiliki resolusi 300 piksel per inci (ppi). Jika ini kasusnya, kurangi nilainya menjadi 72 atau 100 dan dimensi fisik gambar juga akan berkurang. Anda tidak pernah meningkatkan nilai saat menggunakan gambar di web.
- Batasi proporsi atau pertahankan rasio aspek: Anda ingin opsi ini diaktifkan. Di Photoshop klik opsi untuk menghubungkan nilai lebar dan tinggi . Ini mencegah gambar menjadi membentang dan terdistorsi. Ketika opsi ini diaktifkan, Anda hanya perlu memasukkan satu nilai - tinggi atau lebar - dan nilai lainnya akan menyesuaikan secara otomatis.
- Ubah nilai resolusi: Sebelum mengubah lebar dan tinggi nilai, ubah resolusi ke angka yang lebih rendah - disebut downsampling. Ini juga mengurangi nilai lebar dan tinggi, sehingga mengubah nilai tersebut sebelum downsampling dapat membuat gambar lebih kecil dari yang Anda inginkan.
Format File adalah Kunci
Gambar online biasanya dalam format .jpg atau .png . Format .png sedikit lebih akurat daripada format .jpg tetapi file .png juga cenderung memiliki ukuran file yang sedikit lebih tinggi. Jika gambar mengandung transparansi maka Anda perlu menggunakan format .png dan pastikan Anda memilih opsi Transparansi .
Gambar JPG dianggap sebagai lossy. Penjelasan longgar adalah bahwa mereka sangat kecil karena area warna yang berdekatan dikelompokkan ke dalam satu area yang mengurangi kebutuhan untuk mengingat warna setiap piksel dalam gambar. Jumlah kompresi ditentukan melalui penggunaan Slider Kualitas di Photoshop. Nilai berkisar antara 0 dan 12 yang berarti semakin rendah angkanya, semakin rendah ukuran file dan semakin banyak informasi yang hilang. Nilai 8 atau 9 adalah umum untuk gambar yang ditujukan untuk web.
Jika Anda adalah pengguna Sketch 3, Anda dapat mengatur Kualitas ketika Anda mengklik tombol Ekspor di panel Properti . Anda akan disajikan dengan slider Kualitas yang berkisar dari 0 hingga 100%. Nilai Kualitas umum adalah 80%.
Ketika memilih tingkat kompresi, jaga kualitas dalam rentang menengah hingga tinggi untuk menghindari artefak kompresi.
Jangan recompress gambar jpg. Jika Anda telah menerima gambar jpg yang sudah dikompres, tetapkan kualitasnya ke 12 di Photoshop atau 100% di Sketch 3.
Jika gambarnya kecil atau mengandung warna solid, pertimbangkan untuk menggunakan gambar GIF. Ini sangat berguna untuk logo atau grafik warna tunggal yang tidak memiliki nuansa warna. Keuntungannya di sini adalah kemampuan untuk mengurangi jumlah warna dalam palet warna yang memiliki pengaruh besar pada ukuran file.
Jangan Resize dan Timpa File Asli Anda!
Setelah mengatur ukuran gambar, pastikan untuk melakukan Save As agar Anda tidak menimpa file asli, resolusi tinggi Anda. berikut beberapa kiatnya:
- Anda ingin memotret untuk ukuran file 50 hingga 250 KB per gambar. Pergi kecil jika Anda akan meletakkan beberapa file di halaman yang sama atau mengirim mereka dalam satu email.
- Cobalah untuk tidak melebihi 1000 KB per halaman Web untuk total semua gambar.
Ini mungkin terdengar seperti proses yang memakan waktu, terutama jika Anda memiliki banyak foto untuk dibagikan, tetapi untungnya, sebagian besar perangkat lunak saat ini telah mempermudah ukuran dan memampatkan banyak foto dengan sangat cepat. Sebagian besar manajemen gambar dan beberapa perangkat lunak pengeditan foto memiliki perintah "email foto" yang akan mengubah ukuran dan memadatkan gambar untuk Anda. Beberapa perangkat lunak bahkan dapat mengubah ukuran, memampatkan, dan membuat galeri foto lengkap untuk diposkan di Web. Dan ada alat khusus untuk kedua tugas ini - banyak dari mereka perangkat lunak bebas.
Batch Mengubah Ukuran Gambar
Berikut ini beberapa sumber daya untuk digunakan jika Anda mengubah ukuran gambar dalam batch:
- Ubah Ukuran Beberapa File dengan Elemen Photoshop
- Ubah Ukuran Beberapa File Gambar dengan Picasa
- Cara Mengubah Ukuran Batch Gambar dengan XnView
- Batch Resizing & Cropping: Alat & Tip