Kiedy SVG nie jest akceptowane
Sklepy z aplikacjami, email, stare CMS-y, wszystkie potrzebują PNG, nie SVG.
Wektorowe ikony i logo na ostre PNG w dowolnym rozmiarze, 64×64 dla favicon, 1024×1024 dla sklepów z aplikacjami, 2048×2048 dla retina. Przezroczystość zachowana, bez wysyłania.
Trzy kroki, w pełni lokalnie, wektor na bitmapę w dowolnym rozmiarze.
Przeciągnij pliki SVG (do 100 naraz). Statyczne ikony, logo, ilustracje, wszystkie obsługiwane.
Wpisz rozmiar w pikselach: 64 dla favicon, 512 dla ikon PWA, 1024 dla sklepu aplikacji, 2048 dla hero retina. Szerokość określa wysokość (proporcje zachowane).
Pojedyncze SVG → pojedyncze PNG. Wiele SVG → ZIP. Każde PNG jest renderowane w ustawionej rozdzielczości, z zachowaną przezroczystością.
Wektorowe źródło oznacza idealne wyjście w każdym rozmiarze.
Od favicon 16×16 do zasobu hero 4096×4096. Wektorowe źródło oznacza brak pikselizacji niezależnie od rozmiaru wyjściowego, każde PNG jest renderowane na świeżo z SVG.
SVG zazwyczaj mają przezroczyste tło. PNG zachowuje tę przezroczystość z pełnym kanałem alfa, czysto trafia na dowolne tło.
Opcjonalnie wypełnij przezroczystość jednolitym kolorem (białym, czarnym, hex marki). Przydatne do umieszczania na powierzchniach o jasnych/ciemnych motywach lub tłach drukowanych.
SVG (często zawierające logo marki, niewydane ikony, wewnętrzny UI) nigdy nie opuszczają Twojej przeglądarki. Weryfikowane lokalnie przez WebAssembly.
Nawet PNG 4096×4096 renderuje się w mniej niż sekundę. Wsadowo 100 ikon kończy się w sekundach.
Darmowe na zawsze. Wyjściowe PNG trafia prosto do Photoshopa, builda sklepu aplikacji lub dowolnego potoku obrazów.
Kiedy i dlaczego rasteryzować, plus rozdzielczości, których naprawdę potrzebujesz.
Sklepy z aplikacjami, email, stare CMS-y, wszystkie potrzebują PNG, nie SVG.
Renderuj każdy rozmiar docelowy osobno. Pomniejszanie niweczy zaletę SVG.
Zawsze renderuj SVG na PNG z przezroczystością, chyba że konkretnie potrzebujesz płaskiego tła.
Zasoby marki pozostają poufne, gdy konwersja jest lokalna.
Wybierz właściwy format dla swojego zastosowania
| Przypadek użycia | Zalecany rozmiar | Proporcje | Uwagi | |
|---|---|---|---|---|
| Favicon przeglądarki | 32×32 / 48×48 | Użyj zamiast tego wielorozmiarowego .ico | Użyj [Generatora favicon](/pl/generator-favicon/) | |
| Apple Touch Icon | 180×180 | Ekran główny iOS | Ten sam SVG, renderuj osobno | |
| Android Chrome | 192×192 + 512×512 | Ikony instalacji PWA | Dwa PNG w manifeście | |
| iOS App Store | 1024×1024 | Wpis w App Store | Wymagany dokładny rozmiar | |
| Webowy zasób hero | 2048×1024 (lub 2x źródło) | Sieć ostra w retinie | Użyj srcset jako fallback | |
| Druk | Szerokość w calach × 300 DPI | Minimum 300 DPI | PNG lub TIFF do druku |
Szybkie odpowiedzi o narzędziu