JPG, PNG atau WebP: format mana yang patut digunakan?

Secara ringkas: foto guna JPG atau WebP; grafik dan ketelusan guna PNG atau WebP. Sebelum beralih kepada WebP, pastikan tempat anda memuat naik menerimanya.

JPG (juga ditulis JPEG) menyimpan foto dengan padat dengan membuang butiran halus yang jarang disedari mata. Hampir setiap laman web, aplikasi, perkhidmatan e-mel dan platform e-dagang menerimanya, menjadikannya pilihan paling selamat apabila anda tidak pasti.

Kelemahannya ialah tepi yang tajam dan warna rata. Teks, lukisan garisan dan tangkapan skrin akan dikelilingi lingkaran kabur, dan JPG tiada ketelusan. Setiap kali JPG disunting dan disimpan semula, kualitinya berkurang sedikit lagi, jadi simpan fail asal dan eksport daripadanya.

Untuk mengecilkan JPG tanpa mengubah formatnya, gunakan alat mampat imej; untuk mencuba WebP, gunakan JPG kepada WebP.

PNG ialah format tanpa kehilangan: setiap piksel dikekalkan tepat seperti asalnya. Ini menjadikannya sesuai untuk logo, ikon, tangkapan skrin antara muka dan apa-apa sahaja yang mengandungi teks, dan ia menyokong ketelusan penuh, termasuk tepi lembut dan bayang-bayang.

Harganya ialah saiz. Foto yang disimpan sebagai PNG biasanya beberapa kali lebih besar daripada JPG yang baik. Dalam Web Almanac 2024 oleh HTTP Archive, PNG median di web menggunakan 3.8 bit setiap piksel, berbanding 2.0 untuk JPG dan 1.3 untuk WebP.

Jika PNG mengandungi foto, tukar formatnya. Jika ia mengandungi grafik, mampatkan sebagai PNG, atau cuba PNG kepada WebP, yang mengekalkan ketelusan.

Google mereka bentuk WebP untuk web, dan ia boleh digunakan dengan dua cara: dengan kehilangan seperti JPG atau tanpa kehilangan seperti PNG, dengan sokongan ketelusan bagi kedua-duanya. Menurut Google, fail WebP tanpa kehilangan 26% lebih kecil daripada PNG, dan fail WebP dengan kehilangan 25–34% lebih kecil daripada JPG yang setara.

Semua pelayar utama semasa memaparkan WebP: kira-kira 97% pelayar yang digunakan, termasuk Safari sejak versi 14. Masalahnya terletak di luar pelayar. Sesetengah platform masih tidak menerima muat naik WebP: contohnya, Amazon, Etsy dan Mailchimp menyenaraikan JPG dan PNG tetapi bukan WebP.

Penukaran juga tidak semestinya menguntungkan. Logo ringkas atau tangkapan skrin dengan sedikit warna boleh jadi lebih kecil sebagai PNG. Tukar, bandingkan kedua-dua fail, dan simpan yang lebih kecil.

1. 01Adakah imej memerlukan ketelusan? Gunakan PNG, atau WebP jika ia diterima.
2. 02Adakah ia foto atau gambar yang realistik? Gunakan JPG, atau WebP di laman web anda sendiri.
3. 03Adakah ia tangkapan skrin, carta, logo atau teks? Gunakan PNG, kemudian cuba WebP dan bandingkan kedua-dua fail.
4. 04Di mana ia akan dimuat naik? Pastikan platform menerima format itu; jika tidak, kekal dengan JPG atau PNG.
5. 05Mampatkan fail akhir, walau apa pun formatnya.

Untuk saiz dan had platform tertentu, lihat keperluan saiz imej untuk e-mel dan kedai dalam talian.

AVIF ialah format yang lebih baharu yang boleh menghasilkan fail lebih kecil lagi, tetapi ia lebih lambat dihasilkan dan kurang alat serta platform yang menerimanya. Di web, ia masih jarang digunakan: dalam Web Almanac 2025, AVIF hanya mewakili 0.7% imej LCP, berbanding 11% untuk WebP, 26% untuk PNG dan 57% untuk JPG. Bagi kebanyakan laman web hari ini, JPG, PNG dan WebP sudah memadai untuk semua keperluan.

• Menyimpan foto sebagai PNG demi kualiti. PNG mengekalkan butiran yang sedia ada tetapi tidak dapat menambah butiran baharu, dan saiz fail pula meningkat beberapa kali ganda.
• Menukar JPG kepada PNG untuk membetulkan tepi yang kabur. Kerosakan sudah berlaku dalam JPG; kembali kepada fail asal sebagai gantinya.
• Menukar semuanya kepada WebP tanpa menyemak. Laman web anda mungkin menerimanya, tetapi platform kedai atau alat e-mel anda mungkin menolaknya.
• Berhenti sebaik sahaja format dipilih. Format hanyalah titik permulaan; memampatkan fail akhir menyelesaikan selebihnya.

Seterusnya: cara memampatkan imej untuk laman web, langkah demi langkah.