PNG czy SVG: co wybrać i kiedy konwertować

PNG i SVG nie są lepszą i gorszą wersją tego samego. To dwa różne rodzaje plików, a właściwy zależy od tego, co tworzysz. PNG składa się z pikseli jak drobna mozaika kolorowych kwadratów. SVG składa się z matematyki: linii, krzywych i kształtów, które komputer rysuje na nowo w dowolnym rozmiarze. Ta jedna różnica decyduje o pozostałych. Krótka zasada: używaj PNG do zdjęć i szczegółowych obrazów, a SVG do logo, ikon, tekstu i wszystkiego, co będziesz skalować, drukować w dużym formacie lub wycinać maszynowo. Jeśli masz logo PNG potrzebne jako SVG, nie wystarczy go tak zapisać. Trzeba je przekonwertować i to właśnie jakość tego etapu decyduje o wyniku.

Wersja w skrócie

• PNG = piksele. Najlepszy do zdjęć, zrzutów ekranu i szczegółowych obrazów wymagających przezroczystości.
• SVG = matematyka. Najlepszy do logo, ikon, tekstu i wszystkiego, co skalujesz, drukujesz w dużym rozmiarze lub wycinasz.
• Skalowanie ujawnia różnicę: powiększ oba 10 razy, a PNG się rozmyje, podczas gdy SVG pozostanie ostry.
• Nie wystarczy zmienić nazwy PNG na .svg. Zmiana PNG w prawdziwy SVG wymaga trasowania. Przekonwertuj PNG do SVG i sprawdź wynik.
• Uważaj na pozorny SVG: PNG opakowany w plik .svg nadal ujawnia piksele i nadal nie pozwala edytować kształtów.

Rzeczywista różnica: piksele a matematyka

Otwórz PNG i mocno powiększ, a w końcu zobaczysz kwadraty. To stała siatka pikseli. Gdy przekraczasz natywny rozmiar, komputer musi zgadywać, co wstawić między kwadraty, więc krawędzie stają się miękkie i schodkowane. Dlatego małe logo pobrane ze strony wygląda nieostro natychmiast po powiększeniu.

SVG może przechowywać instrukcje wektorowe, takie jak ścieżki, kształty, tekst i wypełnienia. Te geometryczne elementy można odrysowywać w różnych rozmiarach bez ujawniania stałej siatki pikseli. Specyfikacja SVG 2 dopuszcza również osadzone rastry i inne efekty, więc niezależność od rozdzielczości dotyczy tylko rzeczywiście wektorowej zawartości. Jeśli „instrukcje zamiast pikseli” to nowy pomysł, czym naprawdę jest wektoryzacja obrazu wyjaśnia go krok po kroku.

PNG a SVG w skrócie

Jedna uwaga o rozmiarze: często powtarza się „SVG jest mniejszy” i przy płaskim logo lub ikonie zwykle tak jest. Jednak SVG złożonego obrazu przypominającego zdjęcie może znacznie przerosnąć PNG, ponieważ musi opisać każdy znaleziony drobny kształt. SVG wygrywa rozmiarem przy prostej, płaskiej grafice.

Którego użyć? Zdecyduj według projektu

Nie ma jednego zwycięzcy. Wszystko zależy od zadania. Oto szybkie decyzje dla typowych zastosowań.

W wierszu o cięciu kryje się wyjątek: Print Then Cut w Cricut działa z PNG, ponieważ najpierw drukuje projekt, a potem wycina dookoła. Aktualny poradnik importu Cricut dokumentuje również podstawowy import rastrów i opcję Convert to Layers tylko dla Access, obok importu warstwowych SVG.

Sublimacja i koszulki z nadrukiem często wprowadzają w błąd. Właściwy plik zależy od wykonawcy. Na przykład aktualne wytyczne Printful zalecają PNG do DTG i podają wymagania rozdzielczości konkretnych produktów. Folia termotransferowa wymaga ścieżek cięcia, dla których SVG często jest przydatnym źródłem. Zapytaj wykonawcę o dokładny format, wymiary w pikselach, profil kolorów i wymagania przezroczystości.

Jeśli logo stale pojawia się z białym prostokątem wokół, to kwestia przezroczystości, a nie przewagi formatu. Zapisujesz JPG, który nie przechowuje przezroczystego tła, choć potrzebujesz PNG lub SVG.

