SVG → PNG
Konwerter SVG na PNG
Upuść plik wektorowy i odbierz PNG w rozdzielczości, jakiej wymaga zadanie. Rasteryzacja odbywa się w tej karcie, więc praca projektowa zostaje między Tobą a Twoim komputerem.
PNG ma ustalone piksele: powiększenie go później rozmyje obraz, podczas gdy SVG pozostaje ostry w każdym rozmiarze. Przezroczyste obszary są zachowywane, a nie wypełniane.
Jak przekonwertować SVG na PNG
Wczytaj wektor
Upuść plik .svg albo wklej go. Pliki, które w nagłówku nie deklarują szerokości i wysokości, są renderowane w oknie o szerokości 1024 pikseli.
Wybierz rozmiar w pikselach
Ustaw potrzebną szerokość lub wysokość — 256 dla ikony aplikacji, 2400 dla grafiki do druku — a drugi wymiar pójdzie za proporcjami. Eksport nigdy nie jest powiększany ponad rozmiar zadeklarowany w pliku.
Wyeksportuj PNG
Zapisz raster i użyj go wszędzie tam, gdzie oczekiwany jest PNG: na slajdzie, w procesie favikon, w pliku README albo w karcie sklepu, która nie przyjmuje wektorów.
Zamiana wektorów na piksele
SVG to XML: ścieżki, wypełnienia i instrukcje tekstowe, które renderer rozwiązuje przy każdym powiększeniu — dlatego logotypy i ikony rysuje się jako wektory. PNG to siatka gotowych pikseli, więc rasteryzacja oznacza najpierw ustalenie rozmiaru siatki: każda krzywa jest na nią próbkowana, a wybrana rozdzielczość jest rozdzielczością, którą zachowujesz.
Rysunek jest renderowany przez własny silnik SVG przeglądarki, ten sam, który pokazuje go na stronie, więc gradienty, filtry i przycięte kształty zachowują się tak jak na ekranie, a przezroczystość zostaje zachowana, bo PNG niesie kanał alfa. Ceną jest niezmienność: powiększ później PNG, a krawędzie zmiękną, podczas gdy świeży eksport z SVG w większym rozmiarze pozostanie ostry. Zachowaj wektor jako plik źródłowy.
Pytania o konwersję SVG na PNG
Jak wybrać rozdzielczość PNG?
Pomyśl o największym miejscu, w którym obraz się pojawi: 16–64 px dla favikony, 256–512 px dla ikony aplikacji, 1000 px lub więcej do druku. Ustaw jeden wymiar, a drugi pójdzie za proporcjami; ponowny eksport w innym rozmiarze jest tani, bo źródło pozostaje ostre.
Co tracę w porównaniu z SVG?
Skalowalność i możliwość edycji: PNG to ustalona siatka, więc powiększanie go rozmywa, a jego kształty nie są już tekstem, który możesz przestylizować. Traktuj eksport jako kopię dostarczaną w jednym rozmiarze i zachowaj oryginalny plik .svg.
Mój SVG nie ma szerokości ani wysokości. Co się dzieje?
Jest renderowany w oknie o szerokości 1024 pikseli i to staje się jego rozmiarem natywnym, więc plik z samym viewBox jest traktowany jako szeroki na 1024 px. Ustaw tu jawny rozmiar w pikselach albo dodaj szerokość i wysokość do znaczników, gdy potrzebujesz czegoś dokładnego.
Czy PNG zachowuje przezroczystość i czy mój plik jest wysyłany?
Przezroczystość zostaje zachowana, bo PNG ma prawdziwy kanał alfa — logotyp na przezroczystym tle pozostaje przezroczysty. Nic też nie jest wysyłane: grafika jest renderowana i kodowana w tej karcie, do 64 MB na plik, a strona działa offline po wczytaniu.