Forhåndsvisning af resultatet fra ”Favicon-generator”

Favicon Generator — Opret et favicon fra et billede gratis

Generer 16–512 px PNG-ikoner, et Apple touch-ikon og et site.webmanifest fra ét billede.

Hvad skal faviconet tage udgangspunkt i?

Slip et firkantet billede - få hver favicon-størrelse plus site.webmanifest som en ZIP.

Inkluderer favicon.ico, site.webmanifest + HTML-snippet

Hvad du kan gøre med Favicon-generator

Gennemgå de vigtigste funktioner, før du begynder.

  • Start fra et billede, initialer eller en emoji eller et symbol
  • Forhåndsvis bogstavmærkets farver og tekststil før generering
  • Opret Apple touch- og Android-startskærmsikoner
  • Få en site.webmanifest-fil, der er klar til brug
  • Download alle favicon-størrelser som en enkelt ZIP
  • Generer favicon.ico plus PNG-størrelser fra 16 til 512 px

Indstillingsreference

Tilgængelige kontroller til Favicon-generator.

BehandlingstilstandForudindstillinger
Behandl ét input, eller skift til Premium-batchtilstand for at behandle flere input med de samme indstillinger. De tilgængelige inputtyper afhænger af værktøjet.Indstillinger: Enkelt billedeFlere filer

Kildetype

Hvad skal faviconet tage udgangspunkt i?Forudindstillinger
Vælger et uploadet billede, et lokalt designet bogstavmærke på ét til tre tegn eller en emoji eller et symbol som kilde til den samme komplette favicon-pakke.Indstillinger: Brug et billede eller logoOpret ud fra initialerOpret ud fra emoji

Design

Initialer eller kort tekstTekstinput
Angiver et til tre tegn til initial-tilstand og opdaterer den lokale kildeforhåndsvisning før generering.
TekststilRullemenu
Vælger bogstavmærkets skrifttype i initialtilstand.Indstillinger: Sans serifSerifFast tegnbredde
TekstfarveFarvevælger
Vælger farven på initialerne; vises kun for en bogstavmærke-kilde.
BaggrundsfarveFarvevælger
Angiver den ensfarvede baggrund bag initialer eller en emoji, før favicon-størrelserne genereres.
Emoji eller symbolTekstinput
Accepterer op til fire Unicode-tegn i emoji-tilstand; udseendet følger den browser og det operativsystem, der bruges til at vise kilden.
Gratis at bruge · Ingen tilmelding kræves · Uden vandmærkeUploads krypteres under overførselFjernet under vores opbevaringspolitik

Ofte stillede spørgsmål

Sådan hjælper Favicon-generator dig med at få det gjort

Virkelige problemer, den løser hver dag - for virksomheder, skabere og hverdagsopgaver. Find den use case, der passer til dig, og start.

Til udviklere

Indie hacker-lanceringer

Solo-iværksættere, der lancerer deres MVP, har brug for et gennemarbejdet favicon før lancering. Generér alle størrelser fra dit enkelte logobillede samt manifestet med ét klik — ingen Figma, intet designabonnement nødvendigt.

Til virksomheder

Opsætning af bureaukunder

Når du leverer et nyt kundewebsted, er favicon-sættet sjældent budgetteret, men altid forventet. Generér ZIP-filen ved projektets afslutning, læg den i /public, og kryds leverancen af.

Til udviklere

PWA-installerbarhed

For at bestå Chromes installerbarhedstjek skal dit manifest have 192×192- og 512×512-ikoner. Vores output opfylder det krav fra start, plus de tilhørende HTML-head-tags.

Til virksomheder

Arbejdsområder til flere brands

Bureauer og konsulenter, der jonglerer med flere kundebrands, kan regenerere favicon-sættet på 10 sekunder, hver gang et brand-redesign lanceres — ingen grund til at vedligeholde en Photoshop-handling.

Til udviklere

Branding af open source-projekter

Websteder på GitHub Pages, Vercel, Netlify og Cloudflare Pages har alle brug for favicons for at se polerede ud i browserfaner. Læg de genererede filer i dit repository, og dit projekt ser færdigt og udgivet ud.

Markedsføring

Rebranding-fornyelse

Når dit logo ændrer sig, kan du regenerere alle nødvendige størrelser — inklusive Apple touch-ikonet på 180px og Android PWA-ikonet på 512px — uden manuelt at eksportere på ny fra Illustrator.

Til udviklere

Ikoner til et browserudvidelsesmanifest

Hent PNG'erne på 16, 32 og 48px direkte ud af ZIP'en til dit icons-objekt i manifest.json — en hurtig måde at få kompatible udvidelsesikoner uden at eksportere hver størrelse i hånden i et designværktøj.

Web og SEO

Udfyld favicon-manglen på no-code-sites

Webflow, Framer og Wix genererer sjældent et fuldt favicon-sæt af sig selv; upload dit logo her, og indsæt de resulterende størrelser og HTML-snippet i sidens panel til brugerdefineret kode eller SEO-indstillinger på få minutter.

Personlig brug

Giv en hobbyblog et færdigt udseende

Personlige blogs på Ghost, Jekyll eller Hugo leveres ofte helt uden favicon; generér hele sættet fra et portrætbillede eller et håndtegnet logo, så browserfanen ser gennemtænkt ud i stedet for tom.

Markedsføring

Ret det favicon, der blev markeret i en SEO-audit

En manglende eller ødelagt favicon er en hyppig anmærkning i Lighthouse- og SEO-crawlerrapporter, og den skader stille og roligt klikraten i søgeresultater og bogmærker. Gendan hele sættet med én upload, og luk den anmærkning i dag.

Watch hver transformation land

Hver foto crosses den slash untouched og comes out den anden side finished.