Favicon-generator – Lag alle Favicon-størrelser fra bilde

Last opp et hvilket som helst bilde og få umiddelbart hele favicon-settet: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) pluss site.webmanifest, pakket som en ZIP.

Slipp logoen din for å generere alle favorittstørrelser

Inkluderer site.webmanifest + HTML-utdrag

Om Favicon Generator

Gjengir bildet ditt til de seks favicon-størrelsene nettlesere faktisk bruker i dag (og hopper over den gamle .ico stien som få nettsteder fortsatt trenger), pluss et ferdig webapp-manifest. Kjører helt i nettleseren din — ingen opplasting, ingen venting.

Fortsett å forbedre bildene dine

Ta bilderedigeringen til neste nivå med disse populære verktøyene

📝

Legg til tekst i bildet

Legg til bildetekster og titler i det forbedrede bildet ditt

🖼️

Legg til bildekantlinje

Ram inn effekten din med vakre kanter

🗜️

Komprimer bilde

Optimaliser det forbedrede bildet ditt for deling

📐

Endre størrelse på bilde

Endre bildedimensjoner

Utforsk alle fotoverktøy

Frequently Asked Questions

For moderne nettlesere og enheter trenger du seks størrelser: 16×16 og 32×32 for nettleserfaner, 48×48 for Windows-ikoner, 180×180 for Apple touch-ikon (iOS-startskjermen), og 192×192 + 512×512 for Android-hjemskjermer og PWA-installasjonsprompter. Vår generator produserer alle seks pluss en site.webmanifest fra ett enkelt kildebilde.

usage

De fleste moderne nettlesere foretrekker PNG-lenketagger (rel="ikon" type="bilde/png"), så en ICO-fil er ikke lenger nødvendig. Vi hopper over den gamle ICO-en og tilbyr PNG-favoritter riktig tilpasset alle moderne mål. Hvis du må støtte Internet Explorer eller veldig gammel Chrome, kan du konvertere en av PNG-ene til ICO separat.

technical

Et webapp-manifest er en JSON-fil som forteller Android, Chrome og Edge hvordan nettstedet ditt skal se ut når det installeres som en progressiv webapp — ikon, navn, temafarge og visningsmodus. Vår generator inkluderer et startmanifest som peker på Android Chrome-ikonene; Du trenger bare å redigere navnet og theme_color.

features

En kvadratisk (1:1) PNG på 512×512 eller større gir det reneste resultatet i hver størrelse. Unngå fine detaljer som forsvinner ved 16×16 — favicons fungerer best med én dristig form og høy kontrast. Transparente PNG-er fungerer; Verktøyet letterboxer dem slik at ikonet sitter sentrert i alle størrelser.

tips

Ja — kildebildet ditt endres i størrelse via Canvas API og pakkes lokalt som en ZIP. Ingenting lastes opp. Dette gjør det trygt å generere ikoner for uutgitte produkter og forhåndslanseringsidentiteter.

privacy

Pakk nedlastingen ut i nettstedets /public- (eller webrot-) mappe, og legg deretter til det medfølgende HTML-utdraget i <hodet>: lenketagger for PNG-ikonene pluss en lenke til site.webmanifest. Hard oppdater nettstedet ditt (Cmd+Shift+R) — nettlesere cacher favicons aggressivt, så du må kanskje tømme cachen for at det nye ikonet skal dukke opp.

usage

Ja — 192×192 og 512×512 PNG-ene er akkurat det Chrome og Edge ser etter for å kvalifisere et nettsted som en installerbar PWA. Sammen med manifestet oppfyller de fyrtårns PWA-installasjonssjekk.

technical

Ja. Ingen vannmerker, ingen påmelding, ingen forbruksgrense — og ZIP-en er din for alltid. Vi la til dette verktøyet fordi alle utviklere etter hvert trenger et favicon-sett, og de eksisterende generatorene var enten fulle av annonser eller fikk deg til å betale for høyoppløselige resultater.

pricing

Use Cases

Indie-hacker lanseres

Solo-gründere som lanserer sin MVP trenger en polert favicon før lansering. Generer alle størrelser fra ditt enkeltstående logobilde og manifestet med ett klikk — ingen Figma, ingen design-abonnement nødvendig.

development

Byråklientoppsett

Når man leverer en ny kundeside, er favicon-settet sjelden budsjettert, men alltid forventet. Generer ZIP-filen på slutten av prosjektet, legg den i /public, og kryss av for leveransen.

agency

PWA-installasjonsmuligheter

For å bestå Chrome-installasjonssjekken trenger manifestet ditt 192×192 og 512×512 ikoner. Vårt output oppfyller dette kravet rett ut av boksen, pluss de matchende HTML-hodetaggene.

development

Arbeidsområder med flere merker

Byråer og konsulenter som sjonglerer flere kundemerkevarer kan regenerere favicon-innstillingen på 10 sekunder hver gang en merkevareoppdatering sendes – ingen grunn til å opprettholde Photoshop-handling.

agency

Åpen kildekode-prosjekt-merkevarebygging

GitHub Pages, Vercel, Netlify og Cloudflare Pages-nettsteder trenger alle favicons for å se polerte ut i nettleserfaner. Legg de genererte filene i repoet, og prosjektet ditt ser ut til å være sendt.

opensource

Rebranding Refresh

Når logoen din endres, regenerer alle nødvendige størrelser — inkludert 180px Apple touch-ikonet og 512px Android PWA-ikonet — uten å manuelt eksportere fra Illustrator.

branding