Kompresi gambar untuk situs web: lebih ringan tanpa mengorbankan foto
Pilih resolusi, kualitas, dan format gambar untuk memperkecil ukuran foto di halaman web tanpa mengaburkan teks dan batas.

Halaman resep membutuhkan waktu untuk dibuka karena setiap foto dikirim langsung dari kamera, dengan berat beberapa megabyte. Pembaca hanya perlu melihat makanan dengan jelas di lebar ponsel. Mengurangi bobot file dapat mengubah pengalaman, selama kompresi dilakukan dengan kriteria.
Dimensi didahulukan sebelum persentase kualitas
Jika gambar menempati 800 piksel pada halaman, tidak ada alasan untuk selalu mempublikasikan versi 6000 piksel. Mengubah ukuran terlebih dahulu sering kali lebih mengurangi kualitas daripada mengencangkan secara agresif. MenggunakanKompres gambaruntuk mencobanya dan mengamati dimensi dan berat akhirnya.
JPEG dan WebP berfungsi dengan baik pada foto; PNG cenderung lebih masuk akal dalam grafik atau gambar dengan transparansi. Pilihannya tergantung pada konten dan kompatibilitas yang dibutuhkan. Gambar dengan jumlah kecil mungkin terlihat buruk pada tingkat kompresi yang dapat diterima untuk lanskap.
Pengujian harus dilakukan di tempat gambar muncul

Bandingkan dokumen asli dan yang dikompresi dalam ukuran penuh di halaman, pada layar terang dan gelap jika relevan. Lihat wajah, batas produk, gradien, dan huruf sebaris. Cacat yang paling umum adalah blok yang terlihat, kontur ganda, dan bintik-bintik di area yang seragam.
Nama, versi dan tanggung jawab
Gunakan nama file deskriptif, sepertikue-coklat-iris.webp, dan teks alternatif yang menjelaskan konten bagi mereka yang tidak dapat melihat foto tersebut. Simpan versi aslinya di perpustakaan Anda. Jika Anda mempublikasikan banyak gambar, standarkan lebarnya dan bandingkan pemuatan pada koneksi yang lambat. Mengompresi dengan baik adalah menemukan versi terkecil yang tetap menyenangkan dan dapat dimengerti.
Berat halaman adalah jumlah gambar
Sebuah foto dikurangi dari 3 MB menjadi 280 KB mewakili penghematan yang penting, namun galeri dengan dua puluh gambar sebesar ini masih memerlukan beberapa megabyte. Lihat kumpulannya: ukuran sampul, thumbnail, gambar artikel, dan versi untuk layar lebih besar. Memposting foto berukuran besar yang sama di setiap ruang akan membuang-buang data pengunjung. Jika platform mendukung gambar responsif, berikan versi yang sebanding dengan ukuran tampilan.
Hindari juga kompresi berturut-turut selama pengeditan. Jika seseorang menyimpan JPEG yang sudah diperkecil dan editor berikutnya mengompresnya lagi, kerugiannya akan terakumulasi. Simpan salinan foto asli yang berkualitas, dengan nama dan organisasi yang memungkinkan Anda menemukannya beberapa bulan kemudian. Dengan cara ini Anda dapat menghasilkan ukuran baru seiring perubahan tata letak, tanpa bergantung pada file yang telah kehilangan detailnya.
Baca juga
- Hapus latar belakang foto produk tanpa menghapus tepi dan detailnya
- Cara menghapus latar belakang dari gambar dan meningkatkan pemangkasan tepi
- PNG, JPG atau WebP: format mana yang digunakan dalam setiap situasi?
Referensi teknis: format gambar, kompresi dan transparansi (MDN).