Cara Mengompresi Gambar hingga Di Bawah 200KB (Web dan Email)

Terakhir diperbarui: 27 Juni 2026

200KB adalah target yang bagus — sebagian besar gambar web hero dan lampiran email dapat muat dengan nyaman di bawahnya. Metode yang andal sama dengan target yang lebih ketat: ubah ukuran ke ukuran tampilan terlebih dahulu, lalu enkode ke WebP atau JPEG. Panduan ini menunjukkan jalur dengan ukuran file sebenarnya yang saya ukur pada satu foto sumber 597 KB.

Jawaban cepat: bagaimana cara mengompres gambar hingga di bawah 200KB?

Ubah ukuran gambar ke lebar tampilannya (umumnya 1600–1920 piksel untuk pahlawan), lalu enkode sebagai WebP. Pada foto pengujian, mengubah ukuran menjadi 1600px dan mengkodekan WebP pada kualitas 75 menghasilkan file 159 KB — di bawah 200KB tanpa kehilangan kualitas yang terlihat pada ukuran tampilan normal.

Untuk alasan format di balik angka-angka ini, lihat perbandingan AVIF vs WebP vs JPEG.

Mengapa pengkodean ulang JPEG hampir tidak membantu

Poin halus namun penting: mengkode ulang JPEG yang sudah dikompresi dengan kualitas yang sama dapat menghasilkan file yang lebih besar, bukan lebih kecil. Sumber pengujian adalah JPEG 597 KB; pengodean ulang pada kualitas 85 menghasilkan 637 KB, karena pembuat enkode menerapkan kembali kompresi ke data yang sudah diartikulasikan tanpa menghapus artefak asli.

Pengurangan ukuran hampir seluruhnya berasal dari pengubahan ukuran, dengan WebP menambahkan penghematan lebih lanjut:

Ini adalah pelajaran yang sama dengan panduan mengubah ukuran batch: mengubah ukuran sebelum mengompresi, dan mengganti format untuk penghematan ekstra.

Metode 1: Kompresor browser

Untuk satu gambar, gunakan Imagic AI Image Compressor: unggah, ubah ukuran ke lebar tampilan (1600–1920 piksel untuk pahlawan), pilih WebP, atur kualitas sekitar 75, dan unduh setelah ukuran yang dilaporkan di bawah 200KB. Untuk kontrol visual yang tepat, Squoosh menunjukkan ukuran output secara langsung.

Metode 2: WebP pada baris perintah

WebP mencapai target 200KB dengan kualitas lebih tinggi daripada JPEG, sehingga merupakan default yang tepat untuk web.

## Resize to 1600px wide, encode WebP at quality 75
cwebp -q 75 -resize 1600 0 input.jpg -o hero.webp

Untuk folder gambar, tulis ke folder keluaran:

mkdir -p out
for f in *.jpg; do cwebp -q 75 -resize 1600 0 "$f" -o "out/${f%.jpg}.webp"; done

Metode 3: Python dengan jaminan ukuran

Jika batas 200KB diterapkan (beberapa klien email dan unggahan CMS), turunkan kualitas hingga file pas, ubah ukurannya terlebih dahulu:

from PIL import Image
from pathlib import Path

def to_under_target(src: Path, dest: Path, target_kb: int = 200, width: int = 1600):
    with Image.open(src) as img:
        if img.width > width:
            ratio = width / img.width
            img = img.resize((width, int(img.height * ratio)), Image.LANCZOS)
        quality = 85
        while quality >= 30:
            img.save(dest, "WebP", quality=quality)
            if dest.stat().st_size <= target_kb * 1024:
                return dest.stat().st_size / 1024
            quality -= 5
    return dest.stat().st_size / 1024

print(to_under_target(Path("photo.jpg"), Path("out.webp"), target_kb=200))

Bagaimana pengaruh gambar 200KB terhadap kecepatan halaman?

Satu hero berukuran 200 KB sudah sesuai dengan anggaran Core Web Vitals untuk Largest Contentful Paint (LCP), itulah sebabnya 200 KB merupakan batasan informal yang umum untuk gambar hero. Risikonya bukan pada satu gambar, melainkan keseluruhan: postingan blog dengan delapan gambar sebaris berukuran 200 KB sama dengan gambar berukuran 1,6 MB, yang pada koneksi seluler mendominasi waktu buka. Aturan praktisnya adalah menjaga pahlawan LCP di bawah 200KB dan mendorong gambar paruh bawah menjadi lebih kecil (lihat panduan di bawah 100KB dan di bawah 50KB untuk target yang lebih ketat).

Email adalah batasan yang berbeda. Klien email sering kali memblokir gambar eksternal hingga pengguna mengkliknya, dan beberapa di antaranya mengompres ulang atau mengabaikan WebP. Untuk email, JPEG pada ukuran target adalah format yang aman, dan 200KB membuat pesan cepat diunduh melalui seluler — penting karena banyak penerima membuka email di ponsel. Panduan Data Web Inti Google mencakup sisi LCP; rendering email diatur oleh kebiasaan masing-masing klien, jadi ujilah beberapa klien sebelum mengirim.

Bagaimana jika Anda tidak bisa mendapatkan di bawah 200KB?

Jika izin pengubahan ukuran dan WebP masih berukuran di atas 200 KB, sumbernya sangat detail atau besar. Selesaikan ini secara berurutan:

