Hoppa till innehåll

Favicon-generator

Gör om din logotyp till ett favicon-paket för webbplatsen. Granska små storlekar och ladda ner namngivna ICO- och PNG-filer med manifest och HTML-taggar.

Din fil

Släpp en bild för att skapa favikoner

PNG, JPG, WebP eller HEIC

Varför använda det här verktyget

  • Ingen storleksgräns

    Foton i full storlek och långa dokument, direkt från din enhet.

  • Inget laddas upp

    Allt bearbetas i din webbläsare. Dina filer lämnar aldrig din enhet.

  • Inget konto behövs

    Öppna verktyget och kör. Inget konto, ingen e-post.

En favicon gör webbplatsen lättare att känna igen i flikar, bokmärken och genvägar. Generatorn behandlar PNG, JPG, WebP och HEIC direkt i webbläsaren, utan att ladda upp bilden.

Välj en enkel symbol med tydlig kontrast. Liten text och detaljrika foton kan bli svåra att urskilja i 16 × 16 pixlar.

Så skapar du en favicon från en bild

  1. Välj logotyp

    Släpp en bild eller välj en fil. Använd helst en kvadratisk källa på minst 512 × 512 pixlar.

  2. Granska förhandsvisningen

    Behåll hela bilden eller beskär den. Anpassa marginal och bakgrund för Apple- och maskerbara ikoner.

  3. Ladda ner och installera

    Skapa paketet, packa upp ZIP-filen och lägg filerna på webbplatsen. Kopiera taggarna till HTML-sidans head-element.

Storlekar för flikar och hemskärmar

ICO-filen innehåller 16, 32 och 48 pixlar. PNG-filerna täcker 16, 32, 48, 96, 180, 192 och 512 pixlar. Apple Touch får en ogenomskinlig bakgrund; den maskerbara ikonen håller motivet inom den säkra ytan.

En tydlig logotyp även i litet format

Använd genomskinlig PNG eller ta bort bakgrunden först. Beskär bilden för att lyfta fram symbolen. Förstoring återskapar inte förlorade detaljer. Behöver du bara en ICO-fil, välj Bild till ICO.

Installation och felsökning

HTML-koden pekar på rotmappen. Slå ihop ikonerna med ett befintligt manifest och ta bort gamla taggar som krockar. Kontrollera adresserna och cachen. Sökmotorer måste läsa in ändringarna igen; visning i sökresultat garanteras inte.

Favicon-storlekar och filnamn

ZIP-paketet innehåller 12 filer. Här är bildfilerna och deras användning.

FilStorlek i pixlarAnvändning
favicon.ico16 / 32 / 48Webbläsarflikar och ICO-stöd
favicon-16x16.png · favicon-32x32.png · favicon-48x48.png16 / 32 / 48Små PNG-alternativ
favicon-96x96.png96 × 96Större ikon för webbläsare och sökning
apple-touch-icon.png180 × 180Genvägar på iPhone och iPad
android-chrome-192x192.png · android-chrome-512x512.png192 / 512Android- och webbappikoner
maskable-icon-512x512.png512 × 512Maskerbar ikon med säker yta

Ikoner för dina webbprojekt

  • Företagswebbplatser

    Samma tydliga logotyp i flikar och sparade genvägar.

  • Bloggar och portfolior

    Skapa en webbplatsikon utan att installera ett bildprogram.

  • Webbappar

    Förbered manifestets ikoner och kontrollera övriga installationskrav separat.

Vanliga frågor

Är favicon-generatorn gratis?
Ja. Skapa och ladda ner filer utan konto eller vattenstämpel. Bilden behandlas lokalt i webbläsaren.
Kan jag skapa en favicon från PNG eller JPG?
Ja, även från WebP och HEIC. Genomskinlig PNG passar logotyper. SVG, GIF och ICO stöds inte som indata.
Vad innehåller ZIP-filen?
En ICO med flera storlekar, åtta PNG-filer, site.webmanifest, en HTML-snutt och svenska instruktioner. En separat maskerbar ikon på 512 pixlar ingår.
Varför har den maskerbara ikonen mer marginal?
Android kan beskära ikoner till olika former. Hela bilden ryms därför i den centrala säkra cirkeln på en ogenomskinlig bakgrund.
Visar Google min favicon direkt?
Nej. Google behöver läsa startsidan och ikonen. Den kvadratiska PNG-filen på 96 pixlar är större än de rekommenderade 48 pixlarna. Använd en stabil, tillgänglig adress; visning garanteras inte.
Blir webbplatsen en PWA med paketet?
Paketet ger ikoner och ett startmanifest. En installerbar webbapp kräver mer konfiguration. Kontrollera namn, startadress och omfattning före publicering.

Från bloggen

Alla artiklar

Relaterade verktyg

Alla bildverktyg