ICO na SVG-omskakelaar

Plaas 'n Windows-ikoon of favicon in 'n .svg-lêer vir gereedskap wat net SVG aanvaar. Die ikoon se piksels bly piksels, en daarom wys hierdie bladsy ook hoe u ware vektorpaaie kry, of bloot 'n groter PNG.

of los JPG, JPEG, JPE …-lêers hier ·

Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute

Uitvoer

Skakel om na

Lêers word op ons bedieners verwerk en na 30 minute uitgevee.

Hoe om hierdie nutsding te gebruik

1
Laai die .ico-lêer op
'n favicon.ico van 'n webwerf of 'n ikoon uit 'n Windows-program. Tot 20 lêers per bondel.
2
Druk Skakel om na SVG
Die grootste beeld wat in die ICO gestoor is, word met sy deursigtigheid ongeskonde binne-in 'n SVG-dokument geplaas.
3
Besluit wat u volgende nodig het
Gebruik die SVG soos dit is, volg dit na om skaleerbare paaie te kry, of haal 'n PNG uit as jy net die prent wou hê.

Antwoord

Maak ICO na SVG-omskakeling die ikoon skaleerbaar?

Nee. 'n ICO bevat net bitmaps, so die SVG omvou die grootste daarvan, insluitend piksels en deursigtigheid. Volg dit na vir 'n ikoon wat op enige grootte skerp bly; haal 'n PNG uit vir 'n groter prentlêer.

Hierdie bladsy

Omvou SVG

Die ICO se grootste bitmap binne-in 'n .svg-lêer.

Lyk presies soos die ikoon
Deursigtigheid behou
Word dof as dit vergroot word

Navolging

Nagevolgde SVG

Rande omgeskep in vektorpaaie deur beeld na SVG.

Skaleer na enige grootte
Wysigbare kleure en vorms
Klein besonderhede kan vereenvoudig

Uithaal

PNG uit ICO

Die grootste ikoonbeeld as PNG gestoor.

Maak oral oop
Verliesloos en deursigtig
Vaste pikselgrootte

ICO na SVG: 'n omhulsel om piksels, nie 'n vektor nie

Die ICO-formaat dateer terug na Windows 1.0 in 1985 en het die favicon-formaat geword toe Internet Explorer 5 in 1999 na /favicon.ico begin soek het. Een lêer bevat verskeie vierkantige bitmaps sodat Windows en blaaiers die gepaste grootte kan kies: 16 px vir 'n blaaieroortjie, 32 of 48 px vir die taakbalk en lessenaar, en sedert Windows Vista 256 px-beelde wat as saamgeperste PNG-data gestoor word. Nêrens in daardie struktuur is daar 'n pad, 'n kromme of 'n vulling nie.

SVG, 'n W3C-formaat sedert 2001, kan albei soorte inhoud bevat: vektorvorms en ingebedde bitmaps. Wanneer 'n ICO omgeskakel word, is die tweede soort die enigste eerlike uitvoer. Die SVG kry die ikoon se wydte en hoogte en een beeldelement met die piksels, so dit lyk presies soos die ICO in 'n blaaier, Figma of 'n skyfie. Zoem in en jy sien dieselfde piksels, want niks is oorgeteken nie.

Ikoongroottes in 'n ICO, en waarom die grootste een saak maak

1:1

16 × 16 px

Favicon vir blaaieroortjie

Te klein om goed na te volg

1:1

32 × 32 px

Oortjie met hoë digtheid, taakbalk

Algemene maksimum grootte van favicon.ico

1:1

48 × 48 px

Lessenaarikoon (Windows)

Teenwoordig in die meeste programikone

1:1

256 × 256 px

Groot ikone-aansig

Beste bron vir navolging of 'n PNG

ICO

Windows-ikoon

ICO is die Microsoft-ikoonformaat wat vir Windows-programikone en webwerf-favicons gebruik word. Een .ico-lêer kan verskeie beelde in verskillende groottes bevat, soos 16×16, 32×32, 48×48 en 256×256 piksels, sodat die stelsel die beste pasmaat kan kies. Elke beeld kan as 'n bitmap of as PNG-data gestoor word en ondersteun volle alfa-deursigtigheid. ICO is nie bedoel vir foto's of groot kunswerk nie. Blaaiers, Windows en die meeste ikoonredigeerders kan dit lees.

