UltKit

PNG na ICO-omskakelaar

Skakel 'n vierkantige PNG om na 'n .ico-lêer wat verskeie ikoongroottes tegelyk bevat, van 16 px vir 'n blaaieroortjie tot 256 px vir Windows. Deursigtige hoeke en rande bly deursigtig.

Beeldomskakelaar

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

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

Uitvoer

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

Hoe om hierdie nutsding te gebruik

  1. 1

    Laai 'n vierkantige PNG op

    Gebruik kunswerk van minstens 256 × 256 px met 'n deursigtige agtergrond. Tot 20 PNG's per bondel, elk 95 MB.

  2. 2

    Kies die ikoongroottes

    Ikoongroottes begin by Alle groottes (16–256), die gewone keuse. Kies net een grootte onder Gevorderde instellings wanneer 'n program presies daardie grootte vra.

  3. 3

    Skakel om en gebruik die .ico

    Druk Skakel om na ICO, laai die lêer af en plaas dit in die wortel van jou webwerf, of wys 'n Windows-kortpad daarna. Opgelaaide lêers word ná 30 minute uitgevee.

'n ICO is 'n klein houer vir ikoonbeelde, nie 'n enkele prent nie: een lêer kan weergawes van 16, 32, 48 en 256 px bevat, en die stelsel kies die een wat pas.

Skakel PNG om na ICO met verskeie groottes in een lêer

Die ICO-formaat dateer uit Windows 1.0 in 1985, toe ikone piepklein bitmaps was. Die slenter is die gids aan die begin van die lêer, wat elke beeld daarin met sy wydte en hoogte lys. Windows Vista (2007) het toegelaat dat daardie beelde as PNG gestoor word, en so pas 'n 256 × 256-ikoon met gladde deursigtigheid in 'n lêer wat klein genoeg is om onmiddellik te laai.

Wanneer jy hier 'n PNG omskakel, word daardie houer vir jou gebou. Die bron word na elke grootte geskaal, die alfakanaal word behou sodat ronde hoeke en sagte skaduwees op donker en ligte agtergronde reg lyk, en alles word in een .ico geskryf. Begin met kunswerk van 256 px of groter; om 'n 32 px-PNG tot 256 op te skaal gee net 'n groot, wasige ikoon.

1:1

16 × 16 px

Blaaieroortjie

Oortjies en boekmerke teen standaard pikseldigtheid

1:1

32 × 32 px

Oortjie op 'n hoë-DPI-skerm

Retina-skerms en 200%-skalering in Windows

1:1

48 × 48 px

Google-soekresultaat

Google vra 'n vierkantige favicon in veelvoude van 48 px

1:1

256 × 256 px

Windows se ekstra groot ikone

Die grootste beeld wat 'n ICO-lêer kan hou

PNG

Portable Network Graphics

PNG is 'n verliesvrye rasterformaat wat in 1996 deur die PNG Development Group gepubliseer en later deur die W3C en ISO gestandaardiseer is. Dit behou elke pixel presies, ondersteun volle alfa-deursigtigheid en hanteer teks, skerp rande en egte kleure sonder artefakte. Daardie akkuraatheid maak dit ideaal vir skermkiekies, logo's, ikone en koppelvlakgrafika. Die ruil is grootte: foto's wat as PNG gestoor is, is dikwels etlike kere groter as dieselfde foto as JPEG of WebP. Alle blaaiers, bedryfstelsels en redigeerders maak PNG-lêers oop.

Kompressie
Verliesloos
Deursigtigheid
Ja
Animasie
Nee
Bekendgestel
1996 · PNG Development Group
PNG-omskakelaar

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

'n PNG is 'n enkele prent in een grootte, terwyl Windows en blaaiers 'n .ico wil hê wat verskeie groottes bundel sodat elke skerm die skerpste een kan kies; om van ICO terug na PNG te gaan, gaan net oor die uittrek van kunswerk.

Favicon of Windows-ikoon: watter groottes in die ICO moet wees

Blaaiers teken die oortjie-ikoon teen 16 px, of 32 px op hoë-DPI-skerms, en Google Search wys favicons vanaf 'n basis van 48 px. Hou Alle groottes sodat een lêer al drie dek.

  • Stoor as favicon.ico in die wortel van die webwerf
  • Voeg afsonderlik 'n 180 × 180 PNG vir die Apple touch icon by

PNG-kunswerk voorberei wat steeds op 16 px leesbaar is

Die favicon-idee het van Internet Explorer 5 in 1999 gekom, wat by die wortel van 'n webwerf na 'n lêer genaamd favicon.ico gesoek het wanneer iemand dit as boekmerk gestoor het. Ander blaaiers het die gedrag nagemaak, en daarom verskyn 'n versoek vir presies daardie pad nog vandag in bedienerlogboeke.

By 16 × 16 is daar altesaam 256 piksels, so kunswerk moet vet wees. Los leuses en dun omlyninge uit, hou sterk kontras teen sowel ligte as donker blaaiertemas, en laat een piksel ruimte om die vorm. Baie handelsmerke gebruik net die beginletter of simbool. As jou logo as 'n vektorlêer bestaan, skakel dit om met SVG na ICO sodat elke grootte uit skerp omlyninge geteken word.

Vrae oor PNG na ICO

Hoe skakel ek PNG om na ICO vir 'n webwerf-favicon?

Skakel om met Alle groottes gekies, hernoem die resultaat na favicon.ico en laai dit op in die wortelgids van jou webwerf. Blaaiers vra self vir daardie pad, en jy kan ook met 'n link rel="icon"-etiket in die bladsy se kop daarna verwys.

Hoekom lyk my ikoon vaag op 16 piksels?

Gedetailleerde kunswerk oorleef nie 'n verkleining na 16 × 16 nie, waar 'n letter of dun lyn minder as een piksel dek. Vereenvoudig die klein groottes: een vet letter of vorm lees beter in 'n blaaieroortjie as 'n volledige logo met teks.

Wat gebeur as my PNG nie vierkantig is nie?

Ikone is vierkantig, dus word 'n breë logo óf met leë ruimte aangevul óf saamgedruk, afhangend van die program wat dit lees. Sny of vul die PNG eers tot 'n vierkantige doek aan, sodat jy self besluit waar die leë ruimte kom.

Kan ek die .ico gebruik om 'n vouer se ikoon in Windows te verander?

Ja. Regsklik op die vouer, maak Properties > Customize > Change Icon oop en blaai na die .ico. Werkskermkortpaaie werk dieselfde deur Properties > Change Icon.

Het ek steeds 'n ICO-lêer nodig as my webwerf PNG-ikone het?

Moderne blaaiers aanvaar PNG- en SVG-ikone wat in die bladsy se kop verklaar word, maar sommige gereedskap, voerlesers en ouer blaaiers vra steeds direk vir /favicon.ico. 'n Klein ICO met veelvuldige groottes daar voorkom 404-foute in jou logboeke.