Konwertuj SVG na PNG
Konwerter SVG na PNG: wrzuć pliki SVG lub wklej kod SVG, wybierz rozmiar i pobierz PNG. SVG to format wektorowy, więc PNG wychodzi ostry w każdym rozmiarze – od favicony 16 px po obraz 4K. Wszystko działa w przeglądarce.
Jak to obliczamy
SVG (Scalable Vector Graphics) opisuje obraz liniami, kształtami i tekstem zamiast pikseli. To idealne dla logo i ikon, ale nie wszędzie akceptowane: starsze wersje Worda i PowerPointa, wiele formularzy, stopki e-mail, sklepy z aplikacjami i serwisy społecznościowe wymagają obrazu rastrowego. Konwersja SVG na PNG rozwiązuje problem – bezstratnie i z przezroczystością.
Jak zamienić SVG na PNG
- Wrzuć pliki SVG lub wklej kod SVG.
- Wybierz rozmiar i zdecyduj, czy tło ma być przezroczyste, czy kolorowe.
- Pobierz PNG.
Przykład: kwadratowa ikona z viewBox="0 0 24 24" wyeksportowana z szerokością 512 px daje PNG 512 × 512 pikseli – idealnie ostry, bo grafika wektorowa jest rysowana od nowa w tym rozmiarze.
Jaki rozmiar będzie miał PNG?
Punktem wyjścia jest rozmiar zapisany w samym pliku SVG:
- width i height w elemencie
<svg>: używane są te wartości. Jednostki takie jak mm, cm, in czy pt są przeliczane na piksele jak w CSS (1 in = 96 px, 1 cm ≈ 37,8 px, 1 pt = 1⅓ px). - tylko viewBox (typowe dla ikon, np.
viewBox="0 0 24 24"): szerokość i wysokość viewBox liczą się jako piksele. - jeden wymiar + viewBox: drugi wynika z proporcji viewBox.
- nic lub wartości procentowe: domyślnie 300 × 150 px – ustaw rozmiar w pikselach samodzielnie.
Mnożnik powiększa ten rozmiar (ikona 24 px przy 4× ma 96 × 96 px). W trybie szerokość/wysokość wpisujesz piksele; przy jednej wartości druga wynika z proporcji. Gdy podasz obie i włączysz „Zachowaj proporcje”, grafika zostanie wpasowana w tę ramkę; po wyłączeniu zostanie rozciągnięta dokładnie do tych wymiarów.
| Zastosowanie | Typowy rozmiar PNG |
|---|---|
| Favicon / ikona aplikacji | 32, 180, 192 lub 512 px (kwadrat) |
| Logo na stronie (Retina) | 2× rozmiar wyświetlania |
| Logo w Wordzie/PowerPoincie | 1000–2000 px szerokości |
| Druk w 300 dpi | szerokość w cm ÷ 2,54 × 300 (10 cm ≈ 1181 px) |
Przezroczyste czy kolorowe tło
PNG obsługuje przezroczystość – zostaw tło „Przezroczyste”, a logo będzie dobrze wyglądać na każdym podłożu. W aplikacjach lub serwisach, które pokazują przezroczystość jako czerń, wybierz kolor tła (zwykle biały). Potrzebujesz JPG? Zamień PNG w konwerterze zdjęć; aby zmniejszyć plik, użyj narzędzia kompresja zdjęć.
Bezpieczeństwo: SVG jest rysowany tylko jako obraz
Pliki SVG mogą zawierać skrypty i odnośniki do zewnętrznych serwerów. Dlatego to narzędzie wczytuje SVG wyłącznie jako obraz (jak <img> na stronie). W tym trybie przeglądarka nie uruchamia skryptów i niczego nie pobiera. Druga strona medalu: obrazy lub czcionki podlinkowane z internetu nie pojawią się w PNG. Osadzone obrazy (adresy data:) i czcionki zainstalowane w systemie działają.
Prywatność
Konwersja odbywa się w całości na Twoim urządzeniu, łącznie z wklejonym kodem SVG. Nic nie jest wysyłane ani zapisywane.
Więcej narzędzi: z PNG zrobisz ikonę strony w generatorze favicon, a inne formaty zamienisz w konwerterze zdjęć.
Najczęściej zadawane pytania
Jak zamienić SVG na PNG?
Wrzuć plik SVG do pola (albo wklej kod SVG), wybierz rozmiar i pobierz PNG. Kilka plików możesz też pobrać jako ZIP.
Czy PNG będzie rozmazany?
Nie. SVG jest rysowany od razu w docelowym rozmiarze, a nie renderowany w małym i powiększany. Nawet 16× pozostaje ostre.
Czy tło pozostaje przezroczyste?
Tak, domyślnie. Jeśli potrzebujesz białego lub kolorowego tła, wybierz „Kolor” w sekcji „Tło”.
Dlaczego w PNG brakuje czcionki lub obrazka?
Ze względów bezpieczeństwa SVG jest rysowany tylko jako obraz, a w tym trybie przeglądarka nie wczytuje plików zewnętrznych. Czcionki niezainstalowane na urządzeniu zastępuje czcionka domyślna. Rozwiązanie: zamień tekst na krzywe w programie graficznym lub osadź obrazki.
Jaki rozmiar ma PNG domyślnie?
Szerokość/wysokość z pliku SVG, a w razie ich braku viewBox – pomnożone przez wybrany mnożnik (domyślnie 2×). Rozmiar oryginału widać na liście wyników.
Czy moje pliki SVG są wysyłane?
Nie. Wszystko działa w przeglądarce; pliki nigdy nie opuszczają Twojego urządzenia.
Źródła i podstawa prawna
- W3C – Scalable Vector Graphics (SVG) 2: Coordinate Systems, viewBox
- W3C – SVG 2: Processing modes (secure animated mode)
- W3C – CSS Values and Units Level 4: Absolute lengths
- W3C – Portable Network Graphics (PNG) Specification
- MDN – SVG as an image
- MDN – HTMLCanvasElement.toBlob()
- Open-source licenses of the libraries used (MIT, LGPL-3.0)
Stan na:
Podobne narzędzia
- Konwerter zdjęć: JPG, PNG, WebP, AVIFZmień format zdjęcia bez wysyłania plików: PNG na JPG, JPG na PNG, WebP na JPG, HEIC na JPG lub na AVIF – do 20 zdjęć naraz, pobieranie w ZIP. Za darmo.
- Zmiana rozmiaru zdjęciaZmiana rozmiaru zdjęcia online za darmo: w pikselach lub procentach, z zachowaniem proporcji lub przycięciem, szablony Instagram i YouTube. Bez wysyłania.
- Kompresja zdjęć – zmniejsz rozmiar plikuKompresja zdjęć bez wysyłania na serwer: zmniejsz rozmiar JPG, PNG, WebP i HEIC, do 20 naraz, z docelowym rozmiarem w KB i pobieraniem ZIP. Za darmo.
- Przycinanie zdjęć onlinePrzycinanie zdjęć online bez wysyłania pliku: dowolny kadr, kwadrat 1:1, 4:3, 16:9 lub 9:16 i gotowe formaty Instagram i YouTube. Za darmo, także na telefonie.
- Dodaj znak wodny do zdjęćDodaj znak wodny do zdjęć online: tekst lub logo, krycie, obrót, 9 pozycji lub kafelki. Do 20 zdjęć naraz, pobieranie ZIP, bez wysyłania. Za darmo.
- Generator favicon: z obrazka, tekstu lub emojiGenerator favicon z obrazka, liter lub emoji: favicon.ico (16/32/48), apple-touch-icon, PNG 192/512, site.webmanifest i kod HTML. Bez wysyłania plików.