Jak zamienić SVG na PNG?
- 1.
Dodaj SVG
Wgraj jeden lub wiele plików .svg albo przełącz się na „Wklej kod SVG” i wklej zawartość pliku.
- 2.
Wybierz rozmiar
Ustaw skalę (np. 2× lub 4× dla ekranów Retina) albo docelową szerokość w pikselach. Wysokość zostanie dobrana automatycznie.
- 3.
Ustaw format i tło
Wybierz PNG, JPG lub WebP oraz przezroczyste albo jednolite tło.
- 4.
Pobierz
Pobierz pojedynczy plik lub wszystkie naraz jako ZIP.
Dlaczego SVG warto zamienić na PNG?
SVG to grafika wektorowa - skaluje się bez utraty jakości, ale nie każde miejsce ją przyjmuje. Zamiana na PNG jest potrzebna m.in. do załączników i prezentacji, edytorów, które nie obsługują SVG, miniatur w mediach społecznościowych, podpisów e-mail oraz do wgrywania logo w serwisach, które akceptują tylko JPG/PNG. PNG zachowuje przezroczystość, a JPG jest mniejszy, ale wymaga tła.
Jaką skalę lub rozdzielczość wybrać?
Rozmiar wynikowy to rozmiar SVG × skala. Przykład: ikona 24×24 px w skali 4× daje 96×96 px, a logo 200×100 px przy szerokości 1000 px - 1000×500 px. Do wydruku przyjmij 300 dpi (np. 10 cm = 1181 px), do stron WWW wystarczy 1× lub 2× (Retina). Narzędzie rysuje wektory od razu w docelowym rozmiarze, więc krawędzie pozostają ostre nawet przy dużych powiększeniach. Dla bezpieczeństwa maksymalny bok wynosi 16384 px.
SVG bez width i height
Wiele ikon (np. pobranych z bibliotek) ma tylko atrybut viewBox, a przeglądarki bez podanego rozmiaru rysują je w domyślnych 300×150 px lub rozciągają. Konwerter odczytuje wymiary z viewBox (a także z jednostek takich jak mm, pt czy in), dzięki czemu proporcje zawsze są zachowane. Jeśli SVG odwołuje się do zewnętrznych zasobów (obrazów, czcionek spoza pliku), przeglądarka nie załaduje ich ze względów bezpieczeństwa - osadź je w pliku lub zamień tekst na krzywe.
PNG, JPG czy WebP - który format wybrać?
| Format | Przezroczystość | Kompresja | Najlepszy do |
|---|---|---|---|
| PNG | tak | bezstratna | logo, ikony, grafiki z ostrymi krawędziami i tekstem |
| JPG | nie (tło białe lub wybrane) | stratna, suwak jakości | ilustracje z gradientami, miejsca akceptujące tylko JPG |
| WebP | tak | stratna, suwak jakości | strony WWW - zwykle mniejszy plik niż PNG |
Grafika wektorowa ma zwykle płaskie kolory i ostre krawędzie, dlatego PNG jest najbezpieczniejszym wyborem. Kompresja JPG tworzy wokół cienkich linii i liter widoczne artefakty, szczególnie przy jakości poniżej 80%. Jeśli potrzebujesz innego formatu z gotowego pliku rastrowego, użyj konwertera JPG na WebP, a do osadzenia obrazu w kodzie - zamiany obrazu na Base64.
Limity i typowe problemy
- Maksymalny rozmiar - dłuższy bok do 16 384 px i łącznie do 100 mln pikseli (np. 10 000 × 10 000 px). Większe wartości są automatycznie zmniejszane z zachowaniem proporcji.
- Skala - od 0,1× do 32×; ułamki (np. 1,5) też są dozwolone.
- Brakujące elementy - obrazy podlinkowane z internetu, zewnętrzne arkusze CSS i czcionki webowe nie zostaną narysowane. Osadź je w pliku (np. jako data URI) lub zamień tekst na krzywe.
- Animacje - SVG z animacją CSS lub SMIL zostanie zapisany jako pojedyncza, statyczna klatka.
- Niepoprawny kod - jeśli w tekście brakuje elementu
<svg>, narzędzie pokaże komunikat zamiast pustego obrazu.
Najczęściej zadawane pytania
Czy konwersja SVG na PNG jest darmowa?
+
Jak zachować przezroczyste tło?
+
Dlaczego mój SVG wychodzi rozmyty lub w złym rozmiarze?
+
Czy czcionki w SVG zostaną poprawnie narysowane?
+
Czy mogę zamienić wiele plików SVG naraz?
+
Aktualizacja: