Format gambar mana yang harus Anda gunakan?

JPEG

JPEG membagi gambar menjadi beberapa blok dan membuang detail halus yang paling tidak mungkin dilihat oleh mata Anda. Ini bekerja sangat baik pada foto, yang detailnya tidak beraturan dan berisik, dan sangat buruk pada foto apa pun yang tepinya keras, yang detailnya yang dibuang itulah yang menentukan tepinya.

Ini merugikan di setiap pengaturan kualitas, termasuk yang tertinggi. Tidak ada opsi JPEG yang lossless di sini. Ia tidak dapat menyimpan transparansi: gambar dengan area transparan akan mengisinya dengan warna solid saat menjadi JPEG.

Gunakan untuk: foto, pindaian foto, gambar apa pun yang sebagian besar bernada kontinu. Hindari untuk: screenshot, teks, line art, logo, dan apapun yang nanti akan diedit lagi.

PNG

PNG tidak ada ruginya. Ia menyimpan persis piksel yang diberikan, sehingga tidak pernah memperkenalkan artefak, dan mendukung transparansi alfa penuh. Kompresinya memanfaatkan pengulangan, sehingga sangat efisien pada warna datar dan tepi tajam, serta tidak efisien pada noise fotografis.

Foto yang disimpan sebagai PNG biasanya berukuran beberapa kali lebih besar dari foto yang sama dengan JPEG, tanpa manfaat yang terlihat. Ini adalah satu-satunya kesalahan format gambar yang paling umum dan patut diperiksa sebelum menyalahkan halaman yang lambat pada hal lain.

Gunakan untuk: tangkapan layar, tangkapan layar UI, logo, diagram, bagan, apa pun yang memiliki teks di dalam gambar, dan salinan gambar apa pun yang ingin Anda edit lagi.

WebP

WebP biasanya merupakan yang terkecil dari ketiganya dengan kualitas visual yang sebanding, dan mendukung transparansi, sehingga menjadikannya satu-satunya format yang mencakup kedua pekerjaan.

Satu peringatan yang penting di sini: browser Anda mengkodekan WebP dalam mode lossy bahkan pada kualitas 100. Formatnya menentukan mode lossless, namun kanvas API yang digunakan alat ini tidak mengeksposnya. Jadi ekspor WebP dari situs ini adalah ekspor yang merugikan, dan dijelaskan seperti itu daripada disebut lossless karena pada prinsipnya formatnya mendukungnya.

Dukungan browser untuk menampilkan WebP kini sudah bersifat universal. Dukungan untuk pengkodeannya tidak seragam, sehingga browser yang tidak dapat mengkodekan WebP melaporkan kesalahan di sini daripada secara diam-diam memberikan Anda format yang berbeda.

AVIF dan HEIC — posisi jujur

AVIF melakukan kompresi lebih baik dibandingkan ketiga format di atas, seringkali secara signifikan. HEIC adalah yang digunakan iPhone modern untuk foto secara default. Tidak ada yang bisa dibaca oleh ToolAcre Image Converter, dan itu adalah batasan browser dan bukan pilihan.

Browser biasanya dapat DISPLAY AVIF, tetapi mereka tidak memberikan cara yang dapat diandalkan untuk memecahkan kode file AVIF atau HEIC untuk diproses, dan penguraian kode HEIC khususnya bergantung pada codec platform yang tidak ada di mana-mana. Alat yang menerima file-file ini akan bekerja pada beberapa mesin dan gagal secara membingungkan pada mesin lain, sehingga file-file tersebut jelas-jelas ditolak.

Konsekuensi praktisnya: ubah HEIC menjadi JPEG di perangkat yang memproduksinya — setiap ponsel saat ini dan kedua sistem operasi desktop utama dapat melakukan hal ini — lalu gunakan alat browser di JPEG. Untuk AVIF, pertahankan master JPEG atau PNG dan hasilkan AVIF sebagai output pada waktu publikasi dengan alat build.

Catatan tentang GIF

GIF dibatasi pada 256 warna per bingkai dan merupakan pilihan yang buruk untuk apa pun kecuali animasi pendek. Image Converter membaca GIF namun hanya menggunakan frame pertama, dan tidak menawarkan GIF sebagai output — menghasilkan gambar diam dengan ekstensi .gif akan menyesatkan dan bukannya membantu.

Untuk animasi pendek, jawaban modernnya adalah MP4 atau video WebM, atau animasi WebP. Tidak ada satupun yang diproduksi di sini.

Contoh praktis: empat aset untuk satu artikel

Sebuah artikel memerlukan foto pahlawan, tangkapan layar antarmuka, logo dengan latar belakang transparan, dan bagan yang diekspor dari spreadsheet.

• Foto pahlawan — JPEG dengan kualitas default, diubah ukurannya menjadi sekitar dua kali lebar tampilannya. Nada berkelanjutan, tidak diperlukan transparansi.
• Tangkapan layar antarmuka — PNG. Ini penuh dengan teks dan tepi yang keras, persis seperti yang JPEG tangani paling buruk, dan PNG mengompresi panel datarnya secara efisien.
• Logo — WebP atau PNG. Keduanya menjaga transparansi; WebP akan lebih kecil, PNG tepatnya. Untuk logo yang akan ditempatkan pada berbagai latar belakang, ketepatan bernilai lebih dari beberapa kilobyte.
• Bagan — PNG. Alasan yang sama seperti tangkapan layar: isian datar, garis tipis, dan label sumbu.

Hasil: Empat file, tiga format, masing-masing dipilih berdasarkan apa yang ada dalam gambar, bukan karena kebiasaan. Mode kegagalan yang paling umum — mengekspor keempatnya sebagai PNG, atau keempatnya sebagai JPEG — membuat foto beberapa kali terlalu besar atau tangkapan layar dan bagan tampak tercoreng di sekitar teksnya.

Buka alatnya

Konversi antara JPEG, PNG dan WebP

Image Converter menyatakan apakah suatu konversi mengalami kerugian sebelum Anda menjalankannya, dan melaporkan ukuran terukur sebenarnya setelahnya.

Hal ini tidak tercakup dalam hal ini

• ToolAcre Image Converter membaca JPEG, PNG, WebP dan GIF, dan menulis JPEG, PNG dan WebP. HEIC, AVIF, TIFF dan kamera RAW ditolak.
• Keluaran WebP dari situs ini bersifat lossy, karena itulah yang diekspos oleh kanvas browser API.
• Profil warna tidak dipertahankan melalui konversi kanvas, sehingga gambar dengan profil tersemat yang tidak biasa mungkin sedikit bergeser.
• Perbandingan ukuran file tergantung pada gambar. Aturan praktis apa pun di sini adalah titik awal untuk mengukur, bukan angka untuk dikutip.