Paparan boleh sama walaupun fail berubah
Tangkap layar ialah imej raster, bukan antara muka hidup yang dirakam. Paparan berketumpatan tinggi boleh merakam lebih banyak piksel bagi susun atur yang kelihatan sama. Ini membantu ketajaman teks, tetapi penerima mungkin tidak memerlukan keseluruhan rakaman untuk pratonton kecil.
Penerangan PNG kami membincangkan tangkap layar secara umum. Di sini kami menggunakan antara muka yang direka khas untuk eksperimen, tanpa butiran akaun atau jenama pihak ketiga, bagi mengasingkan kesannya. Panduan muat naik menerangkan semakan apabila destinasi menolak fail.
Rakaman terkawal, kemudian pemampatan sebenar
Rakaman pada 2026-10-29 menggunakan antara muka setempat yang sama pada ketumpatan 1× dan 2×. Menggandakan lebar serta tinggi menghasilkan 4 kali jumlah piksel; ini tidak menetapkan gandaan saiz fail. Kedua-dua rakaman kemudian diproses oleh Bitinz pada Seimbang.
Kami menyimpan satu hasil pemampatan PNG dan satu penukaran WebP bagi setiap tangkapan. Setiap tetapan dijalankan 3 kali untuk memastikan fail output sama sepenuhnya. Fail sumber, nilai cincangan dan rekod output disertakan bersama eksperimen; kaedah umumnya diterangkan dalam dasar editorial kami.
Ketumpatan dan format ditunjukkan berasingan
Bandingkan PNG dengan WebP pada ketumpatan sama dahulu. Kemudian bandingkan dua rakaman sumber untuk melihat kos berasingan akibat lebih banyak piksel.
| Imej | Piksel | Keluaran | Tahap | Sebelum | Selepas | Dijimatkan |
|---|---|---|---|---|---|---|
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 bersamaan 1000 bait.
Teks ialah kawasan pemeriksaan yang berguna
Butiran PNG sumber
Butiran PNG termampat
Teks kecil, garisan nipis dan panel berlorek lembut memerlukan perhatian lebih daripada latar kosong yang besar. Periksa potongan pada saiz penuh, kemudian lihat tangkap layar pada lebar yang benar-benar akan dilihat oleh pembaca.
WebP yang lebih kecil berguna jika destinasi menerimanya dan huruf kekal jelas. Jika tangkap layar mesti kekal PNG, bandingkan terus dengan PNG termampat. Kekalkan teks halaman sebagai teks sebenar apabila tangkap layar tidak diperlukan.
Pilih perkara yang perlu dilihat oleh pembaca
Sebelum memuat naik, potong bahagian sekeliling yang tidak berkaitan dalam penyunting. Ini keputusan kandungan yang berasingan daripada pemampatan: ia mengurangkan gangguan serta piksel. Kekalkan konteks yang diperlukan, seperti kawalan berkaitan dan label berhampiran.
Halaman dokumentasi mungkin memerlukan imej tajam berketumpatan tinggi yang boleh dibesarkan. Pratonton sembang mungkin hanya memerlukan kawasan penting. Uji destinasi sebenar dan bukannya mengecilkan semua tangkap layar kepada dimensi yang sama.
Gunakan pemampat PNG jika PNG diperlukan, atau cuba PNG ke WebP untuk laman anda. Bandingkan kedua-duanya dengan asal; pilihan format perlu mengikut kebolehbacaan dan sokongan destinasi.
Sediakan tangkap layar yang mudah dibaca
- Rakam antara muka dan konteks yang diperlukan sahaja.
- Simpan PNG sumber dan mampatkan salinan.
- Bandingkan huruf serta garisan nipis pada saiz penuh dan lebar paparan sasaran.
- Gunakan fail lebih ringan yang memuaskan dalam format yang disokong destinasi.
Soalan lazim
- Adakah tangkap layar 2× mempunyai dua kali jumlah piksel?
- Jika lebar dan tinggi kedua-duanya digandakan, imej mengandungi 4 kali jumlah piksel. Nisbah saiz fail turut bergantung pada kandungan dan format imej.
- Patutkah semua tangkap layar ditukar kepada WebP?
- Gunakan WebP apabila destinasi menerimanya dan teks kekal jelas. Kekalkan PNG apabila diwajibkan atau memberikan hasil lebih berguna untuk tangkap layar anda.
- Adakah Bitinz memotong atau mengubah saiz tangkap layar?
- Memotong dan mengubah saiz ialah langkah persediaan dalam penyunting imej. Bitinz memproses fail pada dimensi yang anda muat naik.