Verktyg95

SKAPA NÅGOT FANTASTISKT

Favicon / ICO-generator.

Skapa favicons från en bild eller text. Förhandsgranska webbläsarflikar, använd systemteckensnitt och ladda ner en ICO i flera storlekar eller en ZIP-fil med ikoner för webbplatser, Apple och Android.

Annonser
Din bildarbetsyta
På din enhet
eller dra och släpp här
PNG, JPG, JPEG, WEBP, GIF
Välj din bild för att komma igång.BILD
Annonser
Blogg Hur man skapar en favicon Läs guiden

Skapa en favicon som förblir tydlig i alla storlekar

Gör en logotyp, bild eller kort monogram till en webbplats-favicon. Förhandsgranska ljusa och mörka webbläsarflikar, finjustera inramningen och ladda ner en ICO i flera storlekar eller en webbplatsklar ZIP-fil med ikoner och installationsfiler.

Ett tydligt märke blir ikoner för webbläsare, bokmärken och mobilwebbplatser.
SNABB VIDEO-TUTORIAL How to create a favicon and website icon package Choose an image, preview browser icons, set the website package and download all icon files in one ZIP. Engelskt tal Se videon

How to create a favicon and website icon package

Funktioner och kontroller

Börja med en bild eller dina initialer

Ladda upp en bild eller välj Text på verktygssidan.

Bild- och textinmatning

Bild accepterar PNG, JPG, JPEG, WebP eller GIF. Text öppnar samma redigerare med dina bokstäver redo att stylas. Skapa från låter dig växla mellan den uppladdade bilden och ett monogram. Använd ett eller två enkla tecken för tydligast resultat vid 16 pixlar. GIF-inmatning använder en stillbild; resultatet är inte animerat.

Bedöm ikonen där den kommer att visas

Ljusa och mörka webbläsarförhandsgranskningar visar samma ikon mot olika ytor.

Förhandsgranskningar i faktisk storlek

Redigeraren visar en webbläsarflikförhandsgranskning på 16 pixlar, separata ikoner på 16, 32 och 48 pixlar, samt en Apple Touch-förhandsgranskning. Små ikoner avslöjar detaljer som försvinner när en stor logotyp förminskas. Förenkla källan eller lägg till utrymme runt den tills den minsta förhandsgranskningen är igenkännbar. Apple Touch-bilden visas mindre än sin exporterade storlek på 180 pixlar.

Ge ditt konstverk en tydlig silhuett

Välj en rundad kvadrat, kvadrat eller cirkel och justera utrymmet runt innehållet.

Passform, avstånd och transparens

Visa hela bilden håller alla källkanter inuti ikonen. Fyll ikonen täcker det tillgängliga området och kan beskära kanterna. Utrymme runt innehåll justerar utfyllnaden från 0 till 35 procent. Välj Bakgrund eller aktivera Transparent bakgrund. Transparenta pixlar utanför en rundad eller cirkulär silhuett förblir genomskinliga. Detta tar inte bort en ogenomskinlig bakgrund som redan finns i din uppladdade bild.

Skapa ett distinkt monogram

Ställ in bokstäver, typsnitt och kontrasterande färger.

Textstyling

Text / monogram stöder upp till tre tecken med de inkluderade stilarna Modern sans, Classic serif och Monospace. På webbläsare för dator som stöds, välj Använd systemtypsnitt och tillåt typsnittsåtkomst för att fylla typsnittslistan med familjer installerade på din enhet. Välj en familj för att uppdatera live-förhandsgranskningen, eller använd föregående och nästa vinklar för att jämföra närliggande typsnitt. Typsnittsnamn och filer laddas inte upp. Texten passar automatiskt det tillgängliga utrymmet. Förhandsgranska de minsta ikonstorlekarna efter att ha ändrat typsnitt eller färg.

Välj ICO eller ett komplett webbplatspaket

En Start-åtgärd skapar den valda nedladdningen.

Filer och storlekar

Multi-storlek ICO inkluderar 16, 24, 32, 48, 64, 128 och 256 pixelbilder i en favicon.ico fil. Webbplatsikonpaketet skapar en ZIP som innehåller den ICO, PNG ikoner på 16, 32 och 48 pixlar, en Apple Touch-ikon på 180 pixlar, Android-ikoner på 192 och 512 pixlar, ett webbmanifest och INSTALL.txt. Webbplatsnamnet anger manifestnamnet.

Installera ikonerna på din webbplats

ZIP-filen innehåller HTML länk-taggar och matchande filnamn.

Använda installationsfilerna

Ladda upp paketets innehåll till webbplatsens rot och kopiera länk-taggarna från INSTALL.txt till sidhuvudet. Om du behåller ikoner i en undermapp, uppdatera HTML sökvägarna och sökvägarna inuti site.webmanifest. Rensa en cachad favicon eller testa i en ny flik när du kontrollerar en uppdatering. Det genererade manifestet är en ikonkonfiguration, inte en fullständig installation av en progressiv webbapp.

Filer och bearbetning

Indata
PNG, JPG, JPEG, WebP, GIF eller ett textmonogram
Utdata
En ICO i flera storlekar, eller en ZIP med webbplatsikoner och installationsfiler

25 MB maximalt per fil. En indatafil per körning.

En bild på upp till 25 MB, med upp till 60 megapixlar och 16,000 pixlar per sida. ICO storlekar sträcker sig från 16 till 256 pixlar; den största paketerade PNG är 512 × 512 pixlar.

Ikongenerering och förhandsgranskningar körs på din enhet. Verktyget laddar inte upp den valda bilden för konvertering.

Detta verktyg bearbetar och exporterar filer i din webbläsare. Den nedladdade bilden är en separat fil; källan på din enhet skrivs inte över.

Om du uppdaterar en redigerare eller nedladdningssida återgår du till verktygssidan. Ladda ner resultatet innan du påbörjar ett nytt arbetsflöde. Se vår Integritetspolicy för filhantering.

FAQ

Bra att veta.

Några svar innan du sätter igång.

På din enhet
Kan jag skapa en favicon utan att ladda upp en logotyp?

Ja. Välj Text, ange dina initialer och välj sedan typsnitt, färger, form och avstånd i redigeraren.

Vilka storlekar finns i ICO filen?

ICO innehåller sju PNG-baserade ramar: 16, 24, 32, 48, 64, 128 och 256 pixlar kvadratiska. Webbläsaren väljer en lämplig ram.

Vad ingår i webbplatsens ZIP-fil?

Den innehåller favicon.ico, sex PNG ikoner för webbläsare, Apple- och Android-användning, site.webmanifest och INSTALL.txt med HTML länk-taggar.

Kan min favicon ha en transparent bakgrund?

Ja. Aktivera Transparent bakgrund. Detta bevarar transparenta områden runt källan; den tar inte bort en ogenomskinlig bakgrund från ett foto.

Laddas bilden upp för konvertering?

Nej. Detta verktyg genererar och paketerar ikonfilerna i din webbläsare. Behåll de nedladdade filerna eftersom redigeraren inte är en permanent projektlagring.

Kan jag använda typsnitt som är installerade på min dator?

Ja, när din webbläsare stöder lokal typsnittsåtkomst. Välj Text / monogram, välj Använd systemtypsnitt och ge webbläsaren tillåtelse. Dina tillgängliga typsnittsfamiljer visas i listan Typsnitt. De inkluderade stilarna förblir användbara om tillåtelse nekas eller lokal typsnittsåtkomst inte är tillgänglig.

Annonser

Språk38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Välj språk. Videohandledningar använder för närvarande engelskt tal.