SVG to wybierany format dla logotypów, ikon i ilustracji, ponieważ jest grafiką wektorową — opisuje kształty za pomocą matematyki, więc pozostaje idealnie ostry w każdym rozmiarze, zachowując przy tym maleńki rozmiar pliku. Nie każde narzędzie rozumie jednak SVG. Platformy społecznościowe, oprogramowanie do prezentacji, wiele edytorów zdjęć i mnóstwo formularzy przesyłania oczekuje obrazu rastrowego, takiego jak PNG. W takiej sytuacji konwertujesz SVG na PNG.
Ten przewodnik wyjaśnia, jak przekonwertować SVG na PNG bez rozmytego efektu, jedno ustawienie, które ma największe znaczenie, oraz kiedy lepiej zachować SVG.
Wektor kontra raster: dlaczego konwersja wymaga podania rozmiaru
Kluczowa różnica między SVG a PNG wyjaśnia wszystko, co dotyczy konwersji między nimi. SVG jest niezależny od rozdzielczości: nie ma stałych wymiarów w pikselach i może być rysowany w dowolnym rozmiarze na żądanie. PNG to stała siatka pikseli, więc ma jedną konkretną, wbudowaną rozdzielczość.
Konwersja SVG na PNG nazywana jest rasteryzacją: grafika wektorowa zostaje wyrenderowana do siatki pikseli w wybranym rozmiarze. Ten wybór rozmiaru to najważniejsza decyzja w całej konwersji, ponieważ gdy plik PNG już powstanie, powiększenie go ponad jego rozdzielczość spowoduje rozmycie — czyli dokładnie to ograniczenie, którego SVG miał pozwalać uniknąć.
Wybierz odpowiednią rozdzielczość
Aby Twój plik PNG pozostał wyraźny, wyrenderuj go w największym rozmiarze, w jakim faktycznie będziesz go wyświetlać, lub większym. Kilka wskazówek:
- **Dopasuj rozmiar wyświetlania.** Jeśli logo będzie pojawiać się o szerokości 300 pixels, wyeksportuj plik PNG co najmniej o takiej szerokości.
- **Uwzględnij ekrany o wysokiej rozdzielczości.** Nowoczesne telefony i laptopy upakowują dodatkowe piksele, więc eksport w rozmiarze dwa lub trzy razy większym niż rozmiar wyświetlania zachowuje na nich ostrość obrazu.
- **W razie wątpliwości wybierz większy rozmiar.** Plik PNG większy niż potrzeba można czysto pomniejszyć; zbyt małego nie da się powiększyć bez rozmycia.
Ponieważ SVG nie ma wbudowanej rozdzielczości, dobry konwerter pozwala wybrać wymiary wyjściowe. Wybór hojnego rozmiaru to najprostszy sposób na zagwarantowanie ostrego efektu.
Jak przekonwertować SVG na PNG
Najszybszy sposób, bez konieczności instalowania czegokolwiek, to konwerter działający w przeglądarce. Skorzystaj z darmowego konwertera SVG na PNG: dodaj plik SVG, przekonwertuj i pobierz plik PNG gotowy do użycia wszędzie tam, gdzie akceptowane są obrazy rastrowe. Renderuje on grafikę wektorową na czyste piksele i zachowuje przezroczystość, więc logo na przezroczystym tle pozostaje przezroczyste.
To idealne rozwiązanie, gdy potrzebujesz szybkiego pliku PNG do profilu w mediach społecznościowych, prezentacji, dokumentu lub dowolnego narzędzia, które nie przyjmie SVG bezpośrednio.
Przezroczystość zostaje zachowana
Jedną z zalet konwersji na PNG zamiast na JPG jest przezroczystość. PNG obsługuje pełny kanał alpha, więc przezroczyste obszary Twojego SVG — na przykład przestrzeń wokół logo — pozostają przezroczyste w pliku PNG. Gdybyś konwertował na JPG, obszary te zostałyby wypełnione jednolitym kolorem, ponieważ JPG nie obsługuje przezroczystości. Dla logotypów i ikon PNG jest niemal zawsze właściwym formatem rastrowym.
Kiedy zachować SVG
Konwertuj na PNG tylko wtedy, gdy coś tego wymaga. We wszystkim, czym zarządzasz — stronie internetowej, aplikacji czy pliku projektowym — zachowaj SVG. Pozostanie ostry na każdym ekranie i w każdym rozmiarze, w przypadku prostych grafik jest zwykle mniejszy niż plik PNG o wysokiej rozdzielczości i można go restylizować za pomocą kodu. Rasteryzacja do PNG przypisuje obraz do jednej rozdzielczości i pozbawia go tych zalet.
Praktyczny nawyk: zachowuj SVG jako kopię główną i eksportuj z niego pliki PNG za każdym razem, gdy konkretne narzędzie tego potrzebuje. Dzięki temu zawsze masz skalowalny oryginał do pracy. Aby dowiedzieć się więcej o tym formacie, zobacz Czym jest plik SVG.
SVG, PNG czy coś innego?
Jeśli rozważasz formaty do projektu, w skrócie: używaj SVG dla logotypów, ikon i płaskich ilustracji; używaj PNG, gdy potrzebujesz wersji rastrowej z przezroczystością lub ostrymi krawędziami; a dla zdjęć używaj JPG, WebP lub AVIF. Pełne ramy decyzyjne obejmujące wszystkie formaty znajdziesz w artykule Jak wybrać odpowiedni format obrazu dla sieci, a o przezroczystości w grafice rastrowej ogólnie przeczytasz w JPG kontra PNG.