Nye nettsteder
Lag et enkelt bokstav- eller emoji-ikon på et øyeblikk, mens den egentlige logoen fortsatt er under utvikling.
Favicon-generator — Lag en favicon.ico og PNG-ikoner fra tekst, en emoji eller et bilde.
Skriv inn én eller to bokstaver eller en emoji, eller last opp logoen din, så får du et ferdig sett med favicon-filer: favicon.ico, 16×16, 32×32, 48×48, Apple-berøringsikonet på 180×180 samt appikonene på 192×192 og 512×512. Kopier HTML-koden, så er du ferdig. Bildene behandles i nettleseren din.
Lag favikonet mitt
Bildet ditt forblir i nettleseren din
Lag ditt eget ikon
Forhåndsvisning og nedlasting
Veiledningen
Veiledning til favicon-generator: Størrelser, filer og HTML-koden du trenger
Hvilke favicon-filer et nettsted trenger, og hvordan man legger dem til.
Hva er Favicon Generator?
Et favikon er det lille ikonet som vises i nettleserfaner, bokmerker og søkeresultater ved siden av nettstedets navn. Et godt favikon gjør det enkelt å finne fanen din blant mange andre.
Denne generatoren tegner ikonet ditt på et lerret i alle størrelser du trenger, og lar deg laste ned hver enkelt fil, inkludert en «favicon.ico»-fil med flere størrelser, sammen med lenketaggene du kan legge til på siden din.
Hvorfor bruker folk en favicon-generator?
Eksisterende logoer
Beskjær et logo til et kvadrat og eksporter alle størrelsene som nettlesere og mobiltelefoner krever.
Nettapper og PWA-er
Last ned PNG-ikonene på 192 og 512 piksler som kreves i manifestet til en nettapp, samt Apples berøringsikon.
Forklaring av størrelser på favikoner
favicon.ico er den klassiske filen i rotkatalogen på nettstedet ditt. Dette verktøyet samler versjoner på 16, 32 og 48 piksler i én ICO-fil. PNG-filene på 16×16 og 32×32 passer til moderne nettlesere, og 32×32 ser skarpere ut på skjermer med høy oppløsning. Filen «apple-touch-icon.png» på 180×180 brukes når noen legger til nettstedet ditt på startskjermen på en iPhone eller iPad.
PNG-filene i størrelsene 192×192 og 512×512 er de størrelsene som Android og installerbare nettapper bruker; oppgi dem i manifestet til nettappen din. Søkemotorer kan også vise et favikon i søkeresultatene, og Google ber om et firkantet ikon med en størrelse som er et multiplum av 48 piksler, noe som filene på 48 og 192 dekker.
Slik bruker du favicon-generatoren
- Velg «Tekst» eller «Bilde». For tekst: skriv inn ett eller to tegn eller en emoji, og velg farger. For et bilde: velg en fil.
- Velg en form: firkant, avrundet eller sirkel.
- Se forhåndsvisningene for hver størrelse. Små størrelser vises i sin faktiske pikselstørrelse.
- Last ned filene du trenger, eller bruk «Last ned alt», og kopier deretter HTML-koden inn i head-delen av siden din.
Enkle tips
- Én eller to tegn ser best ut ved 16 piksler. Lange ord blir uskarpe.
- Bruk sterk kontrast mellom ikonet og bakgrunnen, slik at det forblir lett å lese både på lyse og mørke faner.
- For logoer med mange detaljer bør du bruke en forenklet versjon eller bare initialen.
- Plasser filene i rotkatalogen på nettstedet ditt, slik at lenkene i kodebiten fungerer, eller endre stiene slik at de samsvarer med mappene dine.
Begrensninger og personvern
Personvern
Bildet ditt tegnes og tilpasses i nettleseren din. Ingenting lastes opp, og filene opprettes på enheten din når du laster dem ned.
Begrensninger
ICO-filen inneholder kun bilder med 16, 32 og 48 piksler. Bildene er beskåret til et sentrert kvadrat, så beskjær logoen din først hvis du trenger en annen del av den. Nettlesere lagrer noen ganger gamle favikoner i hurtigbufferen i lang tid, så det kan ta litt tid før et nytt ikon vises.
Vanlige spørsmål
Ofte stilte spørsmål om Favicon Generator
Hva er et favikon?
Et favikon er det lille ikonet som vises i nettleserfaner, bokmerker og noen ganger i søkeresultater, ved siden av nettstedets navn.
Hvilke størrelser på favicon trenger jeg?
En favicon.ico-fil (16, 32 og 48 piksler), en 32×32 PNG-fil, et 180×180 Apple-berøringsikon, samt 192×192 og 512×512 PNG-filer hvis nettstedet ditt kan installeres som en app. Dette verktøyet lager dem alle.
Hvordan legger jeg til favikonet på nettstedet mitt?
Last opp filene til nettstedet ditt – vanligvis til rotmappen – og lim inn de genererte lenketaggene i head-delen av HTML-koden. Endre stiene hvis filene dine ligger et annet sted.
Kan jeg lage et favikon av en emoji?
Ja. Velg «Tekst» og skriv inn en emoji, eller ett eller to tegn. Velg en bakgrunnsfarge og en form, så blir ikonet tegnet for deg.
Hvilket bilde bør jeg laste opp?
Et kvadratisk bilde på minst 512×512 piksler fungerer best, i PNG-, JPG- eller WebP-format. Bilder med andre former blir beskåret til et sentrert kvadrat.
Støtter den gjennomsiktige bakgrunner?
Ja. Fjern merket for «Fyll bakgrunn», så beholdes gjennomsiktigheten i en PNG-fil. Når det gjelder tekst, tegnes bokstavene på et gjennomsiktig ikon.
Hvorfor vises ikke det nye favikonet mitt?
Nettlesere lagrer favikoner i hurtigbufferen på en svært aktiv måte. Prøv å foreta en hard oppdatering, tøm hurtigbufferen eller åpne nettstedet i et privat vindu for å se det nye ikonet.
Blir bildet mitt lastet opp til en server?
Nei. Ikonet opprettes i nettleseren din, og filene genereres på enheten din.
Fra brukere av dette verktøyet
Anmeldelser
Laster inn anmeldelser…
Fortsett
Flere verktøy i verktøykassen
Hjemmesiden inneholder dusinvis av andre gratisverktøy som ikke krever en API-nøkkel.