Zamień pliki SVG na PNG. Zachowaj przezroczystość i ostre krawędzie. Konwersja odbywa się lokalnie w przeglądarce.

SVG (Scalable Vector Graphics) to format wektorowy, który opisuje obraz za pomocą kształtów matematycznych. Pliki SVG są skalowalne bez utraty jakości, ale nie każdy program i platforma je obsługuje. Wiele platform społecznościowych (Facebook, Instagram, LinkedIn) nie przyjmuje plików SVG jako obrazów.
PNG to format rastrowy (pikselowy), który jest obsługiwany wszędzie - w przeglądarkach, programach biurowych, platformach społecznościowych i systemach druku. Konwersja SVG na PNG tworzy obraz pikselowy o wymiarach oryginalnego SVG.
Konwersja jest szczególnie przydatna, gdy potrzebujesz wstawić logo wektorowe do dokumentu Word, przesłać ikonę na platformę społecznościową lub udostępnić grafikę osobie, która nie ma programu do otwierania plików SVG.
| Funkcja | SVG | PNG |
|---|---|---|
| Kompresja stratna | ||
| Kompresja bezstratna | ||
| Przezroczystość (kanał alfa) | ||
| Obsługa animacji | ||
| Obsługa w przeglądarkach | Wszystkie przeglądarki | Wszystkie przeglądarki |
| Głębia kolorów | N/A (wektor) | 8/16-bit |
| Mały rozmiar pliku | ||
| Metadane (EXIF) |
Oszczędności zależą od rodzaju pliku źródłowego i jego oryginalnej kompresji. Poniżej przykładowe wyniki dla typowych plików SVG:
Zdjęcie z aparatu
2.4 MB → 1.1 MB
Grafika produktowa
500 KB → 280 KB
Screenshot
1 MB → 420 KB
Rzeczywiste oszczędności mogą się różnić w zależności od zawartości obrazu i ustawień jakości. Konwerter pokazuje dokładny rozmiar przed i po konwersji dla każdego pliku.
Core Web Vitals to zestaw wskaźników wydajności, które Google wykorzystuje przy ocenie stron internetowych. Jeden z nich - LCP (Largest Contentful Paint) - mierzy czas wyświetlenia największego widocznego elementu na ekranie. Na wielu stronach tym elementem jest obraz: baner główny, zdjęcie produktu lub grafika w sekcji hero.
Konwersja obrazów SVG na PNG zmniejsza rozmiar plików graficznych, co bezpośrednio skraca czas pobierania zasobów i poprawia wskaźnik LCP. Mniejsze pliki oznaczają szybsze ładowanie strony - szczególnie istotne na urządzeniach mobilnych z wolniejszym łączem, z których korzysta ponad 70% polskich internautów.
Dodatkowe techniki optymalizacji - takie jak atrybut loading="lazy" dla obrazów poniżej linii widoczności, element <picture> z atrybutem srcset do serwowania odpowiednich rozmiarów oraz atrybut fetchpriority="high" dla obrazu hero - wspólnie przyspieszają renderowanie strony.
Narzędzia takie jak PageSpeed Insights i Lighthouse wskazują konkretne pliki, które warto zoptymalizować. Raport w kategorii Performance pokazuje wpływ każdego obrazu na czas ładowania.
Kilka wskazówek, które pomogą uniknąć problemów podczas konwersji:

Masz pomysł na nową funkcję, znalazłeś błąd lub chcesz zaproponować inne narzędzie? Napisz do nas - odpowiadamy w ciągu 24 godzin.