Konwerter PNG na SVG
Umieść rastrowe obrazy PNG w wektorowym kontenerze SVG XML, aby responsywnie skalować je na stronach internetowych i integrować z układami obsługującymi grafikę wektorową.
Porównanie formatów i specyfikacja techniczna
| Specyfikacja | PNG | SVG |
|---|---|---|
| Typ MIME | image/ | image/ |
| Typ | grafika rastrowa | wektor |
| Kompresja | bezstratna (DEFLATE / LZ77 + Huffman) | bezstratny tekst XML (kompresja GZIP przez .svgz) |
| Standardowa specyfikacja | W3C PNG 3rd Edition | W3C SVG 2 Specification |
| Nagłówek z bajtami identyfikującymi | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Przegląd formatu i zastosowania
Konwersja plików PNG do formatu SVG umieszcza rastrową mapę bitową w kontenerze wektorowym XML, co pozwala programistom stron internetowych i grafikom osadzać grafiki rastrowe bezpośrednio w skalowalnych projektach wektorowych. Obraz PNG używa stałej siatki kolorowych pikseli. Umieszczenie go w pliku SVG zachowuje oryginalne wymiary w pikselach i przezroczystość, a zarazem pozwala osadzać obraz w układach stron opartych na SVG oraz w widokach interfejsu dostosowujących się do rozmiaru okna. Projektanci stron internetowych często wykonują tę konwersję, aby integrować grafiki rastrowe z arkuszami sprite SVG, procesami tworzenia ilustracji wektorowych i responsywnymi stronami internetowymi bez zarządzania osobnymi zewnętrznymi plikami obrazów. Powstały plik SVG zawiera całą grafikę w samodzielnym dokumencie ze standardowym znacznikiem XML.
Specyfikacja techniczna i analiza kodeków
Plik PNG to obraz rastrowy o typie MIME image/png. Zaczyna się od nagłówka bajtów magicznych 89 50 4E 47 0D 0A 1A 0A, po którym następuje ciąg bloków danych skompresowanych przy użyciu algorytmu DEFLATE, łączącego słowniki przesuwne LZ77 oraz kodowanie Huffmana. Natomiast plik SVG używa typu MIME image/svg+xml i jest strukturyzowany jako dokument XML. Podczas konwersji silnik rastruje obraz w pamięci klienta, serializuje mapę bitową do formatu PNG i osadza obraz jako ciąg danych Base64 wewnątrz elementu kontenera <image> w pliku SVG. Pozwala to zapakować grafikę w prawidłowy, samowystarczalny plik SVG o zdefiniowanych wymiarach viewBox.
Zgodność z systemami operacyjnymi i przeglądarkami
Pliki SVG są szeroko obsługiwane w nowoczesnych przeglądarkach internetowych, takich jak Chrome, Firefox, Safari i Edge, na komputerowych i mobilnych systemach operacyjnych, w tym Windows, macOS, Android i iOS. Programy do przeglądania obrazów i pakiety graficzne, takie jak Adobe Illustrator, Inkscape i CorelDRAW, natywnie obsługują edycję SVG. Pliki PNG są równie szeroko obsługiwane przez przeglądarki i systemy operacyjne, ale do przeglądania ich surowego znaczników SVG wystarczy dowolny standardowy edytor tekstu.
Przydatne informacje
Ponieważ ta konwersja osadza rastrową mapę bitową w kontenerze XML zamiast śledzić i odtwarzać ścieżki wektorowe, grafika zachowuje dokładne odwzorowanie pikseli oraz przezroczystość alfa, zachowując jednocześnie pełną zgodność z renderowaczami SVG.
Często zadawane pytania
Jak przekonwertować obraz PNG na wektor SVG bez utraty jakości?
Konwerter umieszcza mapę bitową PNG w pełnej rozdzielczości bezpośrednio wewnątrz kontenera XML SVG jako osadzony strumień danych Base64. Pozwala to zachować kolory pikseli i przezroczystość bez kompresji stratnej.
Jaka jest różnica między obrazem PNG a wektorem SVG?
PNG to format obrazu rastrowego, który przechowuje dane wizualne jako stałą siatkę kolorowych pikseli skompresowanych za pomocą algorytmu DEFLATE, co sprawia, że rozmiar pliku zależy od wymiarów w pikselach. SVG to format obrazu wektorowego, który przechowuje dane wizualne jako skalowalne instrukcje matematyczne zapisane w tekście XML, co pozwala na nieskończoną skalowalność obrazu bez pikselizacji.