Lompati ke konten

PNG atau JPG? Pilih dalam 30 Detik

Empat pertanyaan yang selalu menyelesaikan masalah ini, tanpa perlu memahami teori kompresi atau membaca penjelasan lain tentang koefisien DCT.

Gunakan PNG untuk transparansi, tangkapan layar, logo, dan diagram. Gunakan JPG untuk foto. Kedua aturan ini menyelesaikan hampir setiap kasus, dan Anda jarang perlu memikirkan keputusan tersebut lebih dari beberapa detik.

Periksa daftar di bawah ini dan berhentilah pada jawaban ya yang pertama. Jika tidak ada pertanyaan yang berlaku, jawaban jujur di tahun 2026 adalah menggunakan WebP, yang menangani kedua jenis gambar tersebut dengan lebih baik daripada kedua format lama.

4 pertanyaan yang menentukannya

  • Apakah memerlukan latar belakang transparan? Gunakan PNG.
  • Apakah itu tangkapan layar, logo, diagram, atau apa pun dengan tepi tajam dan warna datar? Gunakan PNG.
  • Apakah itu foto? Gunakan JPEG.
  • Apakah gambar tersebut akan diedit dan disimpan ulang berulang kali? Gunakan PNG, karena JPEG kehilangan sedikit kualitas setiap kali disimpan.

Mengapa kedua format berperilaku berbeda

PNG menyimpan setiap piksel secara tepat, sedangkan JPEG membuang detail yang kemungkinan besar tidak akan disadari oleh mata. Perbedaan tunggal itu menjelaskan setiap rekomendasi dalam artikel ini.

Kompresi PNG menemukan pengulangan dan menjelaskannya secara efisien, yang bekerja sangat baik pada warna datar dan buruk pada noise foto. Kompresi JPEG memecah gambar menjadi blok-blok dan menyederhanakan detail di dalam masing-masing blok, yang bekerja sangat baik pada perubahan foto yang bertahap dan buruk pada tepi yang tajam. Masing-masing format sangat efisien pada konten yang justru tidak dapat ditangani dengan baik oleh format lainnya.

Apa yang terjadi jika Anda salah memilih

Foto yang disimpan sebagai PNG menjadi 3 hingga 5 kali lebih besar dari yang diperlukan, dan tangkapan layar yang disimpan sebagai JPEG memunculkan halo yang terlihat di sekitar teks. Kedua kesalahan ini umum terjadi dan keduanya mudah terlihat.

Jenis gambarSebagai PNGSebagai JPEG kualitas 85Pilihan yang benar
Foto, 12 megapiksel18 MB2.4 MBJPEG
Tangkapan layar dengan teks180 KB240 KB dan teks buramPNG
Logo dengan transparansi40 KBTransparansi hilangPNG
Bagan atau diagram90 KB150 KB dengan haloPNG
Foto hasil pemindaian12 MB1.8 MBJPEG

Baris tangkapan layar adalah yang paling mengejutkan orang. JPEG menghasilkan ukuran file yang lebih besar daripada PNG pada grafis datar dan sekaligus merusak teks, yang merupakan kombinasi terburuk yang mungkin terjadi.

Transparansi adalah aturan tanpa pengecualian

JPEG tidak memiliki saluran transparansi, sehingga latar belakang transparan menjadi putih pekat selama konversi. Tidak ada pengaturan kualitas yang dapat mengubah hal ini, karena format tersebut tidak memiliki tempat untuk merekam informasi tersebut.

Kegagalan ini muncul sebagai kotak putih di belakang logo yang ditempatkan pada halaman berwarna. Jika transparansi diperlukan, pilihannya adalah PNG atau WebP. WebP mendukung transparansi dan kompresi lossy secara bersamaan, yang merupakan satu-satunya hal yang tidak dapat dilakukan oleh kedua format lama, dan biasanya menghasilkan file 25 hingga 35 persen lebih kecil daripada setara PNG.

Mengapa kualitas JPEG menurun dengan penyimpanan berulang

Setiap penyimpanan JPEG membuang detail secara permanen, dan akumulasi kehilangan kualitas tersebut terus bertambah di setiap penyimpanan. Membuka JPEG, melakukan pengeditan kecil, dan menyimpannya kembali bukanlah operasi yang netral.

Setelah 5 atau 6 kali penyimpanan, kerusakan mulai terlihat sebagai efek kotak-kotak pada area yang mulus dan halo di sekitar tepi. PNG tidak pernah mengalami masalah ini, karena format ini membangun kembali gambar secara tepat setiap saat. Simpan file kerja sebagai PNG atau dalam format asli editor Anda, dan ekspor ke JPEG hanya sebagai salinan hasil akhir.

Tangkapan layar hampir selalu berupa PNG

Tangkapan layar berisi teks, tepi antarmuka, dan warna datar, yang merupakan konten yang disimpan secara efisien oleh PNG dan dirusak oleh JPEG. Teks adalah petunjuk utamanya, karena artefak JPEG di sekitar huruf sangat mudah dikenali.

Ada satu pengecualian. Tangkapan layar dari sebuah foto, bingkai video, atau game adalah konten foto dalam wadah tangkapan layar, dan JPEG menanganinya dengan benar. Nilailah berdasarkan apa yang ada di dalam gambar, bukan berdasarkan bagaimana file tersebut dibuat.

Pengaturan kualitas apa yang digunakan untuk JPEG

