Pliki SVG: to nie obraz i dlaczego ma to znaczenie przy konwersji
Dlaczego SVG nie ma rozdzielczości, co ustawić przed rasteryzacją i czemu nie da się zamienić PNG z powrotem. Konwertuj SVG w przeglądarce, bez wysyłania.
W skrócie
- Typ
- Obrazy
- Kompresja
- Bezstratny
- Rozszerzenia
- .svg
- Typ MIME
- image/svg+xml
- Znany też jako
- Scalable Vector Graphics
SVG to nie plik obrazu, tylko dokument — XML opisujący kształty, ścieżki, wypełnienia i tekst. Nic w nim nie jest pikselem. Gdy przeglądarka go wyświetla, wykonuje te instrukcje w takim rozmiarze, jakiego wymaga układ, i dlatego SVG jest ostre na telefonie i na billboardzie z tych samych kilku kilobajtów. Ta jedna cecha jest powodem, dla którego logotypy i ikony rozpowszechnia się w ten sposób.
Czytaj dalej
Konwersja na PNG oznacza wybranie rozmiaru i jednorazowe wykonanie tych instrukcji. Od tej chwili wynik to zwykły raster, który rozmywa się przy powiększeniu, więc wybrany rozmiar jest całą konwersją. Wybierz największy wymiar, w jakim obraz kiedykolwiek będzie wyświetlany, z zapasem: zmniejszanie PNG jest czyste, powiększanie nie.
Konwersja odwrotna w praktyce nie istnieje. Przejście od instrukcji do pikseli gubi instrukcje, a ich odzyskanie wymaga wektoryzacji — algorytmu zgadującego kształty w bitmapie i tworzącego ścieżki przybliżające to, co widzi. To zupełnie inny rodzaj narzędzia, a jego wynik nigdy nie jest oryginałem.
Dwie rzeczy do sprawdzenia w wyniku. Fonty: SVG odwołujące się do kroju po nazwie zależy od tego, czy ten font jest zainstalowany, więc tekst może zostać wyrenderowany zamiennikiem — jeśli typografia ma znaczenie, najpierw zamień tekst na krzywe w swoim edytorze. I przezroczystość: SVG nie ma tła, dopóki się go nie narysuje, więc PNG będzie przezroczysty tam, gdzie grafika jest pusta, co zwykle jest pożądane, a czasem staje się niewidoczne na białej stronie.
Konwertuj SVG na inne formaty
SVG — FAQ
Jaki rozmiar wybrać przy konwersji?
Największy, w jakim obraz kiedykolwiek będzie wyświetlany, i to z zapasem. PNG czysto się zmniejsza, ale nigdy nie powiększa. Ustaw maksymalną szerokość w opcjach zaawansowanych.
Dlaczego mój tekst renderuje się złym fontem?
Bo SVG odwołuje się do kroju po nazwie, a nie był on dostępny, więc użyto zamiennika. Przed konwersją zamień tekst na krzywe w swoim edytorze wektorowym.
Czy mogę przekonwertować PNG lub JPG z powrotem na SVG?
Nie w sensowny sposób. Rasteryzacja gubi instrukcje, a ich odzyskanie oznacza wektoryzację — zgadywanie kształtów w bitmapie. Wynik przybliża obraz, a nie przywraca oryginału.
Czy PNG będzie miał przezroczyste tło?
Tak, wszędzie tam, gdzie grafika jest pusta, bo SVG nie ma tła, dopóki się go nie narysuje. Jeśli potrzebujesz jednolitego koloru, najpierw dodaj prostokąt w SVG.
Po co w ogóle rasteryzować SVG?
Bo mnóstwo oprogramowania go nie przyjmie — dokumenty biurowe, starsze edytory, wiele formularzy przesyłania i platformy przyjmujące tylko obrazy rastrowe.
Czy SVG jest stratny czy bezstratny?
Żadne z tych pojęć nie pasuje. Przechowuje instrukcje, a nie próbki, więc nie ma czego odrzucić przy kompresji. Pytanie zaczyna mieć znaczenie dopiero po rasteryzacji.
Czy pliki SVG są bezpieczne do otwierania?
To dokumenty, które mogą zawierać skrypty, więc niezaufany SVG przypomina bardziej plik HTML niż zdjęcie. Konwersja tutaj renderuje go w izolowanym kontekście i daje zwykły raster, co jest jednym ze sposobów na rozbrojenie takiego pliku.
Czy konwersja wysyła mój plik?
Nie. SVG jest renderowany przez Twoją przeglądarkę na stronie, a PNG jest tam również kodowany. Twój plik nigdy nie jest nigdzie wysyłany.