Jawapan pantas: foto pergi ke JPEG, grafik dengan tepi tajam atau ketelusan pergi ke PNG. Kalau anda tak ingat apa-apa lagi, peraturan itu mengendalikan 90% keputusan dengan betul. Selebihnya halaman ini menjelaskan kenapa, supaya anda boleh memutuskan kes tepi sendiri.

Satu perbezaan yang penting

JPEG lawan PNG: Yang Mana Patut Anda Guna? — visual 1
Satu perbezaan yang penting

JPEG dan PNG dibina untuk jenis imej yang berbeza.

  • JPEG ialah format lossy yang ditala untuk foto. Ia cemerlang pada kecerunan lancar — kulit, langit, latar tak fokus — dan ia gembira membuang perincian halus yang mata anda abaikan. Begitulah ia membuatkan foto 12-megapiksel muat dalam 2 MB.
  • PNG ialah format lossless yang dibina untuk warna rata, garis tajam, dan teks. Ia juga menyokong ketelusan, yang JPEG tak boleh buat langsung. Logo, ikon, tangkapan skrin UI, atau carta patut dalam PNG.

Guna yang salah dan anda merasainya serta-merta. Simpan logo sebagai JPEG dan tepi tajam mendapat pinggir "bunyi nyamuk" kelabu. Simpan foto sebagai PNG dan fail membengkak menjadi lima atau sepuluh kali saiz tanpa manfaat yang nyata.

Panduan keputusan pantas

JPEG lawan PNG: Yang Mana Patut Anda Guna? — visual 2
Panduan keputusan pantas

Tanya dua soalan dalam susunan:

  1. Adakah ia perlukan ketelusan? Kalau ya → PNG (atau WebP). JPEG tiada ketelusan, titik.
  2. Adakah ia foto atau imej seperti foto dengan banyak kecerunan? Kalau ya → JPEG. Kalau ia warna rata, teks tajam, atau seni garisan → PNG.

Tangkapan skrin ialah perangkap klasik. Tangkapan skrin halaman web yang penuh foto memampat lebih baik sebagai JPEG; tangkapan skrin kod, hamparan, atau UI kekal tajam dan kecil sebagai PNG. Bila ragu, cuba kedua-duanya dan bandingkan — yang membawa kita kepada alat.

Kalau anda ada format yang salah, bertukar itu remeh. Penukar Imej IMG.DIY berpindah antara PNG, JPG, WebP, dan AVIF terus dalam pelayar. (Nota: pelayar tak boleh mengekod AVIF melalui kanvas, jadi keluaran AVIF berundur ke WebP — yang hampir sekecil dan disokong sejagat.) Anda boleh menukar seluruh kelompok sekali gus.

Kemenangan paling biasa: pereka menyerahkan anda folder foto PNG. Tukarkannya ke JPG dan lihat folder mengecil sebanyak 80% atau lebih tanpa kehilangan yang nyata.

Memampat setiap format dengan cara yang betul

Pilihan format hanyalah separuh kerja — anda masih mahu fail kecil.

  • Untuk JPEG (dan WebP): guna gelangsar kualiti. Julat 75–85 lossless secara visual untuk kebanyakan foto sambil memotong saiz dengan kuat.
  • Untuk PNG: tiada gelangsar kualiti kerana ia lossless. Sebaliknya, kurangkan kiraan warna. Kebanyakan PNG menggunakan jauh lebih sedikit warna daripada yang dibenarkan, jadi mengkuantum turun ke palet 256 warna lazimnya menjimatkan 60–80% tanpa perubahan yang nyata — dan ia mengekalkan ketelusan utuh.

Pemampat Imej IMG.DIY menggunakan kaedah yang betul secara automatik bergantung pada format yang anda suapkan, dan ia tak pernah mengeluarkan fail lebih besar daripada asal. Kelompokkan folder campuran JPG dan PNG dan setiap satu mendapat layanan yang ia perlukan.

Bagaimana pula dengan WebP?

Berbaloi disebut: WebP buat kedua-dua kerja. Ia memampat foto seperti JPEG dan menyokong ketelusan seperti PNG, biasanya pada saiz lebih kecil daripada mana-mana. Kalau khalayak anda pada pelayar moden (yang hampir semua orang sekarang), menukar ke WebP selalunya langkah tunggal terbaik. Simpan sandaran JPEG atau PNG hanya kalau anda mesti menyokong perisian yang sangat lama.

Kesimpulannya

Foto → JPEG. Logo, ikon, teks, ketelusan → PNG. Perlukan kedua-dua pemampatan dan ketelusan, atau fail sekecil mungkin → pertimbangkan WebP. Kemudian mampatkan dengan kaedah yang sesuai format. Setiap langkah di sini berjalan sepenuhnya dalam pelayar anda — tiada apa-apa dimuat naik, dan selepas lawatan pertama anda alat berfungsi luar talian.