Konwerter obrazów wektorowych SVG do formatu PNG
Konwersja plików wektorowych SVG na obrazy rastrowe PNG przekształca skalowalną grafikę opartą na kodzie w siatki o stałych pikselach, zapewniając uniwersalną zgodność z aplikacjami.
Porównanie formatów i specyfikacja techniczna
| Specyfikacja | SVG | PNG |
|---|---|---|
| Typ MIME | image/svg+xml | image/png |
| Typ | vector | raster |
| Kompresja | lossless XML text (GZIP compressible via .svgz) | lossless (DEFLATE / LZ77 + Huffman) |
| Standardowa specyfikacja | W3C SVG 2 Specification | W3C PNG 3rd Edition |
| Nagłówek magic bytes | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) | 89 50 4E 47 0D 0A 1A 0A |
Przegląd formatu i zastosowania
Grafika wektorowa oparta na skalowalnych plikach XML służy do rysowania ścieżek geometrycznych, linii i kształtów bezpośrednio na ekranach. Ten format sprawdza się doskonale w przypadku logo internetowych oraz ikon, ponieważ grafika zachowuje ostrość przy każdej rozdzielczości ekranu. Niektóre starsze programy, rygorystyczne klienci poczty e-mail oraz specyficzne narzędzia drukarskie nie potrafią jednak odczytać kodu wektorowego. Przekształcenie pliku w format Portable Network Graphics rozwiązuje ten problem poprzez rasteryzację kształtów wektorowych do siatki kolorowych pikseli. Programiści webowi i projektanci graficzni często potrzebują tej konwersji podczas przygotowywania ikon do sklepów z aplikacjami mobilnymi lub na platformy legacy. Sklepy z aplikacjami wymagają określonych wymiarów rastrowych dla ikon programów. Zmieniając źródło wektorowe w stałą siatkę obrazu, twórcy zyskują pewność, że grafika poprawnie wyświetli się na każdym urządzeniu bez konieczności parsowania kodu XML przez aplikację docelową.
Specyfikacja techniczna i analiza kodeków
Pliki SVG używają typu MIME image/svg+xml i składają się ze zwykłego tekstu w postaci tagów XML zamkniętych w nawiasach znaczników. Nie korzystają z bajtów magicznych, ponieważ są dokumentami tekstowymi czytelnymi dla człowieka. Pliki PNG wykorzystują typ MIME image/png i zaczynają się od dokładnej ośmiobajtowej sygnatury magicznej 89 50 4E 47 0D 0A 1A 0A. Pod względem strukturalnym SVG opiera się na matematycznych instrukcjach ścieżek oraz współrzędnych. PNG bazuje na siatce rastrowej pikseli skompresowanej algorytmem DEFLATE, który łączy dopasowanie słownikowe przesuwnego okna LZ77 z kodowaniem Huffmana w celu uzyskania bezstratnej kompresji.
Zgodność z systemami operacyjnymi i przeglądarkami
Pliki SVG otwierają się natywnie we wszystkich nowoczesnych przeglądarkach internetowych, w tym Chrome, Safari, Firefox i Edge, lecz brakuje im obsługi w starszym oprogramowaniu biurowym, takim jak dawne wersje pakietu Microsoft Office. Obrazy PNG cieszą się uniwersalną kompatybilnością we wszystkich głównych systemach operacyjnych, takich jak Windows, macOS, Linux, iOS i Android. Każda nowoczesna przeglądarka internetowa, przeglądarka obrazów oraz pakiet biurowy otwiera pliki PNG bez konieczności instalowania dodatkowych wtyczek.
💡 Przydatne informacje
Podczas konwersji wektorów na rastry wybierz rozdzielczość odpowiadającą ostatecznemu urządzeniu docelowemu. Eksport w podwójnych wymiarach generuje ostry obraz dla ekranów o wysokiej gęstości pikseli typu Retina.
Porównanie formatów i specyfikacja techniczna
Typowy plik wektorowy z logo zajmuje około 15 KB. Konwersja do pliku PNG o wysokiej rozdzielczości tworzy dokument o wielkości około 250 KB. Przy szybkim łączu światłowodowym plik ten przesyła się w czasie poniżej jednej milisekundy. W sieci komórkowej 5G trwa to około dwóch milispekund, a w standardowej sieci 4G transfer kończy się w przybliżeniu w dziesięć milisekund.
Często zadawane pytania
Jak przekonwertować wektor SVG na obraz PNG bez utraty jakości?
Aby zachować ostrość pliku wynikowego, wyrenderuj matematykę wektorową w dużej rozdzielczości pikselowej przed zastosowaniem bezstratnej kompresji DEFLATE używanej w plikach PNG. Ponieważ oba formaty są bezstratne, konwersja zachowuje każdą ostrą krawędź oraz dokładny kolor, o ile ostateczna siatka pikseli nie zostanie powiększona ponad wygenerowany rozmiar.
Czym się różni wektor SVG od obrazu PNG?
SVG to format wektorowy zbudowany z instrukcji tekstowych XML, które skalują się nieskończenie bez efektu pikselizacji. PNG to format rastrowy zbudowany z ustalonej siatki pojedynczych, kolorowych pikseli. Wektory najlepiej radzą sobie ze skalowaniem i responsywnym projektowaniem stron, podczas gdy rastry doskonale obsługują złożone tekstury fotograficzne oraz uniwersalną zgodność z oprogramowaniem.