Lag favicon
Forvandle et enkelt bilde til en nettside-tabikon (favicon) og nettside-ikonpakke. Kontroller at designen forblir gjenkjennelig i små størrelser, laste ned filene og følg installasjonseksemplet som er inkludert.
Før du begynner
- Innføring
- En JPG, PNG eller statisk WebP bilde.
- Utgang
- En ZIP med ICO, PNG-ikoner, et manifest og HTML eksempel.
Lading verktøy...
Hvordan bruke dette verktøyet
- Velg en JPG, PNG eller statisk WebP bilde.
- Plante til en kvadrat eller legge til padding og sjekk ikonen forhåndsvisninger.
- Last ned ZIP og tilpasse eksemplet veier til nettstedet ditt.
Forstå resultatet
En nettside-tabikon (favicon) vises ofte i en svært liten størrelse. Et klart symbol eller bokstav fungerer vanligvis bedre enn detaljert kunstverk eller liten tekst. Genererte filer må fortsatt lastes opp og refereres av nettstedet ditt.
Hvorfor ser min nettside tab ikon (favicon) blur eller for liten ut?
Et bredt ordmerke eller et detaljert bilde kan bli ulesbart i en liten nettleserkabell. Begynn med et enkelt kvadrat symbol, og sjekk de virkelige 16- og 32-pixel forutsiktene. Padding bevarer den fulle kilden, men kan forlate et bredt logo veldig lite; kvadratskraping fyller ikonet og kan kutte av kantene. Sjekk begge alternativene før du installerer resultatet.
Hvilke filer skal jeg laste opp til min nettside?
ZIP inkluderer favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt For eksempel link tags. Ta ut arkivet først; Last opp ZIP alene installerer ikke ikonet. Eksempler på veier antyder at filene er på nettsiden roten. Tilpasse disse veiene til en annen mappe, eller bruk plattformenes nettsted-ikoninnstilling, og sjekk deretter den publiserte siden og cache.
Prøv et prøver
Prøv et originalt prøver for å sjekke den støttet arbeidsflyten. Et vellykket mønster er ikke en garanti for hver innføring.
Original bilde prøve ↓Hvis resultatet ikke er det du forventer
Nettstedet viser fortsatt den gamle ikonen.
Generering av filer installerer ikke dem. Sjekk ikonets URL-adresser og sidemerke, deretter slette cache-siden og prøv en ny nettleser-sesjon. Nettleser og søkemønstre kan oppdateres på forskjellige tidspunkter.
Neste nyttig verktøy: SVG til PNG →Viktige grenser
- Bare bildeinnføring; konvertere en SVG til PNG først.
- Verktøyet endrer ikke nettsiden din.
- Sjekk din egen nettside etter å ha installert ikonene fordi caching og plattformen oppførsel kan være forskjellig.
- Maksimalt 10 MB 12 millioner piksler. Utgang inkluderer ICO, PNG-ikoner, en webmanifest og eksempel HTML i en ZIP.
Ofte stilt spørsmål
Installerer dette nettsiden tabikon (favicon) på nettstedet mitt?
Nei nei. Den forbereder filer og et eksempel. Last opp filene og oppdatere veiene eller nettstedets innstillinger.
Vil pakken gjøre nettstedet mitt til en PWA?
Nei nei. Ikonfiler og en grunnleggende webmanifest er bare en del av en webapp-innstilling.
Hvorfor er logoen min vanskelig å lese på 16 piksler?
Fine detaljer kan forsvinne i denne størrelsen. Prøv et enklere symbol, en sterkere form eller mer plass rundt markeringen.
Relaterte guider
Spørsmål eller korreksjon? mrkcal@mrkcal.com