Pretvornik SVG v ICO

Favikon iz SVG je najboljša izbira: vsaka velikost ikone se na novo izriše iz vektorja, namesto da bi se pomanjšala iz velike bitne slike, zato je različica 16 px tako ostra, kot dopušča mreža pikslov.

ali spustite datoteke JPG, JPEG, JPE … sem ·

Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah

Izhod

Pretvori v

Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.

Kako uporabljati to orodje

1
Naložite logotip SVG
Uporabite znak ali monogram, ne celotnega logotipa z besedilom. Kvadratni viewBox daje najčistejši rezultat.
2
Ohranite vse velikosti ikone
Velikosti ikon se začnejo pri možnosti Vse velikosti (16–256), ki v eno datoteko .ico zapakira vse ločljivosti. Posamezno velikost izberite le, kadar program zahteva natanko eno.
3
Kliknite Pretvori v ICO
Datoteko shranite kot favicon.ico v korenski mapi svojega spletnega mesta ali nanjo usmerite bližnjico v sistemu Windows.

Odgovor

Kako pretvoriti SVG v ICO za favicon?

Naložite SVG, pri Velikosti ikon pustite Vse velikosti (16–256) in pritisnite Pretvori v ICO. Dobite eno datoteko .ico z vsemi ločljivostmi, izrisanimi iz vektorja, s ohranjeno prosojnostjo.

Pretvornik SVG v ICO: zakaj je vektor pravi izvor

Format .ico izvira iz zgodnjih različic sistema Windows, konvencija favicon.ico pa iz brskalnika Internet Explorer 5 leta 1999, ki je datoteko s tem imenom iskal v korenu vsakega spletnega mesta z zaznamkom. ICO je majhen vsebnik: imenik vnosov, od katerih je vsak ločena kvadratna bitna slika, zato lahko ena datoteka drugo ob drugi vsebuje ikono zavihka 16 px in namizno ikono 256 px. Windows Vista je največjo velikost povečal na 256 × 256 in dovolil, da se ti veliki vnosi shranijo kot PNG.

Ker je vsak vnos svoja bitna slika, kakovost ikone ni odvisna le od izvora, ampak od tega, kako je bila izdelana posamezna velikost. Iz PNG je vsaka velikost pomanjšava istih pik. Iz SVG je vsaka velikost nov izris poti, z glajenjem robov, izračunanim za točno to mrežo. Pri 16 × 16 px, kjer ima logotip na voljo 256 pik, je razlika vidna.

1:1

16 × 16 px

16 × 16

Zavihki brskalnika, zaznamki in seznami zgodovine.

1:1

32 × 32 px

32 × 32

Zavihki na zaslonih z visoko gostoto, bližnjice v opravilni vrstici sistema Windows.

1:1

64 × 64 px

64 × 64

Prilagojeni prikazi namizja in pripeti elementi.

1:1

128 × 128 px

128 × 128

Veliki predogledi v upravljalnikih datotek.

1:1

256 × 256 px

256 × 256

Največji vnos ICO; zelo velike ikone v Raziskovalcu.

SVG

Scalable Vector Graphics

SVG je vektorska oblika na osnovi XML, ki jo je W3C standardiziral leta 2001. Namesto pikslov opisuje oblike, poti in besedilo, zato ostane ostra pri vsaki velikosti, za logotipe in ikone pa je običajno majhna. Podpira prosojnost, slogovanje CSS, skripte in animacijo, vsak brskalnik pa jo prikaže izvorno. SVG ni primeren za fotografije, zapletene ilustracije pa se lahko počasi izrisujejo. Odprejo in urejajo ga lahko Illustrator, Inkscape, Figma in brskalniki.

Stiskanje: –
Prosojnost: Da
Animacija: Da
Uvedeno: 2001 · W3C

Pretvornik SVG

ICO

Ikona Windows