Kompressie: Verliesloos
Deursigtigheid: Ja
Animasie: Nee
Bekendgestel: Microsoft

ICO-omskakelaar

SVG

Scalable Vector Graphics

SVG is 'n XML-gebaseerde vektorformaat wat die W3C in 2001 gestandaardiseer het. In plaas van pixels beskryf dit vorms, paaie en teks, so dit bly skerp op enige grootte en is gewoonlik piepklein vir logo's en ikone. Dit ondersteun deursigtigheid, CSS-stileer, skripte en animasie, en elke blaaier lewer dit inheems. SVG is ongeskik vir foto's, en komplekse illustrasies kan stadig word om te lewer. Illustrator, Inkscape, Figma en blaaiers kan dit oopmaak en redigeer.

Kompressie: –
Deursigtigheid: Ja
Animasie: Ja
Bekendgestel: 2001 · W3C

SVG-omskakelaar

Mense soek na ICO na SVG wanneer 'n ontwerpgereedskap, 'n ikoonbiblioteek of 'n webwerfsjabloon SVG vra en die enigste kopie van 'n logo 'n favicon of 'n Windows-ikoon is; dit is gewoonlik die eerste stap na 'n nagevolgde vektor.

'n Ikoon in ware SVG-paaie vektoriseer

As die doel 'n logo is wat skaleer, is die omvou SVG hoogstens 'n tussenstap. Stuur die ikoon deur die beeld na SVG-omskakelaar: dit volg kleurrande en skryf dit as paaie wat jy kan herskaal, herkleur en sny. Resultate hang af van die brongrootte, so 'n 256 px-beeld uit 'n programikoon word baie beter nagevolg as 'n 16 px-favicon. Ons gids oor PNG na SVG omskakel verduidelik hoeveel kleure om te behou en hoe om die krommes glad te maak.

As jy die ikoon net in 'n dokument of redigeerder wou gebruik, slaan SVG heeltemal oor en neem die grootste beeld as PNG met ICO na PNG. Die omgekeerde, van 'n vektorlogo na 'n favicon met verskeie groottes, is waarvoor SVG na ICO bedoel is.

Vrae oor ICO na SVG

Kan 'n ICO-lêer 'n ware vektor-SVG word?

Nie deur omskakeling alleen nie. 'n ICO bevat net bitmaps, van 16 × 16 tot 256 × 256 px, so daar is geen vorms om oor te dra nie. Regte paaie moet uit die piksels nagevolg word, en dit doen die beeld na SVG-omskakelaar.

Watter van die groottes in my .ico beland in die SVG?

Die grootste een, omdat dit die meeste besonderhede bevat. 'n Tipiese favicon.ico gaan tot 32 of 48 px, terwyl 'n Windows-toepassingikoon gewoonlik 'n 256 px-weergawe insluit.

Sal die toegedraaide SVG as 'n webwerf-favicon werk?

Chrome en Firefox aanvaar SVG-favicons, maar 'n SVG wat net 'n 32 px-bitmap bevat, bied niks meer as die ICO waarmee jy begin het nie. 'n SVG-favicon is die moeite werd wanneer dit regte paaie bevat wat op skerms met 'n hoë digtheid skerp bly.

Waarom gee die vektorisering van 'n favicon klonterige vorms?

'n 32 px-ikoon het net 1 024 piksels, en navolging raai die krommes uit hul rande. Hoe minder piksels, hoe growwer die raaiskoot. Volg die 256 px-beeld uit 'n Windows-ikoon na, of soek die oorspronklike logo, vir skoon buitelyne.

Bly die ikoon se deursigtige agtergrond behoue?

Ja. ICO-beelde het 'n alfakanaal, en die SVG behou dit, so die ikoon sit op watter agtergrond die bladsy of ontwerpgereedskap ook al bied.

Kan ek die ikoon daarna in Inkscape of Figma herkleur?

Nie vorm vir vorm nie, want die SVG bevat een ingebedde prent. Jy kan filters of oorlegsels op die geheel toepas; vir kleure per vorm, volg dit eers na.