Gunakan kualitas 85 untuk penggunaan umum dan kualitas 75 untuk gambar web, karena perbedaan visual di antara keduanya kecil sedangkan perbedaan ukuran filenya besar. Kualitas 100 melipatgandakan ukuran file tanpa peningkatan visual yang berarti.

  • Kualitas 90 hingga 95 untuk arsip, pencetakan, dan foto yang akan Anda edit nanti.
  • Kualitas 80 hingga 85 untuk penggunaan umum, di mana penurunan kualitas tidak terlihat pada ukuran tampilan normal.
  • Kualitas 70 hingga 75 untuk halaman web, yang merupakan standar yang harus digunakan oleh sebagian besar situs.
  • Kualitas 50 hingga 65 hanya jika batas unggahan yang ketat memaksanya.
  • Kualitas 100 tidak untuk apa pun, karena JPEG tetap bersifat lossy bahkan pada pengaturan maksimumnya.

Cara memperkecil ukuran PNG yang terlalu besar

PNG tidak memiliki penggeser kualitas, jadi gunakan 4 pendekatan ini sebagai gantinya, secara berurutan berdasarkan efeknya.

  1. Kurangi dimensi gambar, yang tidak memerlukan biaya dan biasanya memberikan hasil terbesar. Tidak ada yang membutuhkan tangkapan layar berukuran 5000 piksel.
  2. Kurangi kedalaman warna, yang bekerja dengan baik pada grafis datar dan buruk pada foto.
  3. Pangkas area yang tidak digunakan, karena ruang kosong tetap memakan ukuran file.
  4. Konversikan ke WebP, yang mempertahankan transparansi dan biasanya menghasilkan ukuran 25 hingga 35 persen lebih kecil.

Kapan JPG diperlukan tanpa memedulikan kontennya

Portal pemerintah, formulir ujian, dan sebagian besar layanan cetak hanya menerima JPG, apa pun isi gambarnya. Aturan tentang konten harus mengalah pada aturan tentang tujuan pengiriman.

Dokumen hasil pemindaian adalah kasus yang rumit, karena halaman teks adalah konten grafis datar yang sebenarnya lebih baik disimpan oleh PNG, sementara portal meminta JPG. Pindai dalam skala abu-abu (greyscale), pertahankan resolusi mendekati 300 DPI, dan gunakan kualitas 85 atau lebih tinggi agar teks tetap terbaca. Hasilnya akan lebih besar daripada jika menggunakan PNG, tetapi file tersebut akan benar-benar dapat diunggah.

Apakah PNG benar-benar berarti kualitas yang lebih baik

PNG bersifat lossless, yang tidak sama dengan tampilan yang lebih bagus. Foto yang disimpan sebagai PNG terlihat identik dengan foto yang sama pada kualitas JPEG 90, sementara ukurannya 5 kali lebih besar.

Kebingungan ini berasal dari kata lossless, yang menjelaskan bagaimana file disimpan, bukan bagaimana gambar tersebut terlihat. Lossless penting ketika file akan diedit berulang kali atau ketika nilai piksel yang tepat diperlukan. Untuk foto yang diterbitkan sekali dan dilihat di layar, perbedaan tersebut tidak memiliki konsekuensi visual yang terlihat.

Di mana posisi WebP di antara keduanya

WebP menawarkan mode lossy untuk foto dan mode lossless untuk grafis, ditambah transparansi pada keduanya. Format ini menghilangkan kebutuhan untuk memilih dalam sebagian besar situasi web.

Setiap browser saat ini mendukung WebP, sehingga situs web tidak memiliki alasan untuk lebih memilih PNG atau JPEG berdasarkan alasan kompatibilitas. Pertahankan format lama untuk file yang keluar dari browser, termasuk formulir unggahan, lampiran email, press kit, dan apa pun yang dikirim ke printer, di mana dukungan WebP masih minim.

Mengonversi di antara kedua format

Mengonversi PNG ke JPG mengurangi ukuran file dan menghilangkan transparansi. Mengonversi JPG ke PNG meningkatkan ukuran file dan tidak memulihkan apa pun. Arah kedua adalah kesalahan yang sering dilakukan orang.

Detail yang sudah dibuang oleh kompresi JPEG tidak dapat dipulihkan dengan menyimpannya ke dalam format lossless. Mengonversi JPEG ke PNG menghasilkan file yang lebih besar yang berisi gambar rusak yang sama, yang terkadang berguna ketika suatu sistem meminta PNG dan tidak pernah berguna untuk kualitas. Konversikan dari sumber dengan kualitas tertinggi yang Anda miliki, bukan dari salinan hasil akhir.

Mengonversi satu folder sekaligus

Konversikan seluruh pustaka sekaligus, bukan file demi file, karena keputusan format biasanya berlaku untuk seluruh kategori gambar. Folder berisi tangkapan layar membutuhkan PNG, dan folder berisi foto produk membutuhkan JPG atau WebP.

Masukkan hingga 500 file sekaligus, atau seret arsip ZIP langsung ke dalam, dan setiap gambar akan dikonversi ke spesifikasi yang sama. Semuanya berjalan di dalam browser Anda menggunakan prosesor Anda sendiri, sehingga pekerjaan klien, desain yang belum dipublikasikan, dan tangkapan layar internal tidak pernah mencapai server. Tidak ada yang diunggah, yang berarti tidak ada kebijakan retensi yang perlu dibaca dan tidak ada yang disimpan di mana pun setelahnya.

Urutkan pustaka ke dalam kelompok foto dan grafis sebelum mengonversi, karena format yang benar berbeda di antara kedua kelompok tersebut. Langkah penyortiran tunggal itulah yang mengubah keputusan format menjadi pekerjaan massal, dan itulah alasan mengapa 4 pertanyaan di bagian atas artikel ini layak dijawab sekali per folder daripada sekali per file.

Kembali ke blog