Mulailah dengan sumber yang didekodekan, bukan ekstensi file
Kompresi video mungkin sudah berisi tepi yang diperhalus, batas blok, dering, garis melintang, subsampling kroma, dan artefak gerakan. Menyimpan bingkai yang didekodekan sebagai PNG mencegah enkode gambar diam tambahan yang hilang, namun tidak dapat merekonstruksi informasi yang sudah tidak ada lagi.
JPG dan WebP lossy membuat trade-off ukuran-versus-fidelitas baru setelah decoding. Artefaknya paling mudah dilihat di sekitar teks kecil, tepi antarmuka, garis kontras tinggi, tekstur berulang, dan gradien halus. Pemandangan fotografi dengan noise sering kali dapat menoleransi kompresi lebih besar dibandingkan rekaman layar dengan label 12 piksel.
Evaluasi ukuran tampilan yang diinginkan. Cacat yang terlihat pada zoom 400 persen mungkin tidak relevan pada thumbnail 320 piksel, sedangkan teks yang sedikit buram dapat gagal pada ukuran normal meskipun file terlihat kecil dan efisien.
Gunakan PNG untuk pengkodean gambar diam tanpa kehilangan
PNG adalah pilihan yang tepat untuk pengambilan antarmuka, diagram, subtitle, seni garis, grafik datar, referensi pengeditan arsip, dan bingkai yang akan menjalani pengomposisian lebih lanjut. Ini mempertahankan nilai piksel yang didekodekan melalui kompresi lossless dan menghindari penambahan blok gaya JPEG atau artefak dering.
Pengorbanannya adalah ukuran file. Bingkai foto mengandung tekstur dan noise yang tidak dapat dikompres oleh PNG seefisien format foto lossy. Sejumlah besar file PNG resolusi penuh dapat menghabiskan banyak ruang disk dan memori browser meskipun setiap frame terlihat serupa.
PNG tidak secara otomatis menjadi format pengiriman akhir dengan kualitas tertinggi. Jika keluarannya berupa thumbnail web kecil, JPG atau WebP yang dikodekan dengan hati-hati mungkin terlihat setara dalam ukuran tampilan dan transfernya jauh lebih cepat. Pertahankan PNG saat pengeditan di masa mendatang atau detail sintetis yang tajam membenarkan bobotnya.
Gunakan JPG untuk kompatibilitas fotografi yang luas
JPG diterima secara luas oleh sistem konten, peralatan kantor, platform sosial, dan editor gambar. Ini berfungsi dengan baik untuk rekaman kamera, orang, produk, acara, dan tekstur alami. Pengaturan kualitas VideoToImg memungkinkan Anda membandingkan keluaran kompak dengan kerusakan yang terlihat daripada mengandalkan satu nomor universal.
Mulailah dengan kualitas 88 untuk bingkai foto, periksa wajah, rambut, kain, teks, dan batas kontras tinggi, lalu turunkan nilainya hanya jika penghematan ukuran penting. Lebar maksimum yang lebih kecil terkadang dapat mengurangi bobot dengan lebih mudah diprediksi dibandingkan kompresi agresif karena ini menghilangkan piksel sebelum pengkodean sambil mempertahankan rasio aspek.
Hindari pengeditan dan penyimpanan JPG berulang-ulang. Setiap generasi yang hilang dapat menambahkan artefak. Jika bingkai memerlukan perbaikan besar-besaran, ekspor salinan kerja PNG dan buat JPG akhir setelah pengeditan selesai.
Gunakan WebP ketika jalur penerbitan mendukungnya
WebP dapat memberikan gambar lossy yang efisien untuk situs web dan aplikasi modern, dan browser biasanya mendekodekannya. Ini berguna untuk galeri, dokumentasi, pratinjau produk, dan pengiriman web lainnya yang memerlukan pengurangan ukuran transfer.
Kompatibilitas di luar browser tetap harus diperiksa. Editor hilir, pembuat dokumen, pasar, alur kerja email, atau sistem konten lama mungkin lebih memilih JPG atau PNG meskipun browser dapat membuat WebP. Pilih format yang bertahan sepanjang alur kerja, bukan hanya pengunduhan pertama.
Bandingkan WebP dan JPG dari bingkai dekode dan dimensi piksel yang sama. Ukuran file tidak dapat dibandingkan jika salah satu kandidat juga diubah ukurannya atau dikodekan dari stempel waktu yang berbeda.
Jalankan tes tiga format yang adil
- Pilih satu bingkai representatif yang berisi detail mudah dan sulit: wajah atau objek bertekstur, teks kecil, tepi tajam, dan gradien jika memungkinkan.
- Ekspor PNG, JPG, dan WebP pada dimensi piksel yang sama. Rekam pengaturan kualitas JPG dan WebP.
- Lihat setiap gambar sesuai ukuran tampilan yang diinginkan, lalu periksa area sulit pada 100 persen. Jangan menilai hanya dari pratinjau browser yang diperbesar.
- Bandingkan berat file setelah tinjauan visual. Tolak kandidat mana pun yang teksnya terlihat rusak, lingkaran cahaya, pemblokiran, pita warna, atau tekstur hilang yang penting bagi tugas tersebut.
- Buka pemenang di aplikasi berikutnya dalam alur kerja. Konfirmasikan bahwa unggahan, pengeditan, ekspektasi transparansi, penanganan metadata, dan penamaan unduhan semuanya berfungsi sesuai kebutuhan.
- Ulangi dengan bingkai kedua jika video berganti-ganti antara grafik layar dan cuplikan fotografi; satu pengaturan mungkin tidak mewakili kedua tipe konten.
Cocokkan tugas umum dengan tugas praktis
YouTube atau gambar mini sosial
Mulailah dengan JPG pada dimensi yang diperlukan. Pertahankan kualitas yang memadai untuk wajah, teks, dan kontras, serta verifikasi persyaratan pengunggahan platform saat ini sebelum dipublikasikan.
Laporan bug perangkat lunak atau langkah tutorial
Gunakan PNG ketika label antarmuka dan batas satu piksel harus tetap dapat dibaca. Downscale hanya setelah konfirmasi tujuan masih menyajikan teks dengan jelas.
Galeri atau dokumentasi situs web
Coba WebP dan JPG pada lebar tampilan akhir, lalu pilih file lebih kecil yang lolos pemeriksaan kompatibilitas visual dan alur kerja. Simpan master pengeditan secara terpisah jika ada kemungkinan perubahan di masa mendatang.
Kumpulan data bingkai atau inspeksi visi komputer
Pilih berdasarkan pipeline hilir dan toleransi pengukuran. Kompresi lossy dapat mengubah fitur-fitur bagus. Metode pengambilan sampel, proses pelabelan, dan protokol validasi sama pentingnya dengan ekstensi gambar.
Pisahkan kualitas sumber dan kualitas keluaran
Mengubah dari JPG ke PNG tidak dapat menghilangkan keburaman atau artefak yang sudah terlihat di pratinjau yang didekodekan. Carilah bingkai terdekat dengan lebih sedikit gerakan, gunakan sumber berkualitas lebih tinggi, atau kembali ke rekaman asli sebelum menyesuaikan encoder gambar diam.
Encoder kanvas browser membuat blob output, seperti yang dijelaskan dalam dokumentasi toBlob HTMLCanvasElement. Implementasi browser mungkin sedikit berbeda, jadi ulangi pengujian visual ketika target ukuran file yang tepat atau alur kerja otomatis bergantung pada perilaku pembuat enkode.
Buka pengonversi video ke gambar untuk membandingkan format pada satu frame, atau baca panduan pengambilan sampel sebelum membuat rangkaian besar.