Layar sama tidak berarti berkas sama
Tangkapan layar adalah gambar raster, bukan antarmuka langsung. Layar padat dapat merekam lebih banyak piksel untuk tata letak terlihat yang sama. Teks lebih tajam, tetapi penerima pratinjau kecil mungkin tidak memerlukan seluruh resolusi.
Penjelasan PNG membahas tangkapan secara umum. Kami memakai antarmuka khusus tanpa data akun atau merek pihak ketiga untuk memisahkan efeknya. Panduan unggahan menjelaskan pemeriksaan saat berkas ditolak.
Tangkapan terkontrol, kompresi nyata
Pada 2026-10-29 antarmuka lokal yang sama ditangkap pada 1× dan 2×. Menggandakan lebar dan tinggi menghasilkan 4 kali piksel, bukan rasio ukuran berkas yang tetap. Keduanya diproses oleh Bitinz pada Seimbang.
Kami menyimpan satu hasil kompresi PNG dan satu konversi WebP untuk setiap tangkapan. Setiap pengaturan dijalankan 3 kali untuk memastikan berkas hasilnya identik. Berkas sumber, hash, dan catatan hasil menyertai eksperimen ini; metode umumnya dijelaskan dalam kebijakan editorial kami.
Kepadatan dan format secara terpisah
Bandingkan PNG dengan WebP pada kepadatan sama, kemudian dua sumber untuk melihat biaya terpisah dari lebih banyak piksel.
| Gambar | Piksel | Keluaran | Level | Sebelum | Sesudah | Dihemat |
|---|---|---|---|---|---|---|
interface-1x.png | 800 × 500 px | PNG | Seimbang | 42.8 KB | 13.3 KB | 68.8% |
interface-1x.png | 800 × 500 px | WebP | Seimbang | 42.8 KB | 11.1 KB | 74.1% |
interface-2x.png | 1600 × 1000 px | PNG | Seimbang | 101.5 KB | 30.6 KB | 69.9% |
interface-2x.png | 1600 × 1000 px | WebP | Seimbang | 101.5 KB | 27.6 KB | 72.8% |
Bitinz · 1 KB setara dengan 1000 bita.
Teks adalah area pemeriksaan penting
Detail PNG sumber
Detail PNG terkompresi
Teks kecil, garis tipis, dan panel berbayang lembut lebih penting daripada latar kosong luas. Lihat potongan pada ukuran penuh lalu tangkapan pada lebar yang akan dilihat pembaca.
WebP lebih kecil berguna jika diterima tujuan dan teks jelas. Jika PNG wajib, bandingkan PNG terkompresi langsung. Jika tangkapan tidak perlu, pertahankan tulisan sebagai teks asli di halaman.
Pilih yang perlu dilihat pembaca
Sebelum unggah, potong lingkungan tidak relevan dalam penyunting. Ini keputusan isi, bukan kompresi: mengurangi gangguan sekaligus piksel. Sisakan konteks penting, misalnya kontrol dan label di dekatnya.
Dokumentasi mungkin membutuhkan tangkapan padat yang bisa diperbesar; pratinjau obrolan mungkin hanya area relevan. Uji tujuan sebenarnya, bukan menyamakan dimensi semua tangkapan.
Gunakan pengompres PNG jika PNG wajib atau coba PNG ke WebP untuk situs sendiri. Bandingkan dengan sumber dan pilih berdasarkan keterbacaan serta dukungan tujuan.
Siapkan tangkapan terbaca
- Tangkap hanya antarmuka dan konteks yang dibutuhkan.
- Simpan PNG sumber dan kompres salinan.
- Bandingkan huruf dan garis tipis pada ukuran penuh serta lebar tampilan.
- Gunakan berkas ringan yang layak dalam format yang didukung tujuan.
Tanya jawab
- Apakah tangkapan 2× memiliki dua kali piksel?
- Jika lebar dan tinggi keduanya berlipat, jumlah piksel menjadi 4 kali. Rasio ukuran berkas juga bergantung pada isi dan format.
- Haruskah semua tangkapan diubah ke WebP?
- Gunakan WebP jika diterima dan teks tetap jelas. Simpan PNG jika diwajibkan atau hasilnya lebih berguna untuk tangkapan tersebut.
- Apakah Bitinz memotong atau mengubah dimensi tangkapan?
- Pemotongan dan pengubahan dimensi disiapkan dalam penyunting gambar. Bitinz memproses dimensi yang Anda unggah.