Gunakan JPG untuk foto dan PNG untuk grafik, tangkapan layar, dan transparansi. Aturan tunggal tersebut menyelesaikan sebagian besar keputusan format. Alasan di baliknya bergantung pada angka: foto 12 megapiksel yang disimpan sebagai PNG memiliki berat 2 hingga 8 MB, sedangkan foto yang sama dengan JPG berukuran antara 200 dan 800 KB tanpa perbedaan yang dapat dideteksi oleh mata Anda. Namun, balikkan kontennya, dan keuntungannya pun ikut berubah. Logo berwarna datar yang disimpan sebagai JPG menumbuhkan lingkaran cahaya kabur di sekitar tepinya yang tidak pernah dihasilkan oleh PNG. Panduan ini menjelaskan fungsi sebenarnya dari masing-masing format, letak kerusakan masing-masing format, dan format mana yang harus dipilih untuk foto, logo, tangkapan layar, cetakan, dan web.

Apa itu file PNG?

PNG adalah singkatan dari Grafik Jaringan Portabel, format yang dirilis pada tahun 1996 sebagai pengganti GIF yang bebas paten. Ini mengompresi tanpa kehilangan menggunakan algoritma DEFLATE, metode yang sama yang digunakan arsip ZIP, sehingga setiap piksel tetap bertahan saat disimpan dan disimpan ulang tanpa perubahan. PNG juga membawa saluran alfa, nilai keempat per piksel yang mengontrol opasitas dari tidak terlihat sepenuhnya menjadi solid sepenuhnya. Ada dua varian umum: PNG-8 membatasi palet hingga 256 warna dan membuat file tetap kecil untuk grafik sederhana, sementara PNG-24 menyimpan jutaan warna untuk gambar yang lebih kaya. Tangkapan layar, logo, ikon, bagan, dan maket antarmuka semuanya memanfaatkan kekuatan PNG. Foto tidak, dan di situlah pesaingnya mengambil alih.

Apa itu file JPG?

JPG (identik dengan JPEG, kependekan dari Kelompok Pakar Fotografi Gabungan) tiba pada tahun 1992 dan direkayasa untuk satu pekerjaan: membuat foto menjadi kecil. Ini membagi gambar menjadi blok berukuran 8 kali 8 piksel dan membuang detail warna yang hampir tidak terlihat oleh penglihatan manusia, sebuah proses yang disebut kompresi lossy. Putaran kualitas dari 0 hingga 100 mengontrol seberapa agresif pembuangannya. Di bagian atas dial tersebut, kerugiannya tidak terlihat; di bagian bawah, gambar menjadi kotak-kotak. Perdagangan ini memerlukan biaya yang besar: JPG tidak memiliki saluran alfa, sehingga tidak dapat menyimpan latar belakang transparan, dan data yang dibuang tidak akan pernah kembali. Seberapa kecil sebenarnya perdagangan itu membuat file Anda? Jumlahnya sungguh mencengangkan.

Ukuran file: angka dunia nyata

Ukuran file adalah perbedaan paling tajam antara kedua format, dan pemenangnya sepenuhnya bergantung pada konten:

Foto ponsel pintar: kira-kira 4MB sebagai PNG, 300 hingga 500KB sebagai JPG dengan kualitas 90. JPG menang dengan faktor sepuluh.
Tangkapan layar desktop layar penuh: 2 hingga 5MB sebagai PNG, sekitar 400KB sebagai JPG. JPG menang dalam hal ukuran, meskipun tepi teks sedikit melunak.
Logo dua warna, 500 x 500 piksel: sekitar 8KB sebagai PNG-8, 25KB atau lebih sebagai JPG dengan noise tepi yang terlihat. PNG menang dalam hal ukuran dan penampilan.
Bagan dengan banyak gradien: hasilnya bervariasi, dan ada baiknya menguji keduanya.

Jadi tidak ada format yang "kecil" secara universal. Konten fotografi dikompres jauh lebih baik daripada JPG; grafik datar dengan sedikit warna sering kali dikompres lebih baik seperti PNG. Ukuran hanyalah separuh cerita, karena setiap format juga mengalami kegagalan yang berbeda.

Kualitas gambar: dimana setiap format rusak

Masalah kualitas muncul di tempat yang berlawanan. Kelemahan JPG adalah tepi yang tajam dan kontras tinggi: teks hitam di atas putih, garis tipis, batas keras. Kompresi yang agresif menyebarkan bintik-bintik samar (disebut artefak dering) di sekitar tepinya, itulah sebabnya tangkapan layar yang dikompresi dengan berat tampak tercoreng meskipun foto pada pengaturan yang sama terlihat bagus. JPG juga menderita hilangnya generasi: setiap siklus edit dan simpan akan mengompresi ulang gambar dan menumpuk kerusakan baru pada gambar lama. PNG tidak memiliki masalah. Kelemahannya murni pada bobotnya; kesempurnaan membutuhkan megabyte. Perbedaan ketiga antara format-format tersebut bukanlah soal kualitas sama sekali. Ini tentang apa yang terjadi di balik gambar tersebut.

Transparansi dan saluran alfa

Transparansi hanya menjadi milik PNG dalam perbandingan ini. Saluran alfa memungkinkan logo melayang di atas warna halaman apa pun, itulah sebabnya desainer web mengekspor aset antarmuka sebagai PNG secara default. Konversikan file itu ke JPG dan wilayah tembus pandang harus diratakan menjadi warna solid, putih secara default konverter kami, dengan isian hitam dan khusus tersedia. Kami membahas mekanismenya secara rinci di kami panduan latar belakang transparan. Dengan ditetapkannya tiga perbedaan inti, pilihan untuk file tertentu menjadi bersifat mekanis.

