Favicon-generator

Vad ar en favicongenerator?

En favicon ar den lilla ikonen som visas i webblasarflikar, bokmarken, sokresultat och appgenvaegar for en webbplats. Vanligtvis 16x16, 32x32 eller 48x48 pixlar hjalper favicons anvandare att identifiera din sajt bland manga oppna flikar. Detta verktyg genererar favicons i alla nodvandiga storlekar och format fran en enda kallbild.

Moderna webbplatser behover flera favicon-storlekar: 16x16 och 32x32 for webblasarflikar, 180x180 for Apple-touchikoner, 192x192 och 512x512 for Android-hemskarmsgenvagar, och ibland SVG for skalbar visning. Detta verktyg genererar alla nodvandiga storlekar fran en enda uppladdning, plus de nodvandiga HTML-lankttaggarna att inkludera pa din sajt.

Hur du anvander detta verktyg

Ladda upp en kvadratisk bild (helst minst 512x512 pixlar). Verktyget genererar alla standard favicon-storlekar och format. Forhandsvisa hur varje storlek ser ut. Ladda ner det kompletta faviconpaketet inklusive ICO-filen, PNG-versioner och HTML-metataggar att klistra in i din sajts head-sektion.

Nodvandiga favicon-storlekar

• 16x16 -- webblasarflikikon (den klassiska faviconstorleken).
• 32x32 -- aktivitetsfaltsgenvag, hog-DPI webblasarflikar.
• 180x180 -- Apple Touch Icon for iOS-hemskarm.
• 192x192 och 512x512 -- Android-hemskarm och startskarm (PWA-manifest).

Designtips for favicons

Favicons maste vara igenkannbara i mycket sma storlekar. Anvand djaarva former, enkel geometri och hog kontrast. Text fungerar sallan under 32x32. En enda bokstav eller en abstrakt symbol av ditt varumarke ar mest effektiv. Testa din favicon i faktisk visningsstorlek (16x16) -- detaljer som ser bra ut vid 512x512 blir osynliga flackar i faviconstorlek. Anvand transparent bakgrund for PNG-favicons.

Vanliga fragor

Vad ar skillnaden mellan favicon.ico och PNG-favicons?

ICO-formatet kan innehalla flera storlekar i en enda fil och stods av alla webblasare inklusive mycket gamla. PNG-favicons ar enklare (en storlek per fil) och anvands av moderna webblasare. De flesta sajter inkluderar nu bada: en ICO-fil for maximal kompatibilitet och PNG/SVG for moderna webblasare. HTML-lanktaggarna talar om for webblasaren vilken som ska anvandas.

Varfor visas inte min favicon?

Vanliga orsaker: webblasaren har cachat en gammal favicon (prova att rensa cachen eller ladda i ett privat fonster), filsokvagen i HTML-lanktaggen ar felaktig, filformatet ar fel, eller faviconen ar inte i rotmappen. Webblasare cachar favicons aggressivt -- det kan ta dagar for en uppdaterad favicon att visas. Att lagga till en query-strang (favicon.ico?v=2) kan tvinga en uppdatering.