Konwerter SVG na ikonę

Q: Czym ta strona różni się od konwersji SVG na ICO?

[SVG do ICO](/svg-to-ico) dotyczy pojedynczego pliku .ico dla favicon i Windows. Ta strona obejmuje wszystkie miejsca, w których potrzebna jest ikona, w tym ICNS dla macOS oraz PNG o stałych rozmiarach, których wymagają Android, iOS i sklepy z aplikacjami.

Jedno logo wektorowe wystarczy do każdego miejsca na ikonę: favicony, skrótu w Windows, aplikacji na Maca i ikon w launcherach telefonów. Ta strona domyślnie tworzy plik ICO z wieloma rozmiarami, a dla innych platform można przełączyć format na ICNS lub PNG.

lub upuść Pliki JPG, JPEG, JPE … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Plik wynikowy

Konwertuj na

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

1
Prześlij kwadratowy plik SVG
Dodaj plik SVG ze swoim znakiem, najlepiej z kwadratowym viewBox. Możesz dodać naraz do 20 plików, na przykład wariant jasny i ciemny.
2
Wybierz format ikony
Domyślnie wybrany jest ICO z opcją Rozmiary ikon ustawioną na Wszystkie rozmiary (16–256). Wybierz ICNS w polu Konwertuj na dla macOS albo PNG z szerokością w polu Zmień rozmiar obrazu wynikowego dla ikony telefonu lub sklepu.
3
Konwertuj i umieść pliki na miejscu
Naciśnij Konwertuj na ICO (etykieta zależy od wybranego formatu), pobierz pliki i umieść każdy tam, gdzie oczekuje go dana platforma.

Nie istnieje jeden format ikon. Windows i przeglądarki używają ICO, macOS używa ICNS, a telefony zestawów PNG. Dzięki wyjściu z SVG każdy z nich jest rysowany na nowo z wektora, ostro w każdym rozmiarze.

SVG na ikonę: jeden wektor, trzy rodzaje plików ikon

Plik ikony to kontener małych map bitowych, a nie wektor. System operacyjny wybiera mapę bitową najbliższą potrzebnemu rozmiarowi, dlatego dobra ikona zawiera kilka map, każdą wyrenderowaną dla własnej siatki pikseli.

Ustawienie ICO na tej stronie zapisuje jeden plik ze wszystkimi rozmiarami od 16 do 256 px, co wystarcza dla favicon.ico i skrótów w Windows. Przełącz Konwertuj na na ICNS, aby uzyskać kontener ikon Apple, lub na PNG, aby uzyskać pojedyncze rozmiary wymagane przez Androida, iOS i sklepy z aplikacjami.

Tabela pokazuje, co publikują główne platformy dla swoich miejsc na ikony.

Pliki ikon wymagane przez poszczególne platformy
Organizacja	Wymaganie	Źródło
Pulpit i pasek zadań Windows	ICO z kilkoma rozmiarami, w tym 16, 32, 48 i 256 px	—
Favicon strony internetowej	favicon.ico w katalogu głównym witryny z rozmiarami 16, 32 i 48 px; PNG 180 × 180 px jako apple-touch-icon	—
Ikona aplikacji macOS	ICNS lub katalog zasobów Xcode, rozmiary do 1024 × 1024 px	—
Strona aplikacji w Google Play	PNG 32-bitowy 512 × 512 px, do 1024 KB	—
Apple App Store	PNG 1024 × 1024 px bez przezroczystości	—

SVG

Scalable Vector Graphics

SVG to format wektorowy oparty na XML, ustandaryzowany przez W3C w 2001 roku. Zamiast pikseli opisuje kształty, ścieżki i tekst, dzięki czemu pozostaje ostry w każdym rozmiarze i zwykle jest malutki w przypadku logo i ikon. Obsługuje przezroczystość, style CSS, skrypty i animacje, a każda przeglądarka renderuje go natywnie. SVG nie nadaje się do zdjęć, a złożone ilustracje mogą się wolno renderować. Otwierają i edytują go Illustrator, Inkscape, Figma i przeglądarki.

Kompresja: –
Przezroczystość: Tak
Animacja: Tak
Rok powstania: 2001 · W3C

Konwerter SVG

ICO

Ikona Windows

