Cara mengubah ukuran dan memotong gambar untuk web

Mengubah ukuran dan memotong terdengar sama, tetapi menyelesaikan masalah berbeda — dan menggunakannya dengan baik sering kali kemenangan kecepatan yang lebih besar daripada kompresi saja. Panduan ini menjelaskan perbedaannya, mengapa gambar kebesaran merugikan, dan cara mengukur gambar dengan benar untuk web.

Mengubah ukuran vs. memotong

• Mengubah ukuran (Resizing) mengubah dimensi seluruh gambar, mempertahankan semuanya — Anda memperbesar atau memperkecilnya.
• Memotong (Cropping) memangkas sebagian gambar untuk mempertahankan hanya satu area — Anda mengubah apa yang ada dalam bingkai, bukan sekadar ukurannya.

Foto profil contoh yang baik: Anda memotong menjadi persegi di sekitar wajah, lalu mengubah ukuran persegi itu turun ke ukuran tampilan.

Mengapa gambar kebesaran memperlambat halaman

Foto langsung dari ponsel bisa selebar 4.000 piksel. Jika ditampilkan dalam kolom selebar 800 piksel, peramban mengunduh piksel lima kali lebih banyak dari yang bisa ditampilkan, lalu menyusutkannya secara langsung. Itu bandwidth yang terbuang dan halaman yang lebih lambat demi nol manfaat visual. Mengubah ukuran gambar kira-kira ke ukuran saat ditampilkan sering kali penghematan ukuran berkas terbesar yang tersedia — kerap lebih besar daripada kompresi.

Jaga rasio aspek

Rasio aspek (aspect ratio) adalah perbandingan lebar terhadap tinggi. Ubah kedua dimensi dengan faktor yang sama dan gambar tetap tak terdistorsi; ubah salah satu saja dan ia meregang atau memipih. Kebanyakan alat “mengunci” rasio secara default — biarkan terkunci kecuali Anda memang ingin mendistorsi. Jika butuh bentuk berbeda (misalnya banner lebar dari foto tinggi), potong ke rasio baru alih-alih meregangkan.

Seberapa besar seharusnya gambar?

• Cocokkan lebar gambar dengan ruang yang diisinya — ukur kontainernya.
• Untuk tampilan tajam di layar kepadatan tinggi (Retina), ekspor sekitar 2× ukuran tampilan, lalu kompres.
• Jangan memperbesar — memperbesar gambar kecil hanya menambah keburaman; ia tak bisa mengarang detail.

Menyatukannya

Urutan operasi yang baik adalah potong → ubah ukuran → kompres. Pengubah ukuran gambar menangani pemotongan dan pengubahan ukuran dalam satu jalan dengan rasio aspek terkunci, lalu serahkan ke pengompres gambar untuk menurunkan ukuran berkas. Baca panduan kompresi untuk seberapa jauh mendorong kualitas, dan format gambar dijelaskan untuk memilih format yang tepat lebih dulu.