ICO SVG-be konvertálás

Tegyen egy Windows-ikont vagy favicont .svg fájlba azokhoz a programokhoz, amelyek csak SVG-t fogadnak el. Az ikon képpontjai képpontok maradnak, ezért ez az oldal azt is bemutatja, hogyan kaphat valódi vektoros útvonalakat, vagy egyszerűen egy nagyobb PNG-t.

vagy húzza ide a(z) JPG, JPEG, JPE … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

Konvertálás erre

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

1
Töltse fel az .ico fájlt
Egy weboldal favicon.ico fájlja vagy egy Windows-program ikonja. Egy kötegben legfeljebb 20 fájl tölthető fel.
2
Kattintson az Átalakítás: SVG gombra
Az ICO-ban tárolt legnagyobb képet az eszköz egy SVG-dokumentumba helyezi, az átlátszóság megőrzésével.
3
Döntse el, mire van szüksége ezután
Használhatja az SVG-t úgy, ahogy van, vektorizálhatja skálázható útvonalakká, vagy kinyerhet egy PNG-t, ha csak a képre van szüksége.

Válasz

Skálázhatóvá teszi az ikont az ICO SVG-be konvertálása?

Nem. Az ICO csak bitképeket tartalmaz, ezért az SVG a legnagyobbat foglalja magába pixelekkel és átlátszósággal együtt. Bármilyen méretben éles ikonhoz vektorizálja; nagyobb képfájlhoz nyerjen ki PNG-t.

Ez az oldal

Beágyazott SVG

Az ICO legnagyobb bitképe egy .svg fájlban.

Pontosan úgy néz ki, mint az ikon
Az átlátszóság megmarad
Nagyításkor elmosódik

Vektorizálás

Vektorizált SVG

Az éleket vektoros útvonalakká alakítja a kép SVG-be eszköz.

Bármekkora méretre skálázható
Szerkeszthető színek és alakzatok
A apró részletek egyszerűsödhetnek

Kinyerés

PNG az ICO-ból

A legnagyobb ikonkép PNG-ként mentve.

Mindenhol megnyílik
Veszteségmentes és átlátszó
Rögzített pixelméret

ICO SVG-be: csomagolás a képpontok köré, nem vektor

Az ICO formátum a Windows 1.0-ig nyúlik vissza 1985-ből, és favicon-formátummá akkor vált, amikor az Internet Explorer 5 1999-ben elkezdte keresni a /favicon.ico fájlt. Egy fájl több négyzetes bitképet tartalmaz, hogy a Windows és a böngészők kiválaszthassák a megfelelő méretet: 16 px a böngészőfülhöz, 32 vagy 48 px a tálcához és az asztalhoz, a Windows Vista óta pedig tömörített PNG-adatként tárolt 256 px-es képek. Ebben a szerkezetben sehol sincs útvonal, görbe vagy kitöltés.

Az SVG, amely 2001 óta W3C-formátum, mindkét tartalomtípust tárolhatja: vektoros alakzatokat és beágyazott bitképeket. Az ICO konvertálásakor az egyetlen őszinte eredmény a második fajta. Az SVG megkapja az ikon szélességét és magasságát, valamint egy képelemet a pixelekkel, így böngészőben, Figmában vagy diában pontosan úgy jelenik meg, mint az ICO. Ha ráközelít, ugyanazokat a pixeleket látja, mert semmi sem lett újrarajzolva.

Ikonméretek egy ICO fájlban, és miért számít a legnagyobb

1:1

16 × 16 px

Böngészőfül favicon

Túl kicsi a jó vektorizáláshoz

1:1

32 × 32 px

Nagy sűrűségű fül, tálca

A favicon.ico szokásos legnagyobb mérete

1:1

48 × 48 px

Asztali ikon (Windows)

A legtöbb programikonban megtalálható

1:1

256 × 256 px

Nagy ikonok nézet

A legjobb forrás vektorizáláshoz vagy PNG-hez

ICO

Windows-ikon

Az ICO a Microsoft ikonformátuma, amelyet a Windows programikonjaihoz és a weboldalak favicon-jaihoz használnak. Egyetlen .ico fájl több méretű képet is tartalmazhat, például 16×16, 32×32, 48×48 és 256×256 pixelest, így a rendszer a legjobban illőt választhatja. Minden kép tárolható bittérképként vagy PNG-adatként, és teljes alfa-átlátszóságot támogat. Az ICO nem fotókhoz vagy nagy grafikákhoz való. A böngészők, a Windows és a legtöbb ikonszerkesztő olvassa.

