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

For bred dækning på tværs af browsere og enheder omfatter almindelige mål 16×16- og 32×32-browserikoner, et 48×48-Windows-ikon, et 180×180-Apple-touch-ikon samt 192×192- plus 512×512-Android/PWA-ikoner. Generatoren fremstiller disse plus favicon.ico og site.webmanifest ud fra et billede, initialer eller en emoji eller et symbol.

usage

Moderne browsere understøtter PNG-ikoner, men favicon.ico er stadig en nyttig fallback for kompatibilitet. Den downloadede pakke indeholder en favicon.ico i flere opløsninger samt de moderne PNG-størrelser, så du ikke behøver en ekstra konvertering.

technical

Et web app-manifest er en JSON-fil, der fortæller Android, Chrome og Edge, hvordan dit websted skal se ud, når det installeres som en progressiv webapp — ikon, navn, temafarve og visningstilstand. Vores generator inkluderer et startmanifest, der peger på Android Chrome-ikonerne; du skal kun redigere navnet og theme_color.

features

Brug et kvadratisk billede på 512×512 eller større, et til tre fede initialer med stærk kontrast eller en enkel emoji eller et symbol. Undgå fine detaljer, der forsvinder ved 16×16. Den direkte kildeforhåndsvisning hjælper dig med at vurdere bogstavmærket eller emojien, før du genererer pakken.

tips

Uploadede logoer sendes over HTTPS, når du vælger Generer. Initial- og emoji-kilder gengives først lokalt i din browser, hvorefter det genererede kildebillede sendes for at oprette pakken. Filer, der behandles på serveren, følger sikkerhedspolitikken; intet uploades blot ved at redigere den lokale forhåndsvisning.

privacy

Pak download ud i din sides /public-mappe (eller webroden), og tilføj derefter det medfølgende HTML-uddrag til din <head>: link-tags til PNG-ikonerne plus et link til site.webmanifest. Lav en hård genindlæsning af din side (Cmd+Shift+R) — browsere cacher favicons aggressivt, så du skal muligvis rydde cachen, før det nye ikon vises.

usage

Pakken leverer ikonerne på 192×192 og 512×512 samt et start-manifest, der bruges af installerbare webapps. Ikoner alene gør ikke et websted installerbart; din app skal også opfylde browserens aktuelle krav til manifest, HTTPS og service worker.

technical

Ja. Forhåndsvis og download det rene favicon ZIP uden at oprette en konto. Ikonsættet gengives på vores servere, så gratis brug har et tillæg, og Premium fjerner hætten.

pricing

Et favicon er det lille ikon, der vises i browserfaner, bogmærker og historik, sammen med relaterede ikonstørrelser, der bruges til genveje på startskærmen og til installerede apps. Start her med et logobillede, initialer eller en emoji eller et symbol, og hent ikonsættet plus site.webmanifest i én ZIP.

usage

Ja. Vælg Opret fra initialer for at indtaste et til tre tegn, en tekststil og forgrunds-/baggrundsfarver, eller vælg Opret fra emoji for et symbol og en baggrund. Det relevante designpanel åbnes automatisk, kilden vises som forhåndsvisning lokalt, og der genereres intet, før du vælger favicon-handlingen.

features

Ja — uploaderen accepterer PNG-, JPEG-, WebP- og SVG-kildefiler, ikke kun PNG. SVG er værd at bruge, hvis du har den: fordi den er vektor, gengives hver outputstørrelse fra 16 op til 512 friskt fra vektordataene i stedet for at blive skaleret op fra en raster, så kanterne forbliver skarpe selv ved 512×512. JPEG og WebP fungerer også fint, men du bør først flade enhver gennemsigtighed ud på en baggrund, da JPEG ikke kan indeholde en alfakanal.

technical

Vælg Brug et billede eller logo, upload PNG-filen, og generer pakken. Den indeholder en favicon.ico i flere opløsninger, PNG-størrelser, Apple- og Android-ikoner, site.webmanifest og et HTML-uddrag i én ZIP. Du kan også starte fra JPEG, WebP eller SVG eller skifte tilstand for at designe et bogstavmærke ud fra initialer eller bruge en emoji eller et symbol.

usage

Ja — Pixoate understøtter batch- og bulkbehandling. Skift til Batch-tilstand, tilføj op til 60 kildebilleder på Premium eller 200 på Pro, indstil dine indstillinger én gang, og hvert kildebillede behandles med de samme indstillinger, før du downloader én ZIP, der indeholder et komplet favicon-pakke-arkiv pr. kildebillede. Massebehandling er en Premium-funktion; outputtet bruger samme kvalitet og indstillinger som single mode.

features

Ja - med massebehandling konfigurerer du indstillingerne en enkelt gang, og de gælder for hvert element i batchen - op til 60 kildebilleder på Premium eller 200 på Pro. Der er ingen grund til at gentage opsætningen pr. element, og midlertidige uploadede og genererede filer behandles sikkert og slettes automatisk.

usage

Det skyldes næsten altid én af tre ting. Filen overstiger den gratis uploadgrænse på 11 MB — Premium tillader 50 MB og Pro 120 MB. Formatet understøttes måske ikke; se listen i uploadpanelet. Eller filens indhold svarer ikke til navnets format: En omdøbning ændrer ikke indholdet, og derfor afvises en tilsyneladende gyldig fil.

troubleshooting

Ja — juster inputs og generer igen så mange gange som du har brug for; intet er låst, før du downloader. Tjek resultatet ved den størrelse, det rent faktisk vil blive brugt, fordi noget, der kan læses tydeligt på skærmen, kan fejle, når det først er udskrevet i småt eller vist på en telefon.

troubleshooting

Nej. Du kan køre Favicon Generator og downloade det gratis resultat uden en konto, og det bærer intet vandmærke. Premium er, hvad du køber, når grænserne begynder at bide: op til 60 filer i én batch, større uploads, ingen daglig grænse og resultatet i den originale opløsning. Der afsløres ikke noget ved download-trinnet, som ikke var synligt, før du startede.

pricing

Nej — Favicon Generator kører i browseren på computer og telefon. Der er intet at installere, ingen prøveperiode at starte og ingen licens at købe, før du kan se, om værktøjet løser dit behov. Prøv det på den fil, du faktisk sidder fast med, i stedet for på et eksempel.

troubleshooting

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.