Dla ikon, żetonów i ilustrowanych plansz wybieraj raster lub wektor według elementu gry planszowej. Jeśli płaski symbol zasobu potrzebuje edytowalnych ścieżek, wypróbuj konwerter grafiki do gier planszowych na tym symbolu i sprawdź go w układzie elementu przed konwersją całego zestawu.

Czy mogę zmienić PNG w SVG?

Czy można zmienić PNG w SVG? Tak, ale nie przez samo zapisanie w tym formacie. Trzeba go przetrasować: oprogramowanie odtwarza pikselowy obraz jako ścieżki wektorowe. Odwrotny kierunek, SVG do PNG, jest łatwy i przewidywalny, bo tylko spłaszczasz kształty do pikseli w ustalonym rozmiarze. Kierunek PNG do SVG jest trudny, a jakość trasowania decyduje o wszystkim. To samo dotyczy sytuacji, gdy źródłem jest WebP, trzeci raster spotykany we współczesnym internecie.

W tym trudnym kierunku wyniki potrafią się skrajnie różnić. Dobre narzędzie odtwarza grafikę jako czyste, edytowalne ścieżki. Niedbałe daje chaos tysięcy zbędnych punktów kotwiczenia, postrzępionych krawędzi i kolorów, których nie da się rozdzielić. To samo wejście, zupełnie inne wyjście. Pełną procedurę opisuje jak przekonwertować PNG do SVG bez utraty jakości.

Pułapka, którą warto znać: niektóre konwertery w ogóle nie trasują. Opakowują oryginalny PNG w plik .svg i zwracają go. Ma właściwe rozszerzenie i otwiera się, ale nadal jest pikselowy. Rozmywa się przy skalowaniu i nie pozwala edytować żadnego kształtu. To pozorny wektor, który niweczy sens konwersji. Ta sama pułapka dotyka osób wektoryzujących logo.

Trzy szybkie kontrole pokazują, czy masz prawdziwy SVG:

• Powiększ. Prawdziwy wektor pozostaje ostry. Pozorny ujawnia piksele jak PNG, którym nadal jest.
• Kliknij kształt. Powinno dać się zaznaczać i przesuwać poszczególne ścieżki, nie jeden płaski obraz.
• Sprawdź złożoność. Czyste krzywe mają kilka punktów kotwiczenia, a nie tysiące. Rozbudowany wynik trudno edytować i wolno wycinać; więcej wyjaśnia dlaczego trasowanie tworzy zbyt wiele węzłów.

Ograniczenie, które warto podać od razu: nie każdy PNG powinien stać się SVG. Zdjęcie, zrzut zdjęcia lub grafika AI z wieloma gradientami nie dadzą czystego wyniku, ponieważ wektory opisują płaskie kształty, a ciągłe tony spłaszczają się do plam po posteryzacji. Logo, ikona lub płaska ilustracja to dobry punkt wyjścia. Jeśli to zdjęcie, pozostaw PNG.

Jak wygląda to w PerfectVector

W kierunku PNG do SVG liczy się to, czy odtworzone ścieżki przechodzą te kontrole. PerfectVector powstał, aby zmieniać odpowiednią płaską grafikę w edytowalne ścieżki i kolorowe kształty, z podglądem do porównania zarysu, palety i układu węzłów przed pobraniem. Zmień PNG w SVG, sprawdź wynik bezpłatnie i wydaj jeden kredyt dopiero wtedy, gdy gotowy plik pasuje do kolejnego narzędzia.

Kiedy zachować PNG

SVG nie zawsze jest ulepszeniem. Zachowaj PNG, gdy:

• To zdjęcie lub obraz ze szczegółami fotograficznymi i gradientami.
• Potrzebujesz tylko szybkiego obrazu do internetu lub e-maila, a rozmiar już jest właściwy.
• Musi otwierać się wszędzie bez niespodzianek. PNG jest powszechnym formatem rastrowym.

PNG jest właściwą odpowiedzią częściej, niż przyznają zwolennicy innych formatów. Celem jest plik odpowiedni do konkretnego zadania, nie „zawsze SVG”.