Tömörítés: Veszteségmentes
Átlátszóság: Igen
Animáció: Nem
Bevezetés éve: Microsoft

ICO átalakító

SVG

Scalable Vector Graphics

Az SVG XML-alapú vektorformátum, amelyet a W3C 2001-ben szabványosított. Pixelek helyett alakzatokat, útvonalakat és szöveget ír le, ezért bármilyen méretben éles marad, logókhoz és ikonokhoz pedig általában apró. Támogatja az átlátszóságot, a CSS-stílusozást, a szkriptelést és az animációt, és minden böngésző natívan megjeleníti. Az SVG fényképekhez nem alkalmas, az összetett illusztrációk megjelenítése pedig lassúvá válhat. Az Illustrator, az Inkscape, a Figma és a böngészők meg tudják nyitni és szerkeszteni.

Tömörítés: –
Átlátszóság: Igen
Animáció: Igen
Bevezetés éve: 2001 · W3C

SVG átalakító

Az ICO SVG-be konvertálást akkor keresik, amikor egy tervezőeszköz, ikonkönyvtár vagy weboldalsablon SVG-t kér, a logó egyetlen példánya pedig egy favicon vagy Windows-ikon; ez általában az első lépés a vektorizált változat felé.

Ikon vektorizálása valódi SVG útvonalakká

Ha a cél egy skálázható logó, a beágyazott SVG legfeljebb egy közbenső lépés. Futtassa át az ikont a kép SVG-be konvertálón: követi a színéleket, és olyan útvonalakként írja ki, amelyeket átméretezhet, átszínezhet és kivághat. Az eredmény a forrás méretétől függ, ezért egy programikon 256 px-es képe sokkal jobban vektorizálható, mint egy 16 px-es favicon. A PNG SVG-be konvertálásáról szóló útmutatónk bemutatja, hány színt érdemes megtartani, és hogyan simíthatók az ívek.

Ha az ikont csak dokumentumban vagy szerkesztőben szeretné használni, hagyja ki az SVG-t, és vegye ki a legnagyobb képet PNG-ként az ICO PNG-be eszközzel. A fordított irányhoz, vagyis a vektoros logóból többméretű faviconhoz az SVG ICO-ba való.

Kérdések az ICO SVG-be konvertálásáról

Lehet egy ICO fájlból valódi vektoros SVG?

Pusztán konvertálással nem. Az ICO csak bitképeket tárol 16 × 16 és 256 × 256 px között, így nincsenek átvihető alakzatok. A valódi útvonalakat a pixelekből kell kirajzolni, amit a kép SVG-be konvertáló végez el.

Az .ico fájlban lévő méretek közül melyik kerül az SVG-be?

A legnagyobbat, mert abban van a legtöbb részlet. Egy átlagos favicon.ico legfeljebb 32 vagy 48 px-es, a Windows-alkalmazások ikonjai viszont általában tartalmaznak 256 px-es változatot is.

Működik a becsomagolt SVG weboldal faviconjaként?

A Chrome és a Firefox elfogadja az SVG favicont, de a csak egy 32 px-es bitképet tartalmazó SVG semmit sem nyújt többet az eredeti ICO-nál. Az SVG favicon akkor éri meg, ha valódi útvonalakat tartalmaz, amelyek a nagy pixelsűrűségű kijelzőkön is élesek maradnak.

Miért lesznek pacás formák egy favicon vektorizálásakor?

Egy 32 px-es ikonban mindössze 1024 pixel van, a vektorizálás pedig az élekből találgatja a íveket. Minél kevesebb a pixel, annál pontatlanabb a találgatás. A tiszta körvonalakhoz vektorizálja a Windows-ikon 256 px-es képét, vagy keresse meg az eredeti logót.

Megmarad az ikon átlátszó háttere?

Igen. Az ICO képek alfacsatornát tartalmaznak, és az SVG megőrzi azt, így az ikon bármilyen háttéren jól mutat, amit az oldal vagy a tervezőeszköz biztosít.

Átszínezhetem utána az ikont Inkscape-ben vagy Figmában?

Alakzatonként nem, mert az SVG egyetlen beágyazott képet tartalmaz. Szűrőket vagy rárakott elemeket egészében alkalmazhat rá; alakzatonkénti színekhez előbb vektorizálja.