SVG na ICO-omskakelaar
'n Favicon wat by SVG begin, is die beste uitgangspunt: elke ikoongrootte word vars uit die vektor geteken in plaas daarvan dat dit van 'n groot bitmap verklein word, sodat die 16 px-weergawe so skerp bly as wat die pikselrooster toelaat.
Beeldomskakelaar
of los JPG, JPEG, JPE …-lêers hier ·
Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute
Lêers word op ons bedieners verwerk en na 30 minute uitgevee.
85 hou foto's visueel identies aan die oorspronklike. Verlaag dit slegs wanneer jy 'n kleiner lêer nodig het.
JPG, BMP en EPS het geen deursigtigheid nie. Deursigtige pixels word met hierdie kleur gevul.
Heks-kleur agter deursigtige pixels, bv. #FFFFFF.
Hierdie formaat hou een beeld. Kies GIF- of WebP-uitvoer as jy die animasie wil behou.
'n Multi-grootte-ikoon bevat verskeie resolusies in een lêer; blaaiers en bedryfstelsels kies die een wat hulle nodig het.
Behou die oorspronklike afmetings, of voer een kant in en die aspekverhouding word behou.
Pixels vir die kant wat jy hierbo gekies het.
Persentasie van die oorspronklike afmetings.
sRGB is reg vir skerms en die web. Behou die oorspronklike vir drukwerkvloei; grysskaal gooi kleur weg.
Slegs metadata, 0 behou die oorspronklike waarde. Drukkers en sommige portale lees hierdie getal; dit verander nie die pixelafmetings nie.
Hoe om hierdie nutsding te gebruik
- 1
Laai die SVG-logo op
Gebruik die merk of monogram, nie die volle woordmerk nie. 'n Vierkantige viewBox gee die skoonste resultaat.
- 2
Behou al die ikoongroottes
Ikoongroottes begin by Alle groottes (16–256), wat elke resolusie in een .ico pak. Kies net een grootte as 'n program presies een vra.
- 3
Druk Skakel om na ICO
Stoor die lêer as favicon.ico in jou webwerf se wortelgids, of wys 'n Windows-kortpad daarheen.
Hoe skakel ek SVG na ICO om vir 'n favicon?
Laai die SVG op, los Ikoongroottes op Alle groottes (16–256) en druk Skakel om na ICO. Jy kry een .ico met elke resolusie uit die vektor geteken, met deursigtigheid ongeskonde.
SVG na ICO-omskakelaar: waarom vektor die regte bron is
Die .ico-formaat dateer uit vroeë weergawes van Windows, en die favicon.ico-konvensie uit Internet Explorer 5 in 1999, wat in die wortel van elke webwerf wat jy gemerk het na 'n lêer met daardie naam gesoek het. 'n ICO is 'n klein houer: 'n gids van inskrywings, elk 'n aparte vierkantige bitmap, so een lêer kan 'n 16 px-blaaierikoon en 'n 256 px-lessenaarikoon langs mekaar hou. Windows Vista het die maksimum tot 256 × 256 verhoog en toegelaat dat daardie groot inskrywings as PNG gestoor word.
Omdat elke inskrywing sy eie bitmap is, hang die kwaliteit van 'n ikoon af van hoe elke grootte gemaak is. Vanaf 'n PNG is elke grootte 'n verkleining van dieselfde piksels. Vanaf 'n SVG is elke grootte 'n nuwe weergawe van die paaie, met gladstryking vir presies daardie rooster. By 16 × 16 px, waar 'n logo 256 piksels het om mee te werk, is dié verskil sigbaar.
16 × 16 px
16 × 16
Blaaiertoongbladsye, boekmerke en geskiedenislyste.
32 × 32 px
32 × 32
Oortjies op hoëdigtheidskerms, Windows-taakbalkkortpaaie.
64 × 64 px
64 × 64
Geskaleerde lessenaaraansigte en vasgespelde items.
128 × 128 px
128 × 128
Groot voorskoue in lêerbestuurders.
256 × 256 px
256 × 256
Die grootste ICO-inskrywing; Explorer se ekstra groot ikone.
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
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
Mense skakel SVG na ICO om omdat hul logo as 'n vektor bestaan en die webwerf se wortel, 'n Windows-kortpad of 'n rekenaartoepassing steeds een .ico-lêer verwag wat verskeie bitmapgroottes bevat.
Berei die SVG voor voordat u SVG na ICO omskakel
| Doen | Moenie |
|---|---|
Stel die viewBox op 'n vierkant, soos 0 0 512 512. | Staatmaak op haarfyn lyne wat onder 32 px verdwyn. |
| Los 'n klein kantlyn sodat die merk nie die ikoonrand raak nie. | 'n Breë woordmerk behou wat 'n dun vlek word. |
| Skakel teks om na omlyne sodat die lettertipe nie verander nie. | Na eksterne beelde of webfonte binne die SVG verwys. |
| Gebruik die simbool of voorletters, nie die volle naam nie. | 'n Wit reghoek agter die logo byvoeg, tensy jy dit ook in donker oortjies wil hê. |
Die omskakelaar teken wat die SVG beskryf en niks anders nie, so gekoppelde bates en lettertipes wat nie ingebed is nie, kan nie gehaal word nie. Ontwerpgereedskap soos Figma, Illustrator en Inkscape kan teks as paaie uitvoer; doen dit en die letters sal oral by jou handelsmerk pas.
Sodra die .ico klaar is, voeg 'n 180 px PNG vir Apple-aanraakikone by en die SVG self vir blaaiers wat vektor-favicons ondersteun; SVG na PNG maak die PNG in enige grootte. As jou bron eerder 'n bitmap-logo is, doen PNG na ICO dieselfde werk vanaf piksels.
SVG na ICO omskakel: vrae
Waarom 'n SVG na ICO-omskakelaar gebruik eerder as om met 'n PNG te begin?
'n PNG moet vir elke ikoongrootte verklein word, en verkleining maak rande dowwer. 'n SVG word direk teen 16, 32, 64, 128 en 256 px geteken, so elke grootte kry skerp rande vir sy eie pikselrooster.
Het blaaiers nog favicon.ico nodig as my webwerf 'n SVG-ikoon het?
Chrome en Firefox lees 'n SVG-favicon wat met 'n link-etiket verklaar is, maar baie blaaiers, voerlesers en webkruipers vra steeds by verstek /favicon.ico vanaf die webwerf se wortel. As jy albei lewer, is alles gedek.
Wat gebeur as my SVG nie vierkantig is nie?
Ikoonplekke is vierkantig, so 'n breë logo kry óf leë kantlyne óf lyk piepklein. Wysig eers die viewBox sodat breedte en hoogte gelyk is, of sny 'n vierkantige weergawe met die beeld uitsny-hulpmiddel nadat jy 'n PNG uitgevoer het.
Word die deursigtige agtergrond in die ICO behou?
Ja. ICO stoor 'n alfakanaal, so areas sonder vulling in die SVG bly deursigtig en die ikoon sit netjies op ligte en donker blaaiertoongbladsye.
Kan ek SVG na ICO omskakel vir 'n Windows-program- of vouerikoon?
Ja, dieselfde lêer werk. Windows lees die 256 px-beeld vir groot en ekstra groot Explorer-aansigte en die kleiner inskrywings vir lyste en die taakbalk.
Waarom lyk my ikoon leeg op 16 px?
Dun lyne en klein teks verdwyn by daardie grootte. 'n Lyn van 2 eenhede in 'n 512-eenheid-tekenvlak word in 'n 16 px-ikoon ver onder een piksel geteken. Maak lyne dikker of gebruik 'n eenvoudiger merk vir die favicon.
Ander ikoon-omskakelaars
- PNG na ICO-omskakelaarSkakel PNG aanlyn om na ICO: een .ico-lêer met elke grootte van 16 tot 256 px, deursigtigheid behou. Vir favicons en Windows. Gratis, geen rekening.
- JPG na ICO-omskakelaarSkakel 'n JPG of JPEG om na 'n .ico-lêer met 16, 32, 64, 128 en 256 px binne, vir 'n webwerf-favicon of Windows-kortpad. Geen rekening nodig nie.
- ICO na PNG-omskakelaarSkakel .ico-lêers om na PNG met die deursigtige agtergrond behou. Die grootste beeld in die ikoon word uitgehaal, sodat favicons skerp bly.
- SVG na PNG omskakelSkakel SVG-logo's en -ikone om na PNG teen die wydte wat u kies, by verstek 1024 px, met die deursigtige agtergrond behou. Sien hoe DPI en piksels saamhang.
- PNG na ICO 256x256-omskakelaarMaak 'n 256 × 256 ICO van 'n PNG vir Windows se ekstra groot ikone, installeerders en Electron. Deursigtigheid behou, een grootte, geen rekening.
- Beeld na ICO-omskakelaarSkakel beeld om na 'n .ico met verskeie groottes vir 'n favicon of Windows-kortpad. PNG, JPG, SVG, WebP, HEIC en meer; 16 tot 256 px in een lêer.