SVG í ICO breytir

Best er að gera favicon úr SVG: hver táknstærð er teiknuð upp á nýtt úr vektornum í stað þess að vera minnkuð úr stórri bitamynd, svo 16 px útgáfan verður eins skörp og pixlanetið leyfir.

eða slepptu JPG, JPEG, JPE … skrár hér ·

Að hámarki 95 MB á skrá· Allt að 20 skrár· Eytt eftir 30 mínútur

Úttak

Umbreyta í

Skrár eru unnar á þjónum okkar og eytt eftir 30 mínútur.

Hvernig á að nota tólið

1
Hladdu upp SVG-lógóinu
Notaðu merkið eða stafamerkið, ekki allt orðmerkið. Ferningslaga viewBox gefur hreinustu niðurstöðuna.
2
Haltu öllum táknstærðum
Stærðir tákna byrjar á Allar stærðir (16–256), sem pakkar öllum upplausnum í eina .ico skrá. Veldu eina stærð aðeins þegar forrit biður um nákvæmlega eina.
3
Smelltu á Umbreyta í ICO
Vistaðu skrána sem favicon.ico í rótarmöppu vefsins þíns eða láttu Windows-flýtivísun benda á hana.

Svar

Hvernig umbreyti ég SVG í ICO fyrir favicon?

Hladdu upp SVG-skránni, hafðu Stærðir tákna á Allar stærðir (16–256) og ýttu á Umbreyta í ICO. Þú færð eina .ico skrá með öllum upplausnum teiknuðum úr vektornum og gegnsæið helst.

SVG í ICO breytir: af hverju vektor er rétta upprunaskráin

Sniðið .ico á rætur að rekja til fyrstu útgáfa Windows og favicon.ico-venjan til Internet Explorer 5 árið 1999, sem leitaði að skrá með því nafni í rót hvers vefs sem þú bættir í bókamerki. ICO er lítill gámur: skrá yfir færslur, hver um sig sérstök ferningslaga punktamynd, svo ein skrá getur geymt 16 px flipatákn og 256 px skjáborðstákn hlið við hlið. Windows Vista hækkaði hámarkið í 256 × 256 og leyfði að þessar stóru færslur væru vistaðar sem PNG.

Þar sem hver færsla er sín eigin punktamynd ræðst gæði tákns af því hvernig hver stærð var unnin. Úr PNG er hver stærð smækkun á sömu pixlum. Úr SVG er hver stærð ný teikning ferlanna, með kantjöfnun reiknaða fyrir nákvæmlega það pixlanet. Í 16 × 16 px, þar sem lógó hefur 256 pixla til umráða, sést þessi munur.

1:1

16 × 16 px

16 × 16

Vafraflipar, bókamerki og ferilslistar.

1:1

32 × 32 px

32 × 32

Flipar á skjám með mikilli þéttni, flýtivísanir á Windows-verkstikunni.

1:1

64 × 64 px

64 × 64

Skalaðar skjáborðssýnir og fest atriði.

1:1

128 × 128 px

128 × 128

Stórar forskoðanir í skráastjórum.

1:1

256 × 256 px

256 × 256

Stærsta ICO-færslan; mjög stór tákn í Explorer.

SVG

Scalable Vector Graphics

SVG er XML-byggt vektorsnið sem W3C staðlaði árið 2001. Í stað depla lýsir það formum, ferlum og texta, svo það helst skarpt í hvaða stærð sem er og er yfirleitt örlítið fyrir merki og tákn. Það styður gegnsæi, CSS-stílun, skriftun og hreyfimyndir og allir vafrar birta það innbyggt. SVG hentar ekki fyrir ljósmyndir og flóknar myndskreytingar geta orðið seinvirkar í birtingu. Illustrator, Inkscape, Figma og vafrar geta opnað og breytt því.

Þjöppun: –
Gegnsæi: Já
Hreyfimynd: Já
Kom fram: 2001 · W3C

SVG umbreytir

ICO

Windows táknmynd