ICO to format ikon Microsoftu używany dla ikon programów w Windows i favicon witryn. Jeden plik .ico może zawierać kilka obrazów w różnych rozmiarach, takich jak 16×16, 32×32, 48×48 i 256×256 pikseli, dzięki czemu system wybiera najlepiej pasujący. Każdy obraz może być zapisany jako bitmapa lub dane PNG i obsługuje pełną przezroczystość alfa. ICO nie jest przeznaczony do zdjęć ani dużych grafik. Odczytują go przeglądarki, Windows i większość edytorów ikon.

Kompresja: Bezstratna
Przezroczystość: Tak
Animacja: Nie
Rok powstania: Microsoft

Konwerter ICO

SVG na ikonę wyszukują osoby, które mają jedno wektorowe logo i kilka platform do obsłużenia, każdą z własnym kontenerem ikon: od favicon.ico na stronie, przez ICNS na Macu, po PNG o określonych rozmiarach w sklepach z aplikacjami.

Konwertuj SVG na ikony dla Windows, Maca, Androida i iOS

Zostaw ICO i Rozmiary ikon ustawione na Wszystkie rozmiary. Zmień nazwę wyniku na favicon.ico dla katalogu głównego strony albo wskaż go w oknie Zmień ikonę skrótu w Windows.

Jeden plik .ico obsługuje karty, zakładki i pasek zadań
Dodaj PNG 180 px dla zakładek na ekranie głównym iPhone'a

Jak zaprojektować SVG czytelny w rozmiarze 16 px

Ikona 16 × 16 px ma łącznie 256 pikseli. Większość marek ma osobny znak ikony, często sam symbol lub jedną literę, z wyraziście zarysowanymi kształtami i niewielką liczbą kolorów; jeśli twojej jeszcze brakuje, przygotuj uproszczoną kopię SVG na potrzeby ikon.

Przed konwersją sprawdź viewBox. Szeroki viewBox daje ikonę z pustymi pasami nad znakiem i pod nim, więc najpierw przytnij go do kwadratu; poradnik o przycinaniu obrazu do proporcji omawia kadrowanie do kwadratu, a SVG do PNG daje szybki duży podgląd do oceny projektu.

SVG na ikonę — najczęstsze pytania

Czym ta strona różni się od konwersji SVG na ICO?

SVG do ICO dotyczy pojedynczego pliku .ico dla favicon i Windows. Ta strona obejmuje wszystkie miejsca, w których potrzebna jest ikona, w tym ICNS dla macOS oraz PNG o stałych rozmiarach, których wymagają Android, iOS i sklepy z aplikacjami.

Jakiego formatu ikon używa każdy system operacyjny?

Windows odczytuje ICO, macOS odczytuje ICNS lub katalogi zasobów tworzone w Xcode, a Android i iOS przyjmują obrazy PNG o stałych rozmiarach w pikselach.

Czy w jednej konwersji otrzymam wszystkie rozmiary PNG dla aplikacji?

Nie. PNG zawiera jeden rozmiar, więc każda konwersja zapisuje jedną szerokość. Ustaw w Zmień rozmiar obrazu wynikowego jeden rozmiar, przekonwertuj, potem zmień liczbę i przekonwertuj ponownie; każdy rozmiar jest rysowany ostro z wektora.

Czy plik ICNS z tej strony obejmuje ikony dla Maców z ekranem Retina?

Zawiera rozmiary od 16 do 256 px. Obecne ikony aplikacji macOS mają też wpisy 512 px i 1024 px dla ekranów Retina, które Xcode lub iconutil Apple budują z plików PNG; wyeksportuj te dwa rozmiary tutaj jako PNG i dodaj je do zestawu.

Czy ikona powinna mieć przezroczyste tło?

W przypadku ICO, ICNS i warstw ikon Androida tak: przezroczystość pozwala systemowi narysować własne tło. Wyjątkiem jest ikona iOS dla App Store; Apple odrzuca ikonę marketingową 1024 px z kanałem alfa, więc dla tego PNG ustaw w SVG jednolite tło.

Dlaczego szczegółowe logo zamienia się w plamę jako mała ikona?

Przy 16 lub 32 px nie ma miejsca na cienkie linie ani mały tekst. Pogrub kreski tak, by przy najmniejszym rozmiarze zajmowały co najmniej jeden pełny piksel, i pomiń napis z nazwą.