Kształty kontra piksele
PNG przechowuje siatkę pikseli. Powiększ go, a program zgaduje, co powinno się między nimi znaleźć, co zmiękcza każdą krawędź. SVG przechowuje instrukcje: narysuj tu kwadrat, o tym rozmiarze, w tym kolorze. Poproś o 2 cm albo o 2 m, a wyrenderuje się ostro w obu przypadkach.
Dlaczego kod QR jest na to wrażliwszy niż zdjęcie
Skaner odczytuje kod QR, próbkując siatkę i decydując, czy każda komórka jest jasna, czy ciemna. Miękkie krawędzie przesuwają komórki w stronę średniej szarości, a komórki o wartościach bliskich średniej szarości to miejsce, gdzie dekodowanie zaczyna zawodzić. Lekko rozmyte zdjęcie nadal wygląda jak to zdjęcie. Lekko rozmyty kod QR przestaje być kodem QR.
Przy gęstych symbolach jest gorzej. Długa treść, na przykład rekord vCard albo URL z parametrami, wymaga więcej modułów w tym samym fizycznym kwadracie, więc każdy moduł jest mniejszy, a każda miękka krawędź zajmuje jego większą część.
Wybór według przeznaczenia
| Gdzie trafia kod | Format | Dlaczego |
|---|---|---|
| Wizytówka, ulotka, opakowanie | SVG | Drukarnia skaluje go do projektu bez strat |
| Plakat, naklejka na szybę, oznakowanie | SVG | Duże rozmiary to dokładnie to, gdzie PNG przestaje się sprawdzać |
| Plik projektowy w edytorze wektorowym | SVG | Edytowalne kształty, możliwość zmiany koloru, bez ponownego próbkowania |
| Stopka e-maila | PNG | Programy pocztowe obsługują grafikę rastrową dużo przewidywalniej |
| Prezentacja lub zrzut ekranu | PNG | Stały rozmiar wyświetlania, bez skalowania |
| Pole przesyłania w cudzym CMS-ie | PNG | Niektóre systemy z zasady odrzucają przesyłanie SVG |
Praca z plikiem SVG
- Umieść plik, nie wklejaj jego zrzutu ekranu Zaimportuj plik do programu do składu. Skopiowanie obrazka podglądu wyrzuca dane wektorowe i znów zostawia Cię z pikselami.
- Zmieniaj kolor ostrożnie Dowolny edytor wektorowy pozwala zmienić kolor modułów. Trzymaj ciemne moduły na jasnym tle. Kody odwrócone i pastelowe pary o niskim kontraście zawodzą w prawdziwych czytnikach.
- Nie rozciągaj jednej osi Skaluj oba wymiary razem. Rozciągnięty kod to zepsuta siatka, a żadna korekcja błędów nie naprawia geometrii.
- Zachowaj strefę ciszy Pusty margines należy do symbolu. Ciasne kadrowanie do samych modułów to najczęstsza przyczyna, dla której piękny projekt przestaje się skanować.
Jeśli musisz użyć PNG
Eksportuj w rozmiarze w pikselach, którego wymaga finalny projekt, albo większym, i nigdy potem go nie powiększaj. Zmniejszanie jest zwykle bezpieczne. Powiększanie to źródło rozmycia.
Nie przepuszczaj PNG przez stratny kompresor. Artefakty JPEG zbierają się wokół twardych czarno-białych krawędzi, czyli wokół każdej krawędzi w kodzie QR. Jeśli plik ma być mniejszy, nasz kompresor zdjęć koduje PNG bezstratnie i odrzuca wynik, gdy nie jest faktycznie mniejszy.
Kontrola, która działa na obu
Vaultaire buduje PNG i SVG z tej samej treści, a potem dekoduje każdy gotowy plik ponownie osobnym czytnikiem. Pobieranie odblokowuje się dopiero wtedy, gdy zdekodowany tekst zgadza się z przejrzaną przez Ciebie treścią. To wyłapuje uszkodzony render, zanim trafi do druku. Nie powie Ci, czy finalny projekt zachował strefę ciszy, więc zeskanuj wydruk próbny samodzielnie.
SVG i PNG: najczęstsze pytania
SVG czy PNG?
SVG do wszystkiego, co drukowane lub skalowane: plakatów, opakowań, wizytówek, oznakowania, plików projektowych. PNG do stałego miejsca na ekranie, na przykład stopki e-maila lub slajdu.
Czy kod QR w SVG ma wyższą jakość?
Nie ma żadnej rozdzielczości. Opisuje moduły jako kształty i renderuje się w każdym rozmiarze, o jaki poprosisz. PNG ma stałą siatkę pikseli i traci ostrość poza nią.
Czy mogę zmienić kolor?
Tak, w dowolnym edytorze wektorowym, a plik pozostaje ostry. Trzymaj ciemne moduły na jasnym tle. Kody odwrócone lub o niskim kontraście zawodzą w części czytników niezależnie od formatu.
Dlaczego mój wydrukowany kod jest rozmyty?
Plik PNG powiększono poza jego siatkę pikseli, więc drukarka wymyśliła szczegóły na krawędziach modułów. Wydrukuj SVG albo wyeksportuj PNG dokładnie w rozmiarze, którego wymaga projekt.
Czy drukarnie przyjmują SVG?
Większość tak, a każdy program do składu go importuje. Jeśli drukarnia chce PDF lub EPS, umieść SVG w programie graficznym i wyeksportuj stamtąd. Kształty przetrwają.
Czy mogę później przekonwertować PNG na SVG?
Wektoryzacja kodu rastrowego zgaduje krawędzie, które już były miękkie. Wygeneruj SVG bezpośrednio z treści. Zajmuje to sekundę, a geometria jest dokładna.