Фігури проти пікселів
PNG зберігає сітку пікселів. Збільште його, і програмне забезпечення буде вгадувати, що знаходиться між ними, що пом'якшує кожен край. SVG зберігає інструкції: намалювати квадрат тут, такого розміру, такого кольору. Задайте розмір 2 см або 2 м, і він буде чітко відмальований в обох випадках.
Чому для QR-коду це важливіше, ніж для фотографії
Сканер зчитує QR-код, вибірково перевіряючи сітку та визначаючи, світла чи темна кожна клітинка. М'які краї наближають клітинки до середнього сірого кольору, а клітинки, близькі до середнього, — це те, де декодування починає давати збій. Злегка розмите фото все ще виглядає як фото. Злегка розмитий QR-код перестає бути QR-кодом.
Це ще гірше для щільних символів. Довгі дані, такі як запис vCard або URL-адреса з параметрами, потребують більше модулів у тому самому фізичному квадраті, тому кожен модуль менший, і кожен м'який край охоплює більшу його частину.
Вибір за призначенням
| Де буде розміщено код | Формат | Чому |
|---|---|---|
| Візитка, флаєр, пакування | SVG | Принтер масштабує його до макета без втрат |
| Плакат, наклейка на вікно, вивіска | SVG | Великі розміри — це саме те, де PNG розпадається |
| Файл дизайну у векторному редакторі | SVG | Редаговані фігури, можливість зміни кольору, без передискретизації |
| Підпис в електронному листі | PNG | Поштові клієнти обробляють растрові зображення набагато передбачуваніше |
| Презентація або знімок екрана | PNG | Фіксований розмір відображення, без масштабування |
| Поле завантаження в чужій CMS | PNG | Деякі системи принципово відхиляють завантаження SVG |
Робота з SVG
- Вставляйте файл, а не його знімок екрана Імпортуйте файл в інструмент для верстки. Копіювання зображення попереднього перегляду відкидає векторні дані та знову залишає вас із пікселями.
- Змінюйте колір обережно Будь-який векторний редактор змінює колір модуля. Зберігайте темні модулі на світлому тлі. Інвертовані коди та низькоконтрастні пастельні пари не зчитуються реальними сканерами.
- Не розтягуйте по одній осі Масштабуйте обидва виміри разом. Розтягнутий код — це зламана сітка, і жодне виправлення помилок не відновить геометрію.
- Зберігайте вільну зону Порожнє поле належить до символу. Обрізання впритул до модулів — найпоширеніша причина, чому гарний макет перестає скануватися.
Якщо вам потрібно використовувати PNG
Експортуйте в розмірі в пікселях, який потрібен для кінцевого макета, або більшому, і ніколи не збільшуйте його згодом. Зменшення зазвичай безпечне. Збільшення — це те, звідки береться розмиття.
Не пропускайте PNG через компресор із втратами. Артефакти JPEG скупчуються навколо жорстких чорно-білих країв, якими є кожен край у QR-коді. Якщо вам потрібен файл меншого розміру, наш інструмент для стиснення зображень перекодовує PNG без втрат і відкидає результат, якщо він насправді не менший.
Перевірка, яка виконується для обох
Vaultaire створює PNG і SVG з однакових даних, а потім знову декодує кожен готовий файл за допомогою окремого зчитувача. Завантаження розблоковується лише після того, як декодований текст збігається з тим, що ви перевірили. Це виявляє пошкоджений рендер до того, як він потрапить до друку. Це не може сказати вам, чи зберіг кінцевий макет вільну зону, тому відскануйте пробний відбиток самостійно.
Поширені запитання про SVG та PNG
SVG чи PNG?
SVG для всього, що друкується або змінює розмір: плакатів, пакування, карток, вивісок, файлів дизайну. PNG для фіксованого місця на екрані, наприклад, для підпису в електронному листі або слайда.
Чи має QR-код у форматі SVG вищу якість?
Він взагалі не має роздільної здатності. Він описує модулі як фігури та відтворюється в будь-якому потрібному розмірі. PNG має фіксовану сітку пікселів і розмивається за її межами.
Чи можу я змінити колір?
Так, у будь-якому векторному редакторі, і файл залишиться чітким. Зберігайте модулі темними на світлому тлі. Інвертовані або низькоконтрастні коди не зчитуються деякими сканерами незалежно від формату.
Чому мій надрукований код виглядає розмитим?
PNG було збільшено за межі його піксельної сітки, тому принтер вигадав деталі на краях модулів. Друкуйте SVG або експортуйте PNG у точному розмірі, який потрібен для макета.
Чи приймають друкарні SVG?
Більшість так, і кожен інструмент для верстки імпортує його. Якщо друкарня хоче PDF або EPS, помістіть SVG в інструмент дизайну та експортуйте звідти. Фігури зберігаються.
Чи можу я пізніше конвертувати PNG у SVG?
Трасування растрового коду назад у вектор вгадує краї, які вже були м'якими. Натомість згенеруйте SVG з вихідних даних. Це займає секунду, а геометрія є точною.