ICO je Microsoftova oblika ikon, ki se uporablja za ikone programov v sistemu Windows in favicone spletnih strani. Ena datoteka .ico lahko vsebuje več slik različnih velikosti, na primer 16×16, 32×32, 48×48 in 256×256 pikslov, zato sistem izbere najboljšo. Vsaka slika je lahko shranjena kot bitna slika ali podatki PNG in podpira polno alfa prosojnost. ICO ni namenjen fotografijam ali večjim slikam. Preberejo ga brskalniki, Windows in večina urejevalnikov ikon.

Stiskanje: Brez izgube kakovosti
Prosojnost: Da
Animacija: Ne
Uvedeno: Microsoft

Pretvornik ICO

SVG v ICO pretvarjajo, ker logotip obstaja kot vektor, korenska mapa spletnega mesta, bližnjica v sistemu Windows ali namizna aplikacija pa še vedno pričakuje eno datoteko .ico z več bitnimi velikostmi.

Pripravite SVG, preden ga pretvorite v ICO

Storite	Ne storite
viewBox nastavite na kvadrat, na primer `0 0 512 512`.	Ne zanašajte se na pretanke črte, ki pod 32 px izginejo.
Pustite majhen rob, da se znak ne dotika roba ikone.	Ne puščajte širokega logotipa z besedilom, ki postane tanka packa.
Besedilo pretvorite v obrise, da se pisava ne spremeni.	Ne sklicujte se na zunanje slike ali spletne pisave znotraj SVG.
Uporabite simbol ali začetnice, ne celotnega imena.	Ne dodajajte belega pravokotnika za logotipom, razen če ga želite tudi na temnih zavihkih.

Pretvornik izriše, kar opisuje SVG, in nič drugega, zato povezanih virov in pisav, ki niso vdelane, ne more pridobiti. Orodja za oblikovanje, kot so Figma, Illustrator in Inkscape, lahko besedilo izvozijo kot poti; tako bodo črke povsod ustrezale vaši znamki.

Ko je .ico narejen, dodajte še PNG 180 px za ikone Apple touch in sam SVG za brskalnike, ki podpirajo vektorske favicone; SVG v PNG izdela PNG v poljubni velikosti. Če je vaš vir logotip kot bitna slika, isto nalogo iz pik opravi PNG v ICO.

Pretvorba SVG v ICO: vprašanja

Zakaj uporabiti pretvornik SVG v ICO namesto začetka iz PNG?

PNG je treba za vsako velikost ikone pomanjšati, pomanjševanje pa zamegli robove. SVG se izriše neposredno pri 16, 32, 64, 128 in 256 px, zato ima vsaka velikost ostre robove na svoji mreži pik.

Ali brskalniki še potrebujejo favicon.ico, če ima spletno mesto ikono SVG?

Chrome in Firefox prebereta favicon SVG, naveden z oznako link, vendar številni brskalniki, bralniki virov in iskalni roboti privzeto še vedno zahtevajo /favicon.ico iz korena spletnega mesta. Z obema datotekama pokrijete vse.

Kaj se zgodi, če moj SVG ni kvadraten?

Mesta za ikone so kvadratna, zato ima širok logotip prazne robove ali je videti drobcen. Najprej uredite viewBox, da bosta širina in višina enaki, ali pa po izvozu PNG izrežite kvadratno različico z orodjem obreži sliko.

Ali se prosojno ozadje ohrani v ICO?

Da. ICO shranjuje alfa kanal, zato območja brez polnila v SVG ostanejo prosojna in ikona čisto sedi na svetlih in temnih zavihkih brskalnika.

Ali lahko SVG pretvorim v ICO za ikono programa ali mape v sistemu Windows?

Da, ista datoteka deluje. Windows za velike in zelo velike prikaze v Raziskovalcu prebere sliko 256 px, za sezname in opravilno vrstico pa manjše vnose.

Zakaj je moja ikona pri 16 px videti prazna?

Tanke črte in majhno besedilo pri tej velikosti izginejo. Črta debeline 2 enot na delovni površini 512 enot se v ikoni 16 px izriše precej pod enim pikslom. Črte odebelite ali za favicon uporabite preprostejši znak.

Pretvornik SVG v ICO

Pretvornik slik