Kondisi perbandingan dan metode reproduksi

Dalam contoh yang dijalankan, pilih gambar komposit dengan teks dan pusat atau tekstur padat. Kedua materi tersebut bukanlah hasil jepretan foto, melainkan gambar uji 1600x900 yang digambar oleh situs. Buat PNG asli terlebih dahulu, pertahankan ukuran piksel tetap sama, dan simpan masing-masing sebagai JPEG, kualitas WebP 75, 85, dan 95. Anda juga dapat mendownload file output secara langsung.

Jumlah byte dalam tabel adalah Blob.size dari file sebenarnya yang dihasilkan. Angka kualitas adalah pengaturan encoder dan tidak berarti bahwa persentase informasi asli akan dipertahankan. Jika browser Anda tidak mendukung format tersebut, itu akan memalsukan hasil dengan ekstensi yang berbeda dan tidak menyimpannya serta menampilkan kesalahan eksekusi.

Coba jalankan secara langsung tanpa file

Menjalankan kode pemrosesan alat sebenarnya dengan materi contoh yang dibuat oleh situs. Hasil saat ini dihitung di browser dan tidak ada data masukan yang diunggah ke server.

akan menampilkan hasil dan file contoh.

Contohnya bukanlah data atau kinerja pengunjung sebenarnya. Ukuran file dan bentuk font dapat bervariasi tergantung pada browser, perangkat, dan font.

01-10-2026 Contoh kebenaran dasar dalam satu lingkungan browser

Nilai di bawah ini diukur menggunakan dua gambar komposit identik dari contoh yang berjalan di atas. Ini mungkin berbeda-beda tergantung pada browser, dan tidak dimaksudkan untuk menggeneralisasi ukuran file yang diharapkan dari foto sebenarnya atau keunggulan atau inferioritas setiap format. Ukuran pikselnya adalah 1600×900 di setiap baris.

Jenis MasukanFormat KeluaranKualitasByte sebenarnya
MonokromPNG—57379
MonokromJPEG7530914
MonokromJPEG8536131
MonokromJPEG9548342
MonokromWebP7510872
MonokromWebP8513114
MonokromWebP9518858
TeksturPNG—941654
TeksturJPEG75263962
TeksturJPEG85321468
TeksturJPEG95449142
TeksturWebP75213200
TeksturWebP85267302
TeksturWebP95363228
Tekstur / target 200KBJPEG55197656
Tekstur / target 200KBWebP65198788

Apa perbedaan hasil target 200KB?

Baris terpisah 200KB menggunakan fungsi navigasi untuk mengurangi ukuran gambar sebenarnya. Kualitas awal adalah 85, kualitas minimum adalah 50, sisi panjang maksimum adalah 2048 piksel, dan pengurangan lebih lanjut diperbolehkan. 200KB kurang dari 200.000 byte. Ubah kualitasnya terlebih dahulu dan kurangi ukuran pikselnya jika melebihi target, jadi periksa lebar dan tinggi hasilnya secara bersamaan.

Baris perbandingan 75·85·95 bukanlah eksperimen untuk memenuhi target kapasitas. Ini adalah akibat dari perubahan pengaturan kualitas pada ukuran yang sama. Jika Anda menentukan rasio kompresi lebih baik dengan mencampurkannya dengan baris target, kondisi perbandingannya akan berbeda.

Pesanan kualitas dan konfirmasi diterapkan pada file saya

  1. Foto dimulai dengan kualitas 85 dan diperbesar untuk memeriksa huruf dan garis tepi.
  2. Jika ukuran file cukup kecil, bandingkan dengan hasil 95 untuk menentukan apakah diperlukan perbedaan detail.
  3. Jika ukurannya terlalu besar, bandingkan 75, tetapi periksa juga ukuran piksel minimum yang disyaratkan oleh sumber pengiriman.
  4. Jika teks kecil, diagram, atau logo penting, bandingkan gambar asli PNG dengan hasil JPEG/WebP.
  5. Saya tidak menggunakan ukuran file dari contoh sebagai ukuran yang diharapkan untuk foto saya.

Format Canvas toBlob/dokumen pemrosesan kualitasmenjelaskan perbedaan dalam pengaturan kualitas dan penanganan format yang tidak didukung.

Pertanyaan yang Sering Diajukan

Jika kualitasnya sama, apakah semua foto berukuran sama?

Tidak. Itu tergantung pada ukuran piksel, konten gambar, format output, dan encoder browser.

Jika saya meningkatkannya dari 85 menjadi 95, apakah kualitas gambar akan meningkat 10%?

Tidak dapat diartikan seperti itu. Ini tidak mengacu pada rasio kualitas gambar dibandingkan dengan aslinya atau jumlah peningkatan linier.