Pixel art to przydatny przypadek graniczny: konwersja do SVG może zachować każdy kwadrat jako kafelek wektorowy lub celowo wygładzić zarys. Poradnik wektoryzacji pixel artu wyjaśnia, kiedy każda z dróg uzasadnia dodatkową złożoność i kiedy PNG powinien pozostać plikiem głównym.

W książkach obrazkowych wybieraj rastrowe i wektorowe pliki główne według rodzaju ilustracji zamiast konwertować każdą scenę. Konwerter ilustracji do książek dla dzieci pozwala przetestować jedną płaską postać lub ozdobnik; malowaną scenę zachowaj jako osobny rastrowy plik główny.

FAQ

Czy SVG jest lepszy od PNG? Żaden nie jest ogólnie lepszy. Pasują do różnych zadań. SVG wygrywa dla logo, ikon, tekstu i wszystkiego, co skalujesz, drukujesz w dużym formacie lub wycinasz, bo nie rozmywa się przy skalowaniu. PNG wygrywa dla zdjęć, zrzutów i szczegółowych obrazów, ponieważ przechowuje rzeczywiste detale pikselowe, których SVG nie odtworzy.

Czy mogę zmienić PNG w SVG? Tak, przez trasowanie, a nie zmianę nazwy. Konwerter odtwarza piksele jako ścieżki wektorowe. Dobrze działa dla płaskiej, kontrastowej grafiki, takiej jak logo i ikony, a słabo dla zdjęć. Zawsze potwierdź, że wynik jest prawdziwym wektorem z edytowalnymi ścieżkami, a nie PNG opakowanym w .svg.

Jakie wady ma SVG? SVG słabo radzi sobie ze zdjęciami i ciągłymi przejściami tonalnymi, niektóre starsze aplikacje i klienty poczty nie obsługują go w pełni, a niedbała konwersja może dać trudny w edycji, rozbudowany plik z tysiącami zbędnych węzłów. Dla płaskiej grafiki zwykle nie są to istotne problemy.

Czy do Cricut lepszy jest PNG czy SVG? Użyj SVG, jeśli chcesz wcześniej zdefiniowanych, warstwowych ścieżek cięcia. PNG nadaje się do Print Then Cut i może też przejść podstawową konwersję obrazu Cricut; subskrybenci Cricut Access mają opcję Convert to Layers dla zgodnych obrazów. Lepszy wybór zależy od tego, czy potrzebujesz drukowanych pikseli, czy edytowalnej geometrii cięcia.

Czy do nadruku na koszulce użyć PNG czy SVG? Zależy od wykonawcy i metody. Drukarnie DTG często przyjmują PNG w odpowiednim rozmiarze, a folia termotransferowa wymaga ścieżek cięcia i często używa SVG. Zapytaj o dokładne wymagania formatu, wymiarów, rozdzielczości, koloru i przezroczystości zamiast polegać na uniwersalnej zasadzie.

Co jest mniejsze: PNG czy SVG? Dla płaskiej grafiki, takiej jak logo i ikony, SVG zwykle jest znacznie mniejszy. Przy obrazach złożonych lub podobnych do zdjęć może być większy od PNG, bo musi opisać każdy kształt. Dopasuj format do grafiki.

Źródła

1. W3C — specyfikacja Portable Network Graphics (PNG), wydanie trzecie — Rastrowa struktura PNG, kompresja bezstratna, przezroczystość i animacja APNG.
2. W3C — SVG 2 — Kształty wektorowe, ścieżki, tekst, style i mieszana zawartość wektorowa oraz rastrowa.
3. W3C — osadzona zawartość SVG — Rastry osadzone w SVG.
4. Cricut — importowanie obrazów do Design Space — Zachowanie importu PNG i obrazów podstawowych oraz SVG i wektorów.
5. Cricut — jak używać Print Then Cut — Procedura drukowanego rastra i znaczniki czujnika cięcia.
6. Printful — przygotowanie plików do druku — Wymagania wykonawcy dotyczące formatów rastrowych i rozdzielczości.

---

Masz logo lub płaską grafikę uwięzioną w PNG? Przetrasuj ją do ścieżek SVG, a potem wykonaj trzy powyższe kontrole, aby potwierdzić, że plik jest edytowalny i pasuje do zastosowania.