UltKit

Umbreyta SVG í tákn

Eitt vektorlógó getur dugað fyrir öll táknin sem þú þarft: favicon, flýtivísun í Windows, Mac-forrit og ræsitákn í símum. Þessi síða byrjar á ICO-skrá með mörgum stærðum og þú getur skipt yfir í ICNS eða PNG fyrir hin stýrikerfin.

Myndaumbreyting

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

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

Hvernig á að nota tólið

  1. 1

    Hladdu upp ferhyrndri SVG-skrá

    Bættu við SVG-skránni með merkinu þínu, helst með ferningslaga viewBox. Þú getur bætt við allt að 20 skrám í einu, til dæmis ljósri og dökkri útgáfu.

  2. 2

    Veldu táknsnið

    ICO með Stærðir tákna stillt á Allar stærðir (16–256) er sjálfvalið. Veldu ICNS undir Umbreyta í fyrir macOS, eða PNG með breidd undir Breyta stærð úttaksmyndar fyrir síma- eða verslunartákn.

  3. 3

    Umbreyttu og settu skrárnar á sinn stað

    Ýttu á Umbreyta í ICO (textinn fer eftir sniðinu sem þú valdir), sæktu skrána og settu hverja skrá þar sem stýrikerfið eða kerfið býst við henni.

Ekkert eitt táknasnið er til. Windows og vafrar nota ICO, macOS notar ICNS og símar nota söfn af PNG-skrám. Þegar byrjað er á SVG er hvert snið teiknað upp á nýtt út frá vektornum, skýrt í hverri stærð.

SVG í tákn: einn vektor, þrjár gerðir af táknskrám

Táknskrá er ílát fyrir litlar punktamyndir, ekki vektor. Stýrikerfið velur þá mynd sem er næst stærðinni sem þarf, svo gott tákn hefur nokkrar, hverja teiknaða fyrir sitt rúðunet.

ICO-stillingin á þessari síðu skilar einni skrá með öllum stærðum frá 16 til 256 px, sem dugar fyrir favicon.ico og Windows-flýtivísanir. Skiptu Umbreyta í yfir í ICNS fyrir táknaílát frá Apple, eða í PNG fyrir stakar stærðir sem Android, iOS og appaverslanir krefjast.

Taflan sýnir hvað helstu kerfi gefa út fyrir táknarými sín.

Táknskrár sem hvert stýrikerfi gerir ráð fyrir
StofnunKrafaHeimild
Windows skjáborð og verkefnastikaICO með nokkrum stærðum, þar á meðal 16, 32, 48 og 256 px—
Favicon vefsíðufavicon.ico í rót vefsins með 16, 32 og 48 px; 180 × 180 px PNG fyrir apple-touch-icon—
macOS-appatáknICNS eða Xcode-eignasafn, stærðir upp í 1024 × 1024 px—
Google Play verslunarsíða512 × 512 px 32-bita PNG, allt að 1.024 KB—
Apple App Store1024 × 1024 px PNG án gegnsæis—

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 leitar að SVG í tákn þegar það á eitt vektormerki og þarf að þjóna mörgum kerfum, hverju með sitt táknasnið, allt frá favicon.ico á vefsíðu til ICNS á Mac og PNG í föstum stærðum í appaverslunum.

Umbreyta SVG í táknskrár fyrir Windows, Mac, Android og iOS

Haltu ICO og Stærðir tákna á Allar stærðir. Endurnefndu skrána favicon.ico fyrir rót vefsíðu, eða bentu á hana í glugganum Breyta tákni fyrir Windows-flýtivísun.

  • Ein .ico skrá dugar fyrir flipa, bókamerki og verkefnastiku
  • Bættu við 180 px PNG fyrir bókamerki á heimaskjá iPhone

Hönnun SVG sem heldur sér í 16 px

16 × 16 px tákn hefur samtals 256 pixla. Flest vörumerki halda sérstöku táknmerki, oft aðeins tákninu eða einum staf, með feitum formum og fáum litum; ef þitt er ekki til enn þá skaltu gera einfaldaða afrit af SVG-skránni fyrir tákn.

Athugaðu viewBox áður en þú umbreytir. Breitt viewBox gefur tákn með tómum röndum fyrir ofan og neðan merkið, svo skerðu það fyrst í ferning; leiðbeiningarnar um að skera mynd í hlutföll útskýra ferningsskurð, og SVG í PNG gefur fljótlega stóra forskoðun til að meta hönnunina.

Algengar spurningar um SVG í tákn

Hver er munurinn á þessari síðu og SVG í ICO?

SVG í ICO einbeitir sér að einni .ico skrá fyrir favicon og Windows. Þessi síða nær yfir alla staði þar sem tákn er notað, þar á meðal ICNS fyrir macOS og PNG-skrár í föstum stærðum sem Android, iOS og appaverslanir krefjast.

Hvaða táknsnið notar hvert stýrikerfi?

Windows les ICO, macOS les ICNS eða eignasöfn (asset catalogs) sem eru búin til í Xcode, og Android og iOS taka við PNG-myndum í föstum pixlastærðum.

Get ég fengið allar PNG-stærðir fyrir forritið mitt í einni umbreytingu?

Nei. PNG geymir eina stærð, svo hver umbreyting skilar einni breidd. Stilltu Breyta stærð úttaksmyndar á eina stærð, umbreyttu, breyttu svo tölunni og umbreyttu aftur; hver stærð er teiknuð skýr út frá vektornum.

Nær ICNS-skráin héðan yfir Retina-tákn á Mac?

Hún inniheldur stærðir frá 16 upp í 256 px. Núverandi macOS-appatákn innihalda líka 512 px og 1024 px færslur fyrir Retina-skjái, sem Xcode eða iconutil frá Apple býr til úr PNG-skrám; fluttu þessar tvær út sem PNG hér og bættu þeim við settið.

Á táknið að halda gegnsæjum bakgrunni?

Fyrir ICO, ICNS og Android-launcher-lög, já: gegnsæi leyfir kerfinu að teikna sinn eigin bakgrunn. Tákn iOS App Store er undantekning; Apple hafnar 1024 px markaðstákni með alfarás, svo gefðu þeirri PNG-skrá heilan bakgrunn í SVG-skránni.

Af hverju verður nákvæma lógóið mitt að klessu sem lítið tákn?

Í 16 eða 32 px er ekkert pláss fyrir þunnar línur eða lítinn texta. Gerðu strokur þykkari svo þær þeki að minnsta kosti einn heilan pixil í minnstu stærð og slepptu orðmerkinu.