Skapa favicon
Omvandla en enkel bild till en webbplats flikikon (favicon) och webbplats ikon pack. Kontrollera att designen förblir känslig i små storlekar, ladda ner filerna och följa installeringsexemplet som ingår.
Innan du börjar
- Inträde
- En JPG, PNG eller statisk WebP bild.
- Utgång
- En ZIP med ICO, PNG-ikoner, ett manifest och HTML-exempel.
Laddningsverktyg...
Hur man använder detta verktyg
- Välj en JPG, PNG eller statisk WebP bild.
- Växla till en kvadrat eller lägg till padding och kontrollera ikonen förhandsvisningar.
- Ladda ner ZIP och anpassa exempelvägar till din webbplats.
Förstå resultatet
En webbsida tab ikon (favicon) visas ofta i en mycket liten storlek. Ett tydligt symbol eller bokstav fungerar vanligtvis bättre än detaljerad konstverk eller liten text. Genererade filer måste fortfarande laddas upp och refereras av din webbplats.
Varför ser min webbsida tab ikon (favicon) blurig eller för liten ut?
Ett brett ordmärke eller en detaljerad bild kan bli okänd i en liten webbläsarkiv. Börja med en enkel fyrkantig symbol och kolla in de faktiska 16- och 32-pixel förhandsvisningar. Padding behåller den fullständiga källan men kan lämna en bred logotyp mycket liten; kvadratskrapning fyller ikonen och kan klippa bort dess ändar. Kontrollera båda alternativen innan du installerar resultatet.
Vilken webbplats tab ikon (favicon) filer ska jag ladda upp till min hemsida?
ZIP ingår favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Exempel på länktaggar. Ta ut arkivet först; Ladda upp ZIP ensam installerar inte ikonen. Exempelvägar antar att filerna är på webbplatsens rot. Anpassa dessa vägar för en annan mapp, eller använda plattformens webbplatsikoninställning, sedan kolla in den publicerade sidan och dess cache.
Försök ett prov
Prova ett originalprov för att kontrollera den stödda arbetsflödet. Ett framgångsrikt prov är inte en garanti för varje input.
Originalbildsmönster ↓Om resultatet inte är vad du förväntar dig
Webbplatsen visar fortfarande den gamla ikonen.
Generera filer installerar inte dem. Kontrollera ikonens URL-adresser och sidmärkning, sedan ta bort cache-webbplatsen och testa en ny webbläsaresession. Webbläsare och sökresultatsikoner kan uppdateras vid olika tidpunkter.
Nästa användbara verktyg: SVG till PNG →Viktiga gränser
- Endast bildintag; konvertera en SVG till PNG först.
- Verktyget ändrar inte din webbplatskonfiguration.
- Kontrollera din egen webbplats efter att du har installerat ikoner eftersom caching och plattform beteende kan skilja sig.
- Maximalt 10 MB 12 miljoner pixlar. Utgången inkluderar ICO, PNG-ikoner, en webmanifest och exempel HTML i en ZIP.
Ofta ställda frågor
Installerar detta ikonen för fliken (favicon) på min webbplats?
Nej inte . Den förbereder filer och ett exempel. Ladda upp filerna och uppdatera vägarna eller dina webbplatsinställningar.
Gör paketet min webbplats till en PWA?
Nej inte . Ikonfiler och en grundläggande webmanifest är bara en del av en webbapp-inställning.
Varför är mitt logotyp svårt att läsa på 16 pixlar?
Fin detalj kan försvinna i den storleken. Försök en enklare symbol, en starkare form eller mer utrymme runt märket.
Relaterade guider
Frågor eller korrigering? mrkcal@mrkcal.com