Förhandsvisning av resultatet från ”Favicon-generator”

Favicon Generator — Skapa en favicon från en bild gratis

Generera 16–512 px PNG-ikoner, en Apple touch-ikon och en site.webmanifest från en bild.

Vad ska favikonen utgå från?

Släpp en kvadratisk bild — få alla favicon-storlekar plus site.webmanifest som en ZIP-fil.

Inkluderar favicon.ico, site.webmanifest + HTML-kodsnutt

Vad du kan göra med Favicon-generator

Granska de viktigaste funktionerna innan du börjar.

  • Utgå från en bild, initialer eller en emoji eller symbol
  • Förhandsgranska bokstavsmärkets färger och textstil före genereringen
  • Skapa Apple touch-ikoner och ikoner för Android-hemskärmen
  • Få en färdig site.webmanifest-fil
  • Ladda ner alla favicon-storlekar som en enda ZIP-fil
  • Generera favicon.ico plus PNG-storlekar från 16 till 512 px

Inställningsreferens

Tillgängliga kontroller för Favicon-generator.

BearbetningslägeFörinställningar
Bearbeta en inmatning eller byt till Premiums batchläge för att bearbeta flera med samma inställningar. Vilka typer av inmatning som stöds beror på verktyget.Alternativ: Enstaka bildBunt

Källtyp

Vad ska favikonen utgå från?Förinställningar
Väljer en uppladdad bild, ett lokalt designat bokstavsmärke med ett till tre tecken, eller en emoji eller symbol som källa för samma kompletta favikonpaket.Alternativ: Använd en bild eller logotypSkapa från initialerSkapa från emoji

Designläge

Initialer eller kort textTextinmatning
Anger ett till tre tecken för initialläge och uppdaterar den lokala källförhandsvisningen före generering.
TextstilRullgardinsmeny
Väljer bokstavsmärkets teckensnittsfamilj i initialläge.Alternativ: Sans-serifSerifFast bredd
TextfärgFärgväljare
Väljer initialernas färg; visas endast för en bokstavsmärkeskälla.
BakgrundsfärgFärgväljare
Anger den enfärgade bakgrunden bakom initialer eller en emoji innan favikonstorlekarna genereras.
Emoji eller symbolTextinmatning
Godtar upp till fyra Unicode-tecken i emoji-läge; utseendet följer webbläsaren och operativsystemet som används för att rendera källan.
Gratis att använda · Ingen registrering krävs · Utan vattenstämpelUppladdningar krypteras under överföringBorttagen enligt vår lagringspolicy

Vanliga frågor

Så hjälper Favicon-generator dig att få det gjort

Verkliga problem den löser varje dag - för företag, kreatörer och vardagliga uppgifter. Hitta det användningsfall som passar dig och börja.

För utvecklare

Lanseringar för indie-utvecklare

Soloföretagare som lanserar sin MVP behöver en polerad favicon innan lanseringen. Generera alla storlekar från din enda logotypbild plus manifestet med ett klick – ingen Figma, ingen designprenumeration behövs.

För företag

Byråkonfiguration för kund

När du levererar en ny kundwebbplats är favicon-uppsättningen sällan budgeterad men alltid förväntad. Skapa ZIP-filen i slutet av projektet, lägg den i /public och bocka av leveransen.

För utvecklare

PWA-installerbarhet

För att klara Chromes kontroll av installerbarhet behöver ditt manifest ikoner i 192×192 och 512×512. Vår utdata uppfyller det kravet direkt, tillsammans med matchande HTML-head-taggar.

För företag

Arbetsytor för flera varumärken

Byråer och konsulter som jonglerar flera kundvarumärken kan generera om favicon-uppsättningen på 10 sekunder varje gång ett varumärke uppdateras — utan att behöva underhålla en Photoshop-åtgärd.

För utvecklare

Varumärkesprofilering för projekt med öppen källkod

Webbplatser på GitHub Pages, Vercel, Netlify och Cloudflare Pages behöver alla favicons för att se proffsiga ut i webbläsarflikar. Lägg de genererade filerna i ditt repo så ser ditt projekt färdiglanserat ut.

Marknadsföring

Uppfräschning av varumärke

När din logotyp ändras genererar du om alla nödvändiga storlekar på nytt — inklusive 180px Apple touch-ikon och 512px Android PWA-ikon — utan att manuellt exportera om från Illustrator.

För utvecklare

Ikoner för ett manifest till en webbläsartillägg

Ta 16-, 32- och 48px-PNG:erna direkt ur ZIP:en till ditt icons-objekt i manifest.json — ett snabbt sätt att få regelenliga tilläggsikoner utan att exportera varje storlek för hand i ett designverktyg.

Webb och SEO

Fyll faviconluckan på no-code-webbplatser

Webflow, Framer och Wix skapar sällan en komplett favicon-uppsättning på egen hand. Ladda upp din logotyp här och klistra in de resulterande storlekarna och HTML-utdraget i webbplatsens panel för anpassad kod eller SEO-inställningar på några minuter.

Personligt bruk

Ge en hobbyblogg ett färdigt utseende

Personliga bloggar på Ghost, Jekyll eller Hugo levereras ofta helt utan favicon; generera hela uppsättningen från ett porträtt eller en handritad logotyp så att webbläsarfliken ser genomtänkt ut i stället för tom.

Marknadsföring

Fixa den favicon som flaggades i en SEO-granskning

En saknad eller trasig favicon är en vanlig varning i Lighthouse- och SEO-crawlerrapporter, och den skadar tyst klickfrekvensen i sökresultat och bokmärken. Skapa hela uppsättningen på nytt med en enda uppladdning och åtgärda den anmärkningen redan idag.

Titta på varje transformationsland

Varje foto korsar snedstrecket orört och kommer ut på andra sidan färdigt.