Format imej yang manakah patut anda gunakan?

JPEG

JPEG membahagikan gambar kepada blok dan membuang butiran halus yang paling tidak dapat dilihat oleh mata anda. Itu berfungsi dengan baik pada gambar, di mana perincian tidak teratur dan bising, dan teruk pada apa-apa yang mempunyai tepi keras, di mana perincian yang dibuang adalah tepat apa yang mentakrifkan tepi.

Ia adalah lossy pada setiap tetapan kualiti, termasuk yang tertinggi. Tiada pilihan JPEG tanpa kerugian di sini. Ia tidak boleh menyimpan ketelusan: imej dengan kawasan lutsinar membuatkannya dipenuhi dengan warna pepejal apabila ia menjadi JPEG.

Gunakannya untuk: gambar, imbasan gambar, sebarang gambar yang kebanyakannya adalah nada berterusan. Elakkannya untuk: tangkapan skrin, teks, seni garisan, logo dan apa-apa sahaja yang akan diedit semula kemudian.

PNG

PNG tidak rugi. Ia menyimpan tepat piksel yang diberikan, jadi ia tidak pernah memperkenalkan artifak, dan ia menyokong ketelusan alfa penuh. Pemampatannya mengeksploitasi pengulangan, itulah sebabnya ia berkesan secara mendadak pada warna rata dan tepi tajam, dan tidak cekap pada hingar fotografi.

Gambar yang disimpan sebagai PNG biasanya beberapa kali lebih besar daripada gambar yang sama seperti JPEG, tanpa faedah yang boleh dilihat. Ini adalah satu-satunya kesilapan format imej yang paling biasa dan ia patut diperiksa sebelum menyalahkan halaman yang perlahan pada perkara lain.

Gunakannya untuk: tangkapan skrin, tangkapan UI, logo, rajah, carta, apa-apa sahaja dengan teks dalam gambar dan sebarang salinan imej yang berfungsi yang anda ingin edit semula.

WebP

WebP biasanya yang terkecil daripada tiga pada kualiti visual yang setanding, dan ia menyokong ketelusan, yang menjadikannya satu-satunya format yang merangkumi kedua-dua kerja.

Satu kaveat yang penting di sini: pelayar anda mengekod WebP dalam mod lossy walaupun pada kualiti 100. Format ini mentakrifkan mod tanpa kehilangan, tetapi kanvas API yang digunakan oleh alat ini tidak mendedahkannya. Jadi WebP eksport daripada tapak ini ialah eksport rugi dan ia diterangkan sedemikian dan bukannya dipanggil lossless kerana format menyokongnya pada dasarnya.

Sokongan pelayar untuk memaparkan WebP adalah universal sekarang. Sokongan untuk pengekodan tidak begitu seragam, jadi pelayar yang tidak boleh mengekod WebP melaporkan ralat di sini dan bukannya memberikan anda format lain secara senyap-senyap.

AVIF dan HEIC — kedudukan yang jujur

AVIF memampatkan lebih baik daripada ketiga-tiga format di atas, selalunya dengan ketara. HEIC ialah perkara yang digunakan oleh iPhone moden untuk gambar secara lalai. Kedua-duanya tidak boleh dibaca oleh Penukar Imej ToolAcre, dan itu adalah pengehadan pelayar dan bukannya pilihan.

Pelayar biasanya boleh DISPLAY AVIF, tetapi ia tidak mendedahkan cara yang boleh dipercayai untuk menyahkod fail AVIF atau HEIC sewenang-wenangnya untuk pemprosesan dan HEIC penyahkodan khususnya bergantung pada codec platform yang tidak terdapat di mana-mana sahaja. Alat yang menerima fail ini akan berfungsi pada sesetengah mesin dan gagal secara mengelirukan pada yang lain, jadi ia ditolak dengan jelas.

Akibat praktikal: tukar HEIC kepada JPEG pada peranti yang menghasilkannya — setiap telefon semasa dan kedua-dua sistem pengendalian desktop utama boleh melakukan ini — dan kemudian gunakan alat pelayar pada JPEG. Untuk AVIF, simpan induk JPEG atau PNG dan hasilkan AVIF sebagai output pada masa penerbitan dengan alat binaan.

Nota tentang GIF

GIF terhad kepada 256 warna setiap bingkai dan merupakan pilihan yang tidak baik untuk apa-apa kecuali animasi pendek. Penukar Imej membaca GIF tetapi sahaja menggunakan bingkai pertama dan tidak menawarkan GIF sebagai output — menghasilkan imej pegun dengan sambungan .gif akan mengelirukan dan bukannya membantu.

Untuk animasi pendek, jawapan moden ialah video MP4 atau WebM atau WebP animasi. Tiada satu pun daripada mereka dihasilkan di sini.

Contoh kerja: empat aset untuk satu artikel

Artikel memerlukan gambar wira, tangkapan skrin antara muka, logo dengan latar belakang lutsinar dan carta yang dieksport daripada hamparan.

• Gambar wira — JPEG pada kualiti lalai, diubah saiznya kepada kira-kira dua kali lebar paparannya. Nada berterusan, tiada ketelusan diperlukan.
• Tangkapan skrin antara muka — PNG. Ia penuh dengan teks dan tepi keras, betul-betul perkara yang paling teruk dikendalikan oleh JPEG dan PNG memampatkan panel ratanya dengan cekap.
• Logo — WebP atau PNG. Kedua-duanya menjaga ketelusan; WebP akan menjadi lebih kecil, PNG akan menjadi tepat. Untuk logo yang akan diletakkan pada latar belakang yang berbeza-beza, ketepatan bernilai lebih daripada beberapa kilobait.
• Carta — PNG. Alasan yang sama seperti tangkapan skrin: isi rata, garis nipis dan label paksi.

Keputusan: Empat fail, tiga format, setiap satu dipilih mengikut apa yang ada dalam gambar dan bukannya mengikut kebiasaan. Mod kegagalan yang paling biasa — mengeksport keempat-empatnya sebagai PNG, atau keempat-empatnya sebagai JPEG — menjadikan sama ada gambar itu beberapa kali terlalu besar atau tangkapan skrin dan carta kelihatan terpalit pada teksnya.

Buka alat

Tukar antara JPEG, PNG dan WebP

Penukar Imej menyatakan sama ada penukaran adalah lossy sebelum anda menjalankannya dan melaporkan saiz terukur sebenar selepas itu.

Perkara ini tidak meliputi

• Penukar Imej ToolAcre membaca JPEG, PNG, WebP dan GIF serta menulis JPEG, PNG dan WebP. HEIC, AVIF, TIFF dan imej RAW kamera ditolak.
• WebP output daripada tapak ini adalah lossy, kerana itulah yang didedahkan oleh kanvas pelayar API.
• Profil warna tidak dipelihara melalui penukaran kanvas, jadi imej dengan profil terbenam yang luar biasa mungkin beralih sedikit.
• Perbandingan saiz fail bergantung pada gambar. Mana-mana peraturan praktikal di sini ialah titik permulaan untuk mengukur daripada, bukan nombor untuk dipetik.