Bentuk melawan piksel
PNG menyimpan kisi piksel. Perbesar, dan perangkat lunak menebak apa yang ada di antaranya, sehingga setiap tepi menjadi lembut. SVG menyimpan instruksi: gambar kotak di sini, seukuran ini, sewarna ini. Minta pada 2 cm atau 2 m, dan ia tergambar bersih di keduanya.
Mengapa kode QR lebih terpengaruh daripada foto
Pemindai membaca kode QR dengan mengambil sampel kisi dan menentukan apakah tiap sel terang atau gelap. Tepi yang lembut mendorong sel ke arah abu-abu tengah, dan sel di dekat titik tengah itulah tempat dekode mulai gagal. Foto yang sedikit buram masih terlihat seperti fotonya. Kode QR yang sedikit buram berhenti menjadi kode QR.
Ini lebih buruk pada simbol yang padat. Muatan yang panjang, seperti rekaman vCard atau URL berparameter, memerlukan lebih banyak modul dalam kotak fisik yang sama, jadi tiap modul lebih kecil dan tiap tepi lembut menutupi bagian yang lebih besar darinya.
Memilih berdasarkan tujuan
| Ke mana kodenya dipasang | Format | Mengapa |
|---|---|---|
| Kartu nama, selebaran, kemasan | SVG | Percetakan menskalakannya ke tata letak tanpa kehilangan |
| Poster, stiker jendela, papan penanda | SVG | Ukuran besar justru tempat PNG berantakan |
| File desain di editor vektor | SVG | Bentuk yang dapat disunting, dapat diwarnai ulang, tanpa resampling |
| Tanda tangan email | PNG | Klien email menangani gambar raster jauh lebih dapat diprediksi |
| Dek slide atau tangkapan layar | PNG | Ukuran tampilan tetap, tanpa penskalaan |
| Bidang unggah CMS milik orang lain | PNG | Sebagian sistem menolak unggahan SVG secara prinsip |
Bekerja dengan SVG
- Tempatkan filenya, jangan tempel tangkapan layarnya Impor filenya ke alat tata letak. Menyalin gambar pratinjau membuang data vektornya dan menyisakan piksel lagi.
- Warnai ulang dengan hati-hati Editor vektor mana pun bisa mengubah warna modul. Pertahankan modul gelap di atas latar terang. Kode terbalik dan pasangan pastel berkontras rendah gagal pada pemindai sungguhan.
- Jangan regangkan satu sumbu saja Skalakan kedua dimensi bersamaan. Kode yang teregang adalah kisi yang rusak, dan tidak ada koreksi kesalahan yang memperbaiki geometri.
- Pertahankan zona tenangnya Margin kosong itu bagian dari simbolnya. Memotong rapat sampai ke modul adalah cara paling umum tata letak yang indah berhenti bisa dipindai.
Jika Anda harus memakai PNG
Ekspor pada ukuran piksel yang dibutuhkan tata letak akhir, atau lebih besar, dan jangan pernah memperbesarnya setelah itu. Memperkecil biasanya aman. Memperbesar itulah sumber keburaman.
Jangan jalankan PNG melalui kompresor lossy. Artefak JPEG berkumpul di sekitar tepi hitam dan putih yang tegas, dan itulah setiap tepi dalam kode QR. Jika Anda perlu file yang lebih kecil, kompresor gambar kami mengodekan ulang PNG secara lossless dan membuang hasilnya bila ternyata tidak lebih kecil.
Pemeriksaan yang berjalan pada keduanya
Vaultaire membangun PNG dan SVG dari muatan yang sama, lalu mendekode tiap file jadi itu lagi dengan pembaca terpisah. Unduhan hanya terbuka setelah teks hasil dekode cocok dengan yang Anda tinjau. Itu menangkap render yang rusak sebelum sampai ke proses cetak. Itu tidak dapat memberi tahu Anda apakah tata letak akhirnya mempertahankan zona tenang, jadi pindai sendiri contoh cetaknya.
Tanya jawab SVG dan PNG
SVG atau PNG?
SVG untuk apa pun yang dicetak atau dapat diubah ukurannya: poster, kemasan, kartu, papan penanda, file desain. PNG untuk tempat tetap di layar, seperti tanda tangan email atau slide.
Apakah kode QR SVG berkualitas lebih tinggi?
Format ini sama sekali tidak memiliki resolusi. Format ini mendeskripsikan modul sebagai bentuk dan merendernya pada ukuran berapa pun yang Anda minta. PNG memiliki kisi piksel tetap dan akan mengabur jika diperbesar melewatinya.
Bisakah saya mengubah warnanya?
Bisa, di editor vektor mana pun, dan filenya tetap tajam. Pertahankan modul gelap di atas latar terang. Kode terbalik atau berkontras rendah gagal pada sebagian pemindai, apa pun formatnya.
Mengapa kode cetakan saya terlihat buram?
PNG diperbesar melewati kisi pikselnya, sehingga printer mereka-reka detail di tepi modul. Cetak SVG-nya, atau ekspor PNG pada ukuran persis yang dibutuhkan tata letaknya.
Apakah percetakan menerima SVG?
Sebagian besar bisa, dan setiap alat tata letak dapat mengimpornya. Jika percetakan meminta PDF atau EPS, tempatkan SVG di alat desain lalu ekspor dari sana. Bentuknya akan tetap utuh.
Bisakah saya mengubah PNG itu ke SVG nanti?
Melakukan tracing pada kode raster kembali menjadi vektor hanya menebak-nebak tepi yang sudah buram. Sebaiknya buat SVG dari muatannya. Hanya butuh sedetik dan geometrinya persis.