Darmowy konwerter
SVG do PNG Przetwornik
Konwertuj pliki Vector SVG na wysokiej jakości rastrowe obrazy PNG. Z łatwością dostosuj skalę wyjściową i kolor tła w przeglądarce.
Przeciągnij i upuść tutaj plik SVG
Obsługuje do 50MB
Lub
Konwertuj pliki Vector SVG na wysokiej jakości rastrowe obrazy PNG. Z łatwością dostosuj skalę wyjściową i kolor tła w przeglądarce.
Obsługuje do 50MB
SVG (Scalable Vector Graphics) opisuje obrazy jako zbiór prymitywów geometrycznych — ścieżek, kształtów, tekstu, gradientów — które można skalować do dowolnego rozmiaru bez utraty jakości. PNG przechowuje pojedynczą prostokątną siatkę pikseli w stałej rozdzielczości. Konwersja pliku SVG do formatu PNG to etap rasteryzacji: instrukcje rysowania pliku SVG są oceniane w wybranym rozmiarze w pikselach, a wynikowa mapa bitowa jest kodowana jako PNG. Dane wyjściowe są wyraźne w określonym rozmiarze, ale ulegają pikselom w przypadku powiększenia.
Ten konwerter renderuje SVG przy użyciu wbudowanego silnika SVG przeglądarki. Plik SVG jest ładowany do elementu obrazu, rysowany na płótnie HTML5 w wybranych wymiarach wyjściowych i eksportowany jako PNG za pośrednictwem canvas.toBlob. Ponieważ przeglądarka przeprowadza rasteryzację, złożone funkcje SVG — gradienty, filtry, maski i animacje w postaci statycznej ramki — renderują się w taki sam sposób, jak na prawdziwej stronie internetowej.
Najważniejszą decyzją przy konwersji SVG do PNG jest rozmiar docelowy. SVG jest niezależny od rozdzielczości, więc wybranie rozmiaru PNG odpowiadającego rzeczywistemu użyciu pozwala uniknąć nadmiernej alokacji (ogromne pliki z ikonami wielkości miniatury) i niedostatecznej alokacji (rozmazany wynik przy późniejszym skalowaniu). Typowe cele: 32 × 32 lub 64 × 64 dla ikon, 256 × 256 lub 512 × 512 dla logo, 1024 × 1024 dla grafiki bohaterów, 2048 × 2048 dla zasobów o jakości siatkówki.
SVG świetnie sprawdza się w sieci i nowoczesnych narzędziach projektowych, ale jest fatalny w wielu innych kontekstach. Klienci poczty e-mail renderują SVG niespójnie; niektórzy blokują to jako zagrożenie bezpieczeństwa. Starsze oprogramowanie biurowe, niektóre systemy CMS, usługi innych firm i prawie wszystkie metody drukowania zdjęć w ogóle nie akceptują formatu SVG. Konwersja do formatu PNG tworzy powszechnie akceptowany raster, który wygląda identycznie w wybranym rozmiarze.
PNG można także niezawodnie osadzać w dokumentach biurowych, slajdach i plikach PDF, bez konieczności polegania na renderowaniu SVG odbiorcy. W przypadku logo i grafiki, które muszą być spójne na wielu platformach, bezpieczniejszym wyborem jest format PNG — nawet jeśli traci on niezależność od rozdzielczości, która przede wszystkim czyni SVG atrakcyjnym.
Wybierz docelowy rozmiar, renderuj. Przeglądarka wykonuje rasteryzację.
SVG (Rekomendacja W3C) to format wektorowy oparty na XML, zawierający elementy ścieżek, podstawowych kształtów (prostokąt, okrąg, elipsa, linia, wielokąt, polilinia), tekst, gradienty (linearGradient, radialGradient), filtry, maski i ścieżki klipu. Przeglądarka analizuje XML, buduje DOM, stosuje CSS i rasteryzuje wynik podczas renderowania strony.
Ten konwerter ładuje plik SVG do elementu HTMLImageElement (który uruchamia normalną ścieżkę renderowania SVG w przeglądarce jako obraz), a następnie rysuje go na płótnie za pomocą funkcji DrawImage. Płótno jest eksportowane jako PNG za pomocą canvas.toBlob('image/png'). Dokładne piksele na wyjściu odpowiadają temu, co SVG wyrenderowałby w tym samym rozmiarze na karcie przeglądarki.
Przypadki Edge: SVG przy użyciu obcego obiektu nie zawsze jest obsługiwane, gdy jest używany za pośrednictwem elementu obrazu. Plik SVG odwołujący się do zasobów zewnętrznych (xlink:href do innej domeny) może nie zostać załadowany z powodu CORS. Animacje SMIL i animacje oparte na JavaScript są renderowane tylko jako klatka początkowa.