Jak przekonwertować SVG do PNG bez utraty jakości

SVG nie składa się z pikseli. To zestaw instrukcji: narysuj tu linię, wypełnij ten kształt tym kolorem, dzięki czemu można go narysować w dowolnym rozmiarze i zachować idealną ostrość. Dlatego loga i ikony tak często mają format SVG: ten sam plik wygląda ostro zarówno na wizytówce, jak i na billboardzie.

PNG to coś przeciwnego: stała siatka pikseli. Gdy wyeksportujesz, powiedzmy, obraz o szerokości 512 pikseli, to właśnie go otrzymujesz. Powiększ go ponad jego naturalny rozmiar, a stanie się kanciasty, dokładnie jak przy powiększaniu zdjęcia. Konwersja SVG do PNG oznacza zamianę tych instrukcji rysowania na stałą siatkę, czyli krok nazywany rasteryzacją.

Ponieważ PNG ma stały rozmiar w pikselach, nie istnieje jedna "bezstratna" konwersja SVG do PNG: wybierasz rozdzielczość, a jakość wynika z tego wyboru. Sztuczka polega na renderowaniu w wystarczająco wysokiej rozdzielczości, odpowiedniej do tego, jak faktycznie będziesz używać obrazu.

Dobrą zasadą jest eksportowanie w rozmiarze dwa lub trzy razy większym niż rozmiar wyświetlania grafiki. Jeśli logo ma być wyświetlane z szerokością 200 pikseli na stronie, wyeksportuj je w rozmiarze 400 lub 600 pikseli, aby pozostało idealnie ostre na ekranach o wysokiej rozdzielczości. Potrzebujesz go do druku? Wybierz jeszcze większy rozmiar. Jedynym prawdziwym błędem jest wyeksportowanie zbyt małego obrazu, a potem jego powiększanie: to jedyna rzecz, która naprawdę pogarsza jakość.

Konwersja odbywa się na Twoim urządzeniu, więc plik nigdy nie jest przesyłany:

• Otwórz konwerter SVG → PNG i przeciągnij tam swój plik SVG.
• Ustaw rozmiar wyjściowy: wpisz żądaną szerokość w pikselach (większa wartość oznacza ostrzejszy obraz i większy plik).
• Wyeksportuj i pobierz swój plik PNG.

Ponieważ wszystko dzieje się bezpośrednio w przeglądarce, możesz przejść w tryb offline po załadowaniu strony i nadal będzie działać, co jest dowodem, że plik SVG nie jest wysyłany na żaden serwer. Brak konta, brak znaku wodnego i brak limitu liczby konwersji.

Pliki SVG często mają przezroczyste tło, a to przechodzi bezpośrednio dalej: eksportujesz do PNG, a przezroczyste obszary pozostają przezroczyste, ponieważ PNG obsługuje kanał alfa. Twoje logo nie zyska nagle białego prostokąta w tle.

Jeśli nie masz pewności, jaką szerokość w pikselach wybrać, zacznij od miejsca, w którym obraz się pojawi. Favicon może potrzebować tylko 64 pikseli; grafika hero może wymagać 2,000 pikseli lub więcej. W razie wątpliwości wybierz większy rozmiar: zawsze możesz później skompresować PNG, aby zmniejszyć plik, ale nie możesz dodać szczegółów z powrotem do pliku wyeksportowanego zbyt małego. A jeśli później potrzebujesz JPG zamiast tego, konwersja PNG → JPG zajmuje sekundę.