Konwerter SVG na PNG

SVG to format wektorowy: opisuje kształty i ścieżki za pomocą matematyki, dzięki czemu skaluje się do dowolnego rozmiaru bez utraty jakości – oznacza to jednak również, że większość miejsc oczekujących zwykłego obrazu (podpis w e-mailu, narzędzie do przesyłania favikon, szablon wydruku, starszy system CMS czy komunikator) go nie zaakceptuje. Konwersja do PNG sprowadza grafikę wektorową do stałej siatki pikseli, którą otworzy każdy program, rolka z aparatu czy formularz przesyłania. To narzędzie wykonuje właśnie ten krok rasteryzacji, w całości na Twoim własnym urządzeniu.

Konwersja przebiega dwuetapowo: najpierw przeglądarka odczytuje zadeklarowaną szerokość, wysokość i viewBox pliku SVG, aby ustalić jego naturalne proporcje, a następnie rysuje grafikę wektorową na elemencie canvas HTML o rozmiarze odpowiadającym żądanej rozdzielczości. Ponieważ źródło pozostaje wektorowe aż do momentu końcowego rysowania, logo może zostać wyrenderowane w rozmiarze 64 px lub 6400 px z identycznie ostrymi krawędziami – nie ma pośredniej bitmapy o niskiej rozdzielczości, która rozmyłaby się przy skalowaniu, w przeciwieństwie do zmiany rozmiaru istniejącego pliku JPG lub PNG.

Ikony interfejsu i aplikacji są prawie zawsze potrzebne w więcej niż jednej gęstości pikseli, dlatego narzędzie renderuje wersje 1x, 2x i 3x docelowego rozmiaru w jednym przebiegu i dla każdej z nich udostępnia osobny przycisk pobierania – ten sam trzystopniowy schemat stosowany w katalogach zasobów iOS, w Android drawables i w nowoczesnych responsywnych obrazach internetowych (srcset). Wybierz szerokość bazową raz i uzyskaj wszystkie trzy pliki, zamiast przeprowadzać konwersję trzy razy z różnymi wartościami.

Obsługa tła to realny, funkcjonalny wybór, a nie kosmetyczne pole wyboru: pozostaw je przezroczyste, aby zachować kanał alfa dla logotypów i ikon, które muszą być umieszczane na innych treściach, lub wypełnij je wybranym jednolitym kolorem, gdy miejsce docelowe (miniatura, obraz podglądu społecznościowego, starszy format źle obsługujący przezroczystość) wymaga nieprzezroczystego tła. W żadnym momencie nic nie jest przesyłane na serwer – tekst SVG jest analizowany, rasteryzowany i kodowany do formatu PNG w całości w karcie Twojej przeglądarki.