Lav favicon
Gør et simpelt billede til en webstedskabelon ikon (favicon) og websted ikon pakke. Sørg for, at designet forbliver genkendeligt i små størrelser, downloade filerne og følg det inkluderede installationseksempel.
Før du begynder
- Indtægter
- En JPG, PNG eller statisk WebP billede.
- Udgang
- En ZIP med ICO, PNG-ikoner, et manifest og HTML eksempel.
Lading værktøj...
Hvordan man bruger dette værktøj
- Vælg et JPG, PNG eller statisk WebP billede.
- Plante til en kvadrat eller tilføje padding og inspicere ikonen forudsigelser.
- Download ZIP og tilpasse eksemplet veje til din hjemmeside.
Forstå resultatet
En webstedskabelon ikon (favicon) vises ofte i en meget lille størrelse. Et klart symbol eller bogstave fungerer normalt bedre end detaljeret kunstværk eller lille tekst. Genererede filer behøver stadig at blive uploadet og refereret af din hjemmeside.
Hvorfor ser min webside tab ikon (favicon) blurret eller for lille ud?
Et bredt ordmærke eller et detaljeret billede kan blive uleseligt i en lille browser-tab. Start med et simpelt kvadrat symbol, og inspicere de virkelige 16-pixel og 32-pixel forudsigelser. Padding bevarer den fulde kilde, men kan forlade et bredt logo meget lille; kvadratskrapning fylder ikonen og kan skære ud dens kanter. Tjek begge muligheder, før du installerer resultatet.
Hvilke filer (favicon) skal jeg downloade til min hjemmeside?
ZIP indeholder favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt For eksempel link tags. Udveksle arkivet først; opladning af ZIP alene installerer ikke ikonen. Eksemplet veje antager, at filerne er på webstedets rødder. Tilpas disse veje til en anden mappe, eller brug platforms site-ikonindstilling, så tjek den offentliggjorte side og dens cache.
Prøv en prøve
Prøv en originalprøve for at kontrollere den understøttede arbejdsproces. En vellykket prøve er ikke en garanti for hver input.
Oprindelig billede prøve ↓Hvis resultatet ikke er, hvad du forventer
Webstedet viser stadig den gamle ikon.
Filgenerering installerer dem ikke. Tjek ikonen URL'er og side markering, derefter slette webstedet cache og teste en ny browser session. Browser og søgresultatsikoner kan opdateres på forskellige tidspunkter.
Næste nyttige værktøj: SVG til PNG →Vigtige grænser
- Kun billedindgang; konvertere en SVG til PNG først.
- Værktøjet ændrer ikke din hjemmeside konfiguration.
- Tjek din egen hjemmeside efter at have installeret ikoner, fordi caching og platform adfærd kan være anderledes.
- Maksimalt 10 MB 12 millioner pixels. Udgang inkluderer ICO, PNG-ikoner, en webmanifest og eksempel HTML i en ZIP.
Ofte stillede spørgsmål
Installerer det webstedskabelon ikonen (favicon) på min hjemmeside?
Nej ikke. Det forbereder filer og et eksempel. Uploade filerne og opdatere vejen eller din hjemmeside indstillinger.
Gør pakken min hjemmeside til en PWA?
Nej ikke. Ikonfiler og en grundlæggende webmanifest er kun en del af en webappsindstilling.
Hvorfor er min logo svær at læse på 16 pixels?
Detaljer kan forsvinde i den størrelse. Prøv et mere simpelt symbol, en stærkere form eller mere plads omkring markeringen.
Relaterede guider
Spørgsmål eller korrigering? mrkcal@mrkcal.com