Konwerter ICO na SVG

Umieść ikonę Windows lub favicon w pliku .svg dla narzędzi, które przyjmują tylko SVG. Piksele ikony pozostają pikselami, dlatego ta strona pokazuje też, jak uzyskać prawdziwe ścieżki wektorowe albo po prostu większy plik 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 plik .ico
Plik favicon.ico ze strony internetowej lub ikona z programu dla Windows. Do 20 plików w jednej partii.
2
Kliknij Konwertuj na SVG
Największy obraz zapisany w ICO zostaje umieszczony w dokumencie SVG z zachowaną przezroczystością.
3
Zdecyduj, czego potrzebujesz dalej
Użyj SVG bez zmian, wektoryzuj go do skalowalnych ścieżek albo wyodrębnij PNG, jeśli potrzebujesz tylko obrazu.

Odpowiedź

Czy konwersja ICO do SVG sprawia, że ikona jest skalowalna?

Nie. ICO zawiera tylko bitmapy, więc SVG opakowuje największą z nich, razem z pikselami i przezroczystością. Aby ikona była ostra w każdym rozmiarze, wektoryzuj ją; aby uzyskać większy plik obrazu, wyodrębnij PNG.

Ta strona

Opakowane SVG

Największa bitmapa z ICO w pliku .svg.

Wygląda dokładnie jak ikona
Przezroczystość zachowana
Rozmywa się po powiększeniu

Wektoryzacja

Zwektoryzowane SVG

Krawędzie zamienione na ścieżki wektorowe przez konwerter obrazu do SVG.

Skaluje się do dowolnego rozmiaru
Edytowalne kolory i kształty
Drobne detale mogą zostać uproszczone

Wyodrębnienie

PNG z ICO

Największy obraz ikony zapisany jako PNG.

Otwiera się wszędzie
Bezstratny i przezroczysty
Stały rozmiar w pikselach

ICO na SVG: opakowanie dla pikseli, a nie wektor

Format ICO sięga Windows 1.0 z 1985 roku, a formatem faviconów stał się w 1999 roku, gdy Internet Explorer 5 zaczął szukać /favicon.ico. Jeden plik zawiera kilka kwadratowych bitmap, aby Windows i przeglądarki mogły wybrać odpowiedni rozmiar: 16 px dla karty przeglądarki, 32 lub 48 px dla paska zadań i pulpitu, a od Windows Vista także obrazy 256 px zapisane jako skompresowane dane PNG. W tej strukturze nie ma ścieżki, krzywej ani wypełnienia.

SVG, format W3C od 2001 roku, może zawierać oba rodzaje treści: kształty wektorowe i osadzone bitmapy. Przy konwersji ICO jedynym uczciwym wynikiem jest ten drugi. SVG dostaje szerokość i wysokość ikony oraz jeden element obrazu z pikselami, więc w przeglądarce, Figmie czy prezentacji wygląda dokładnie jak ICO. Po powiększeniu widać te same piksele, bo nic nie zostało narysowane na nowo.

Rozmiary ikon w pliku ICO i dlaczego liczy się największy

1:1

16 × 16 px

Favicon na karcie przeglądarki

Zbyt mały do dobrej wektoryzacji

1:1

32 × 32 px

Karta o wysokiej gęstości, pasek zadań

Typowy maksymalny rozmiar favicon.ico

1:1

48 × 48 px

Ikona pulpitu (Windows)

Występuje w większości ikon programów

1:1

256 × 256 px

Widok dużych ikon

Najlepsze źródło do wektoryzacji lub PNG

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

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 na SVG wyszukuje się, gdy program graficzny, biblioteka ikon lub szablon strony wymaga SVG, a jedyną kopią logo jest favicon lub ikona Windows; zwykle to pierwszy krok do zwektoryzowanej grafiki.

Wektoryzacja ikony do prawdziwych ścieżek SVG

Jeśli celem jest skalowalne logo, opakowane SVG to co najwyżej etap pośredni. Przepuść ikonę przez konwerter obrazu do SVG: śledzi krawędzie kolorów i zapisuje je jako ścieżki, które możesz skalować, przekolorowywać i wycinać. Wynik zależy od rozmiaru źródła, więc obraz 256 px z ikony programu wektoryzuje się znacznie lepiej niż favicon 16 px. Nasz poradnik o konwersji PNG do SVG wyjaśnia, ile kolorów zachować i jak wygładzić krzywe.

Jeśli chcesz tylko użyć ikony w dokumencie lub edytorze, pomiń SVG i weź największy obraz jako PNG przez ICO do PNG. W drugą stronę, od logo wektorowego do favicony w wielu rozmiarach, służy SVG do ICO.

Pytania o konwersję ICO na SVG

Czy plik ICO może stać się prawdziwym wektorowym SVG?

Samą konwersją nie. ICO zawiera wyłącznie bitmapy, od 16 × 16 do 256 × 256 px, więc nie ma kształtów do przeniesienia. Prawdziwe ścieżki trzeba wyznaczyć z pikseli, co robi konwerter obrazu do SVG.

Który z rozmiarów zapisanych w pliku .ico trafia do SVG?

Największy, ponieważ zawiera najwięcej szczegółów. Typowy favicon.ico ma maksymalnie 32 lub 48 px, a ikona aplikacji Windows zwykle zawiera wersję 256 px.

Czy takie SVG zadziała jako favicon strony internetowej?

Chrome i Firefox obsługują favicony SVG, ale SVG zawierający tylko bitmapę 32 px nie daje nic ponad wyjściowe ICO. Favicon SVG ma sens, gdy zawiera prawdziwe ścieżki, które pozostają ostre na ekranach o wysokiej gęstości.

Dlaczego wektoryzacja faviconu daje rozmyte, nieregularne kształty?

Ikona 32 px ma tylko 1024 piksele, a wektoryzacja zgaduje krzywe na podstawie krawędzi. Im mniej pikseli, tym grubsze przybliżenie. Aby uzyskać czyste kontury, wektoryzuj obraz 256 px z ikony Windows albo znajdź oryginalne logo.

Czy przezroczyste tło ikony zostaje zachowane?

Tak. Obrazy ICO mają kanał alfa, a SVG go zachowuje, więc ikona leży na dowolnym tle strony lub programu graficznego.

Czy mogę potem zmienić kolory ikony w Inkscape lub Figmie?

Nie kształt po kształcie, ponieważ SVG zawiera jeden osadzony obraz. Możesz nakładać na niego filtry lub warstwy jako całość; aby zmieniać kolory poszczególnych kształtów, najpierw go zwektoryzuj.