Hjem / Design / Favicon- og appikon-generator
Ikoner og merkevare

Favicon- og appikon-generator

Last opp en logo, forhåndsvis ikoner i mange størrelser, last ned PNG og kopier HTML-snippeten til nettstedet eller PWA-en din.

Ingen fil valgt
Bruk et kvadratisk PNG eller SVG med tilstrekkelig oppløsning (minst 512×512 anbefales).
Brukes som utfylling og som theme-color i den foreslåtte HTML-snippeten.
Velg hvilke størrelser som skal genereres. Klikk på et ikon eller etiketten for å laste ned den PNG-en.

Ikonforhåndsvisning

Klikk på et ikon eller etiketten for å laste ned den størrelsen som PNG. Lagre filene i prosjektet ditt (f.eks. /assets/icons).

Denne generatoren kjører helt i nettleseren. Husk å laste opp de nedlastede PNG-filene og oppdatere stiene i snippeten til prosjektstrukturen din.

Ethvert seriøst prosjekt trenger en tydelig favicon i nettleserfanen, et Apple touch-ikon for iOS og appikoner for Android og PWA. Dette verktøyet hjelper deg med å generere dem fra ett bilde: last opp en kvadratisk logo, velg størrelser, last ned PNG-filene og kopier HTML-snippeten til nettstedet ditt.

Hvorfor favicon og appikoner betyr noe

  • Favicon — det lille ikonet i nettleserfanen og bokmerkene. Uten det ser fanen generisk ut og merkevaren din blir mindre gjenkjennelig.
  • Apple touch-ikon — brukes når brukeren legger nettstedet ditt på hjemskjermen på iPhone og iPad. Riktig størrelse (f.eks. 180×180) gir et skarpt ikon.
  • PWA-/Android-ikoner — nødvendig for «Legg til på hjemskjermen» og installasjon. Typiske størrelser: 192×192 og 512×512.

Ét kvadratisk kildebilde kan dekke alt. Generatoren kjører helt i nettleseren; logoen din forlater aldri enheten din.

Anbefalt kildebilde

Bruk et kvadratisk bilde (PNG eller SVG) på minst 512×512 piksler. Høyere oppløsning er greit; verktøyet skalerer ned. Unngå for små eller tøyde bilder slik at ikonene forblir skarpe på skjermer med høy pikseltetthet.

Rask start med verktøyet

  1. Last opp — Klikk på «Velg fil» og velg logoen din (PNG eller SVG, kvadratisk, 512×512 eller større).
  2. Bakgrunn — Velg bakgrunnsfarge hvis logoen har transparens; den brukes også som theme-color i snippeten.
  3. Størrelser — Kryss av for størrelsene du trenger (favicon 16/32, Apple 180, PWA 192/512 osv.).
  4. Last ned — Klikk på en forhåndsvisning for å laste ned den størrelsen som PNG, eller «Last ned alt som ZIP» for å få alt på en gang.
  5. Snippet — Kopier HTML-blokken og lim den inn i nettstedets <head>. Last opp PNG-filene til serveren (f.eks. /assets/icons/) og juster stiene i snippeten om nødvendig.

Hvor filene skal ligge

En vanlig oppsett:

  • Legg favicon- og ikon-PNG-filene i en mappe som /assets/icons/ eller i root.
  • Oppdater snippeten slik at href peker til disse stiene (f.eks. /assets/icons/favicon-32x32.png).
  • Legg til site.webmanifest for PWA med de samme stiene til 192×192- og 512×512-ikonene.

Oppsummering

Favicon- og appikon-generatoren lar deg gå fra én logo til alle nødvendige størrelser og en ferdig snippet for <head>. Bruk et kvadratisk bilde i god oppløsning, last ned PNG-filene og sett inn snippeten i prosjektet ditt.

  1. Last opp et kvadratisk bilde (PNG eller SVG, minst 512×512 anbefales).
  2. Velg bakgrunnsfarge og hvilke ikonstørrelser som skal genereres (favicon, Apple touch, PWA).
  3. Klikk på en forhåndsvisning for å laste ned hver PNG, og kopier HTML-snippeten til <head> på nettstedet ditt.

Ofte stilte spørsmål

Bruk minst 512×512 piksler for best kvalitet. Kvadratiske bilder fungerer best; verktøyet skalerer og sentrerer logoen din.

Standard favicons: 16×16 og 32×32. Apple: 180×180. PWA: 192×192 og 512×512. Snippeten vi genererer inkluderer disse.

Nei. Alt kjører i nettleseren. Logoen din forlater aldri enheten din.

Relaterte verktøy

Komprimer PDF Finn YouTube Channel ID TikTok profilbilde-nedlaster JPG til PDF

Dette verktøyet tilbys kun for personlig og pedagogisk bruk. Vi verken lagrer eller hoster brukerinnhold eller mediefiler på våre servere. All behandling skjer lokalt i nettleseren din. Vi er ikke tilknyttet eller godkjent av noen sosiale nettverk, plattformer eller selskaper som er nevnt. Bruk denne tjenesten på eget ansvar og i samsvar med vilkårene for den aktuelle plattformen.