ICO er táknmyndasnið Microsoft sem er notað fyrir tákn Windows forrita og favicon vefsíðna. Ein .ico skrá getur innihaldið nokkrar myndir í mismunandi stærðum, svo sem 16×16, 32×32, 48×48 og 256×256 dílar, svo kerfið geti valið það sem passar best. Hver mynd getur verið geymd sem bitamynd eða PNG gögn og styður fullt alfa-gegnsæi. ICO er ekki ætlað fyrir ljósmyndir eða stórar myndir. Vafrar, Windows og flest táknmyndaforrit geta lesið það.

Þjöppun: Án taps
Gegnsæi: Já
Hreyfimynd: Nei
Kom fram: Microsoft

ICO umbreytir

Fólk umbreytir SVG í ICO vegna þess að lógóið er til sem vektor, en rót vefsins, Windows-flýtivísun eða skjáborðsforrit vill enn fá eina .ico skrá sem geymir nokkrar punktamyndastærðir.

Undirbúðu SVG-skrána áður en þú umbreytir SVG í ICO

Gerðu	Ekki gera
Stilltu viewBox á ferning, til dæmis `0 0 512 512`.	Treystu ekki á hárfínar línur sem hverfa undir 32 px.
Hafðu lítinn jaðar svo merkið snerti ekki brún táknsins.	Haltu ekki breiðu orðmerki sem verður að mjóum klessum.
Breyttu texta í útlínur svo letrið breytist ekki.	Vísaðu ekki í ytri myndir eða vefletur inni í SVG.
Notaðu táknið eða upphafsstafi, ekki fullt nafn.	Bættu ekki hvítum ferhyrningi á bak við lógóið nema þú viljir hafa hann líka í dökkum flipum.

Breytirinn teiknar það sem SVG lýsir og ekkert annað, þannig að tengd gögn og letur sem er ekki innfellt er ekki hægt að sækja. Hönnunarforrit eins og Figma, Illustrator og Inkscape geta flutt texta út sem ferla; geri maður það passa stafirnir við vörumerkið alls staðar.

Þegar .ico skráin er tilbúin skaltu bæta við 180 px PNG fyrir Apple touch icon og SVG-skránni sjálfri fyrir vafra sem styðja vektor-favicon; SVG í PNG býr til PNG í hvaða stærð sem er. Ef upprunalega lógóið er punktamynd sér PNG í ICO um sama verk út frá pixlum.

Umbreyta SVG í ICO: spurningar

Af hverju að nota SVG í ICO breyti í stað þess að byrja með PNG?

PNG-mynd þarf að minnka fyrir hverja táknstærð og við smækkun verða brúnir óskýrar. SVG er teiknað beint í 16, 32, 64, 128 og 256 px, þannig að hver stærð fær skarpar brúnir fyrir sitt eigið pixlanet.

Þurfa vafrar enn favicon.ico ef vefurinn minn er með SVG-tákn?

Chrome og Firefox lesa SVG-favicon sem er skilgreint með link-tagi, en margir vafrar, fréttastraumslesarar og skriðarar biðja enn sjálfkrafa um /favicon.ico í rót vefsins. Með því að hafa bæði er allt tryggt.

Hvað gerist ef SVG-skráin mín er ekki ferningslaga?

Táknreitir eru ferningslaga, svo breitt lógó fær annaðhvort auðar jaðrar eða virðist örlítið. Breyttu viewBox fyrst þannig að breidd og hæð séu jafnar, eða skerðu ferningslaga útgáfu með tólinu skera mynd eftir að þú hefur flutt út PNG.

Helst gegnsær bakgrunnur í ICO-skránni?

Já. ICO geymir gegnsæisrás, þannig að svæði án fyllingar í SVG haldast gegnsæ og táknið fer vel bæði á ljósum og dökkum vafraflipum.

Get ég umbreytt SVG í ICO fyrir Windows-forrit eða möpputákn?

Já, sama skráin virkar. Windows les 256 px myndina fyrir stórar og mjög stórar sýnir í Explorer og minni færslurnar fyrir lista og verkstikuna.

Af hverju virðist táknið mitt tómt í 16 px?

Mjóar útlínur og lítill texti hverfa í þessari stærð. Tveggja eininga lína á 512 eininga teikniborði verður langt undir einum pixli í 16 px tákni. Þykktu línur eða notaðu einfaldara merki fyrir favicon.

SVG í ICO breytir

Myndaumbreyting