Kapan menggunakan PNG

Jangkau PNG dalam situasi berikut:

Logo dan ikon, yang bagian tepinya harus tetap tajam pada tingkat kompresi apa pun.
Tangkapan layar yang akan Anda beri anotasi atau edit ulang, karena penghematan berulang kali tidak memerlukan biaya apa pun.
Gambar membutuhkan transparansi: tanda air, overlay, grafik mengambang.
Bagan, diagram, dan grafik berisi teks, di mana belu kompresi akan mengganggu keterbacaan.
Salinan utama tentang apa pun yang mungkin Anda modifikasi nanti.

Kapan menggunakan JPG

Pilih JPG untuk pekerjaan ini:

Foto-foto menuju ke mana saja: web, email, sosial, penyimpanan.
Unggah formulir di portal pemerintah dan situs kerja, yang sering kali meminta JPG dan menerapkan batasan seperti 100KB atau 200KB.
Lampiran email, dengan kumpulan sepuluh gambar harus sesuai dengan batas maksimum 25 MB yang diberlakukan Gmail dan Outlook.
Gambar konten situs web, karena peringkat halaman yang lebih ringan dan konversinya lebih baik.
Mengarsipkan foto yang sudah jadi pada kualitas 90 atau lebih, menukar kerugian yang tidak terlihat dengan penghematan penyimpanan yang sangat besar.

Mana yang lebih baik untuk situs web Anda?

Performa situs web lebih mengutamakan JPG untuk setiap aset fotografi. Berat halaman dimasukkan langsung ke dalamnya Cat Contentful Terbesar, salah satu Data Web Inti Google, dan menukar foto PNG dengan salinan JPG sering kali merupakan penghematan satu langkah terbesar yang tersedia pada halaman yang banyak gambarnya. Simpan PNG untuk bagian yang memerlukannya: logo, ikon dengan transparansi, dan elemen UI. Situs modern semakin banyak melayani WebP atau AVIF, yang mengalahkan kedua format klasik dalam hal kompresi, namun JPG tetap menjadi alternatif universal yang dapat dibuka di mana saja, mulai dari browser berusia satu dekade hingga perangkat lunak perkantoran. Apa pun campuran yang Anda pilih, pada akhirnya Anda harus memindahkan gambar dari satu format ke format lainnya.

Cara mengkonversi antara PNG dan JPG

Konversi memerlukan tiga langkah dalam proses kami alat berbasis browser gratis: masukkan file PNG Anda, pilih tingkat kualitas atau ukuran target yang tepat, dan unduh hasilnya. Pemrosesan terjadi di perangkat Anda sendiri tanpa ada yang diunggah. Beralih ke arah lain (JPG ke PNG) secara teknis sepele tetapi jarang berguna, karena membungkus piksel yang sudah terkompresi dalam wadah lossless tidak akan memulihkan apa pun dan mengembangkan file. Kami panduan kualitas mencakup pengaturan persis yang layak digunakan.

Apakah kualitas PNG lebih tinggi daripada JPG?

Ya untuk grafis, tidak untuk foto. PNG secara matematis sempurna karena tidak ada yang dibuang, namun pada foto yang dilihat dalam ukuran normal, JPG yang disimpan pada kualitas 90 terlihat sama namun berbobot sepersepuluh.

Apa yang dimaksud dengan kompresi lossless?

Alat kompresi lossless file menyusut tanpa membuang data piksel apa pun, jadi dekompresi akan mengembalikan gambar dengan tepat. Kompresi lossy semakin menyusut dengan menghilangkan secara permanen detail yang tidak mungkin terlewatkan oleh mata.

Format apa yang harus saya gunakan untuk logo, foto, dan tangkapan layar?

Logo mengambil PNG, foto mengambil JPG, dan tangkapan layar bergantung pada tujuan: simpan PNG saat mengedit, konversikan ke JPG untuk dibagikan atau diunggah.

PNG atau JPG untuk dicetak?

Entah mencetak dengan baik pada resolusi tinggi, tapi toko percetakan biasanya lebih memilih JPG karena file ditransfer lebih cepat dan saluran warnanya mengharapkannya. Ekspor dengan kualitas 95 atau lebih tinggi sehingga kompresi tetap tidak terlihat di kertas.

Mengapa file PNG saya begitu besar?

Karena penyimpanan detail fotografi yang lossless itu mahal. Jutaan warna yang sedikit berbeda membuat algoritme DEFLATE hampir tidak perlu mengompresi apa pun, sehingga format tersebut akhirnya menyimpan data piksel yang hampir mentah.

Apakah mengonversi JPG ke PNG meningkatkan kualitas?

Tidak. Detail JPG yang dibuang hilang secara permanen, dan pembungkus PNG hanya menyimpan versi yang rusak dalam file yang lebih besar.

Format gambar manakah yang mendukung transparansi?

PNG, WebP, AVIF, dan GIF mendukung transparansi; JPG dan BMP tidak. PNG menawarkan perpaduan alfa paling halus dari format lama.

Apakah WebP lebih baik daripada PNG dan JPG?

Pada kompresi, ya: File WebP berukuran 25 hingga 35 persen lebih kecil daripada JPG yang setara dan juga mendukung transparansi. JPG masih unggul dalam hal kompatibilitas universal dengan perangkat lunak lama, itulah sebabnya keduanya tetap ada di mana-mana.

Masih memutuskan? Jalankan salinan gambar Anda melalui Konverter PNG ke JPG dan bandingkan hasilnya secara berdampingan dengan aslinya. Jawaban yang benar biasanya terlihat jelas dalam hitungan detik, dan tidak ada biaya untuk memeriksanya.