Favicon-generator online: skapa .ico och appikoner

Förvandla din visuella identitet till en perfekt ikon för webbläsare, iPhone och Android. Snabbt, gratis och 100% privat.

100% privat
iOS och Android
Retinakvalitet
Omedelbar generering
Steg

Så skapar du en perfekt favicon

W3C-standard för maximal kompatibilitet.

1

Ladda upp logotyp

Dra och släpp din bild (PNG, JPG eller SVG). Vi rekommenderar 512x512 px för maximal skärpa.

2

Automatisk bearbetning

Vår motor ändrar storlek och optimerar din ikon för 12 olika format (Web, iOS, Android).

3

Ladda ner paketet

Ladda ner en enskild .ico-fil eller hela ZIP-paketet med alla tillgångar och nödvändig HTML-kod.

Mer än bara en .ico-fil

Vi täcker alla moderna enheter.

Multi-resolution .ico

Vi genererar en riktig ICO-container med lager på 16 px, 32 px och 48 px för skrivbordet.

Apple Touch Icons

Specialikoner när användare lägger till din webbplats på hemskärmen på iPhone eller iPad.

Android Chrome

Adaptiva ikoner på 192 px och 512 px för Android-enheter och PWA (Progressive Web Apps).

Full integritet

Generatorn körs i din webbläsare. Din företagslogotyp laddas aldrig upp till våra servrar.

SVG-stöd

Om du laddar upp en SVG renderar vi perfekta vektorer i varje storlek utan pixelering.

HTML-snippet

Vi tillhandahåller den exakta ``-koden att kopiera och klistra in i `` på din sida.

Webbikonteknik

Varför du behöver mer än en enkel PNG.

.ico:s betydelse

Även om moderna webbläsare stöder PNG förblir filen favicon.ico kungen av kompatibilitet. Det är det enda formatet som kan innehålla flera storlekar i en fil, vilket låter Windows använda 16 px-versionen i aktivitetsfältet och 32 px-versionen på skrivbordet och förhindrar suddighet.

Garanterad bakåtkompatibilitet.

Varumärkesintegritet: Dune Safe(TM)

Din logotyp är din mest värdefulla tillgång. Många online-generatorer lagrar uppladdade logotyper. DuneTools gör inte det. Vi använder Canvas API för att bearbeta bilder i ditt RAM. Du kan generera ikoner till konfidentiella projekt med fullständigt sinnesro.

Ditt varumärke lämnar aldrig din dator.

Mobilikoner (Touch Icons)

Idag sparar många användare webbplatser som appar. Om du inte definierar apple-touch-icon använder iOS en skärmdump av din sida, vilket ser hemskt ut. Vår generator skapar denna nyckeltillgång så att ditt varumärke ser professionellt ut på hemskärmen.

Avgörande för en premiummobilupplevelse.

Faviconer i mörkt läge

Om din logotyp är mörk och en besökare använder mörkt läge försvinner din favicon i flikraden. Lösningen är med en separat ljus variant. Vi genererar båda varianterna om du laddar upp en logotyp med transparent bakgrund, utan manuella SVG-hack. Läs vår favicon ICO-guide för en komplett snippet att klistra in i .

En favicon för ljust läge, en annan för mörkt, automatiskt.

PWA och Web Manifest

Om du distribuerar en Progressive Web App är filen site.webmanifest avgörande. Den definierar icons[], theme_color, background_color och display-läget som styr beteendet hos installationsbannern och starten från hemskärmen. Vi genererar ett startmanifest med rätt PNG-ikoner på 192 px och 512 px, du justerar name, start_url och temat efter eget tycke.

Manifest + 192/512-ikoner = installationsklar PWA.

Formatjämförelse

Välj rätt format för din användning

PlattformFilnamnFaktisk storlekHuvudanvändning
Webbstandard favicon.ico Webbläsarflikar
Skrivbord (PC/Mac)
iOS (iPhone/iPad) apple-touch-icon.png Hemskärm
Spara som app
Android / PWA android-chrome-192.png Applåda
Chrome Android
Windows Tiles mstile-150x150.png Startmeny
Windows 10/11-gränssnitt

Favicon-FAQ

Snabba svar om verktyget

Vilken bild ska jag ladda upp för bästa resultat?
Vi rekommenderar en kvadratisk bild på minst 512x512 pixlar. Om det är en logotyp, se till att den har en transparent bakgrund (PNG) så att den integreras väl med webbläsare i mörkt läge.
Varför en .ico-fil när jag använder PNG?
.ico-filen är en standard som säkerställer att din ikon ser bra ut på ovanliga platser, som gamla Internet Explorer-bokmärken eller Windows-skrivbordsgenvägar som ofta ignorerar PNG-filer.
Hur installerar jag faviconen på min webbplats?
Ladda ner ZIP, packa upp den till webbplatsens rotkatalog via FTP och kopiera HTML-koden vi tillhandahåller till -taggen på dina HTML-sidor.
Är det gratis för kommersiell användning?
Ja, helt och hållet. Du kan generera ikoner till klientwebbplatser, företagsprojekt eller onlinebutiker utan kostnad och utan att ange källa.
Stöder den transparens?
Ja. Våra .ico- och PNG-generatorer respekterar alfakanalen (transparens). Om du laddar upp en PNG utan bakgrund har inte heller din favicon någon bakgrund.
Kommer logotypen att förvrängas om den inte är kvadratisk?
Vårt verktyg försöker centrera eller anpassa den, men idealiskt bör du beskära bilden till 1:1-format (kvadrat) innan du laddar upp för att ha full kontroll över beskärningen. Du kan först använda vårt verktyg Beskär bild.
Genererar den filen site.webmanifest?
Ja, ZIP-nedladdningen innehåller en grundläggande site.webmanifest-fil konfigurerad för Android Chrome, vilket är avgörande för att din webbplats ska vara installerbar som en PWA.
Fungerar det offline?
Precis. Det är ett client-side-verktyg. Efter laddning behöver det inte skicka data till någon server, så du kan använda det offline eller i säkra intranätmiljöer.
Använda SVG eller PNG som inmatning?
SVG är guldstandarden, det skalar till valfri storlek utan pixelering. Om du bara har en PNG-logotyp, ladda upp den i 512x512 px eller större, mindre inmatningar är synligt suddiga vid 192 px- eller 512 px-storlekar för PWA. Undvik JPG-inmatningar för logotyper, JPG-komprimeringsartefakter förstärks vid små storlekar.
Varför visas inte min nya favicon?
Tre vanliga orsaker: (1) Webbläsarcache, tvinga uppdatering med Ctrl+Shift+R eller öppna i inkognitoläge. (2) Fel sökväg, kontrollera att löser sig till din fil (kontrollera Network-fliken i DevTools, status 200). (3) CDN-cache, Cloudflare och liknande kan hålla den gamla ikonen i timmar, rensa cachen för /favicon.ico och /apple-touch-icon.png.
Hur skapar jag en favicon från en webbplatslogotyp?
Exportera din logotyp som en kvadratisk SVG eller PNG på 512x512 med transparent bakgrund. Dra in den i generatorn. Verktyget producerar varje storlek som behövs (16, 32, 48 i .ICO + 180 för Apple + 192/512 för Android) i en ZIP. För icke-rektangulära logotyper, använd först Beskär bild för att skapa en 1:1-version.