• Ubah ukuran lebih kecil. Menurunkan ukuran dari 1920 piksel ke 1600 piksel atau 1200 piksel sering kali menghilangkan 30–50 KB terakhir tanpa ada kehilangan yang terlihat pada jarak pandang normal.
• Turunkan kualitas WebP menjadi 65. Di bawahnya, artefak mulai terlihat pada gradien dan kulit halus.
• Beralih ke AVIF, yang 20–30% lebih kecil dari WebP dengan kualitas yang setara — namun hanya berfungsi untuk browser modern, jadi pertahankan fallback WebP dan JPEG.
• Terima file berukuran lebih dari 200KB jika gambar adalah kualitas cetak terbaik yang mengutamakan detail daripada target byte. Tidak setiap gambar harus mencapai angka yang sama.

Foto lanskap 6000 piksel dengan dedaunan halus mungkin tidak dapat dikompres hingga 200 KB tanpa kehilangan yang terlihat. Dalam hal ini, jawaban jujurnya adalah mengubah ukurannya ke ukuran tampilan sebenarnya, yang hampir selalu lebih kecil dari yang Anda kira.

Lebar pengubahan ukuran mana yang harus Anda pilih?

Ukuran tampilan. 200KB cukup besar, sehingga Anda dapat menyimpan lebih banyak piksel dibandingkan target yang lebih ketat:

Ekspor sekitar 1,5–2× lebar layar untuk ketajaman DPI tinggi.

Kesalahan umum

• Mengkodekan ulang JPEG yang sudah dikompresi. File sering kali bertambah. Ubah ukuran + alihkan format.
• Melewatkan pengubahan ukuran. Foto 4000 piksel pada JPEG q60 tetap merupakan unduhan 4000 piksel.
• Lupa klien email. Beberapa menghapus WebP; untuk email, JPEG pada ukuran target adalah pilihan yang aman.
• Menyimpan EXIF. Hapus metadata untuk web/email — ini adalah sebagian kecil dari file berukuran 200 KB.

Daftar periksa pra-ekspor akhir

• Ubah ukuran file kamera berukuran besar sebelum menyentuh penggeser kualitas.
• Gunakan WebP untuk pengiriman web dan JPEG untuk kompatibilitas email.
• Pertahankan gambar pahlawan mendekati lebar sebenarnya yang dirender.
• Hapus metadata kecuali alur kerja memerlukan EXIF.
• Buka kembali file yang diekspor dan konfirmasikan ukurannya di bawah 200KB.

Pertanyaan yang sering diajukan

Apakah 200KB cukup kecil untuk web hero?

Biasanya. Pahlawan WebP 1600–1920 piksel pada q70–75 biasanya berukuran 150–200 KB dan terlihat tajam. Jika hero Anda lebih besar, ubah ukurannya menjadi lebih kecil atau turunkan kualitasnya menjadi 65.

JPEG atau WebP untuk target 200KB?

WebP untuk halaman web (lebih kecil dengan kualitas yang sama); JPEG untuk email, dimana dukungan klien lebih luas. Simpan cadangan JPEG di <picture> untuk kasus web.

Dapatkah saya mengirim gambar berukuran 200KB melalui email?

Ya — sebagian besar klien email menerima gambar sebaris hingga ~1MB. 200KB nyaman dan membuat pesan cepat dimuat.

Bagaimana cara mendapatkan gambar di bawah 200KB?

Ubah ukuran ke dimensi tampilan terlebih dahulu (penghematan byte terbesar), lalu konversi ke WebP dan kompres dengan kualitas 80. Jika masih di atas 200KB, kurangi dimensi lebih lanjut. Mengkode ulang JPEG dengan kualitas lebih rendah saja tidak membantu karena jumlah piksel tidak berubah — ubah ukurannya terlebih dahulu, lalu kompres.

Apakah mengubah ukuran atau mengompresi akan menghemat lebih banyak byte?

Mengubah ukuran, dengan margin yang lebar. Menghapus piksel akan memotong data yang disimpan oleh pembuat enkode; menurunkan kualitas hanya akan menekan setiap piksel lebih keras. Foto 4000 piksel dengan kualitas 70 masih bisa berukuran lebih dari 200 KB, sedangkan foto yang sama diubah ukurannya menjadi 1200 piksel dengan kualitas 80 berada jauh di bawah. Selalu ubah ukuran ke dimensi tampilan terlebih dahulu.

Apakah 200KB cukup kecil untuk web?

Untuk satu gambar konten, ya — gambar tersebut dimuat dengan cepat dan menjaga halaman tetap ringan. Gambar pahlawan di bawah 200KB menjaga LCP tetap sehat. Untuk halaman dengan banyak gambar, simpan masing-masing gambar dalam ukuran kecil dan muat dengan lambat gambar di paro bawah. Lihat panduan kecepatan web.

Apakah WebP mengalahkan JPEG pada 200KB?

Ya — WebP berukuran 25 hingga 35 persen lebih kecil dengan kualitas yang sama, sehingga mencapai 200KB dengan kualitas lebih tinggi daripada JPEG. Gunakan WebP untuk pengiriman web dan pertahankan JPEG hanya sebagai cadangan, disajikan melalui elemen <picture> sehingga browser dapat memilih.

Mengapa kompresi kualitas saja hampir tidak membantu?

Karena menurunkan kualitas akan menyusutkan byte per piksel, tetapi jika piksel terlalu banyak, kualitas 70 pun tetap melebihi target. Mengubah ukuran menghilangkan piksel seluruhnya, yang merupakan penghematan yang jauh lebih besar. Selalu ubah ukuran ke dimensi tampilan terlebih dahulu, lalu kompres — urutannya adalah faktor terbesar pada ukuran file akhir.

Kredit gambar

• Perbandingan jalur kompresi, sebelum/sesudah, dan bagan ukuran — dibuat oleh penulis dari foto lanskap (Pexels #1287145, foto oleh eberhard grossgasteiger) untuk menampilkan ukuran file terukur sebenarnya untuk target 200KB.