SVG ICO átalakító

Ha a favicont SVG-ből készíti, az a legjobb kiindulópont: minden ikonméret újonnan, a vektorból rajzolódik ki, nem egy nagy bitképből kicsinyítve, így a 16 px-es változat is olyan éles marad, amennyire a pixelrács engedi.

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 SVG logót
A jelet vagy a monogramot használja, ne a teljes szövegmárkát. A négyzet alakú viewBox adja a legtisztább eredményt.
2
Hagyja meg az összes ikonméretet
Az Ikonméretek alapértéke az Összes méret (16–256), amely minden felbontást egyetlen .ico fájlba csomagol. Csak akkor válasszon egyetlen méretet, ha a program pontosan egyet kér.
3
Kattintson az Átalakítás: ICO gombra
Mentse a fájlt favicon.ico néven a webhely gyökérmappájába, vagy irányítsa rá a Windows-parancsikont.

Válasz

Hogyan alakíthatok SVG-t ICO-ra faviconhoz?

Töltse fel az SVG-t, hagyja az Ikonméretek beállítást Összes méret (16–256) értéken, és nyomja meg a Konvertálás erre: ICO gombot. Egyetlen .ico fájlt kap, benne minden felbontással a vektorból rajzolva, az átlátszóság megőrzésével.

SVG ICO átalakító: miért a vektor a legjobb forrás

Az .ico formátum a Windows korai verzióiból ered, a favicon.ico szokás pedig az 1999-es Internet Explorer 5-ből, amely minden könyvjelzőzött webhely gyökerében keresett ilyen nevű fájlt. Az ICO egy kis tároló: bejegyzések jegyzéke, mindegyik külön négyzetes bitmap, így egy fájl egymás mellett tárolhat egy 16 px-es füles ikont és egy 256 px-es asztali ikont. A Windows Vista a maximumot 256 × 256-ra emelte, és lehetővé tette, hogy ezeket a nagy elemeket PNG-ként tárolják.

Mivel minden bejegyzés önálló bitmap, az ikon minősége azon múlik, hogyan készült az adott méret. PNG-ből minden méret ugyanazon pixelek kicsinyítése. SVG-ből minden méret az útvonalak friss renderelése, az élsimítást pontosan arra a rácsra számolva. 16 × 16 px-en, ahol a logónak 256 pixel áll rendelkezésére, ez a különbség látható.

1:1

16 × 16 px

16 × 16

Böngészőfülek, könyvjelzők és előzménylisták.

1:1

32 × 32 px

32 × 32

Nagy sűrűségű képernyők fülei, Windows-tálca parancsikonjai.

1:1

64 × 64 px

64 × 64

Skálázott asztali nézetek és kitűzött elemek.

1:1

128 × 128 px

128 × 128

Nagy előnézetek a fájlkezelőkben.

1:1

256 × 256 px

256 × 256

A legnagyobb ICO-bejegyzés; az Intéző extra nagy ikonjai.

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ó

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ó

Azért alakítanak át SVG-t ICO-ra, mert a logó vektorként létezik, a webhely gyökere, a Windows-parancsikon vagy az asztali alkalmazás viszont még mindig egyetlen, több bitmapméretet tartalmazó .ico fájlt vár.

Az SVG előkészítése az ICO-ba konvertálás előtt

Így igen	Így ne
Állítsa a viewBoxot négyzetre, például `0 0 512 512`.	Ne építsen hajszálvékony vonalakra, amelyek 32 px alatt eltűnnek.
Hagyjon kis margót, hogy a jel ne érjen az ikon szélére.	Ne tartsa meg a széles szövegmárkát, amely vékony maszatká válik.
Alakítsa a szöveget körvonallá, hogy a betűtípus ne változzon.	Ne hivatkozzon külső képekre vagy webes betűtípusokra az SVG-ben.
A szimbólumot vagy a kezdőbetűket használja, ne a teljes nevet.	Ne tegyen fehér téglalapot a logó mögé, hacsak nem szeretné a sötét füleken is.

Az átalakító azt rendereli, amit az SVG leír, semmi mást, ezért a hivatkozott elemeket és a nem beágyazott betűtípusokat nem tudja letölteni. A Figma, az Illustrator és az Inkscape a szöveget útvonalként is exportálja; ezzel a betűk mindenhol egyeznek a márkájával.

Ha elkészült az .ico, adjon hozzá egy 180 px-es PNG-t az Apple touch ikonokhoz, és magát az SVG-t a vektoros favicont támogató böngészőkhöz; a PNG-t bármilyen méretben elkészíti az SVG PNG-be. Ha a forrás bitmap logó, ugyanezt pixelekből a PNG ICO-ba végzi el.

SVG konvertálása ICO-ba: kérdések

Miért érdemes SVG ICO átalakítót használni PNG helyett?

A PNG-t minden ikonmérethez kicsinyíteni kell, a kicsinyítés pedig elmossa az éleket. Az SVG-t közvetlenül rendereli 16, 32, 64, 128 és 256 px méretben, így minden méret a saját pixelrácsához igazított, éles szélekkel készül el.

Szükségük van még a böngészőknek a favicon.ico fájlra, ha az oldalamon van SVG-ikon?

A Chrome és a Firefox beolvassa a link címkével megadott SVG favicont, de sok böngésző, hírolvasó és keresőrobot alapból továbbra is a webhely gyökeréből kéri a /favicon.ico fájlt. Ha mindkettőt kiteszi, minden esetet lefed.

Mi történik, ha az SVG nem négyzet alakú?

Az ikonhelyek négyzet alakúak, ezért egy széles logó vagy üres margót kap, vagy apró lesz. Előbb állítsa a viewBox szélességét és magasságát azonosra, vagy PNG exportálása után vágjon négyzetes változatot a kép kivágása eszközzel.

Megmarad az átlátszó háttér az ICO-ban?

Igen. Az ICO alfacsatornát tárol, így az SVG kitöltés nélküli részei átlátszóak maradnak, és az ikon tisztán mutat a világos és a sötét böngészőfüleken is.

Átalakíthatom az SVG-t ICO-ba Windows-programhoz vagy mappaikonnak?

Igen, ugyanaz a fájl használható. A Windows a nagy és az extra nagy Intézőnézetekhez a 256 px-es képet, a listákhoz és a tálcához a kisebb elemeket olvassa be.

Miért tűnik üresnek az ikonom 16 px-en?

A vékony vonalak és az apró szöveg ezen a méreten eltűnnek. Egy 512 egység széles munkaterületen a 2 egység vastag vonal egy 16 px-es ikonban jóval egy pixel alatt marad. Vastagítsa a vonalakat, vagy a faviconhoz használjon egyszerűbb jelet.

SVG ICO átalakító

Képkonvertáló