Lathund Favicon
Det går att associera en webbplats med en ikon. Detta har säkert du som besökt Google, Yahoo, SiteVision m fl säkert redan lagt märke till. Denna ikon har det speciella namnet "favicon.ico" och hämtas automatiskt av webbläsare för visning i adressfönstret:
Faviconen visas också bland "favoriter/bokmärken", se exempel nedan:
Det är mycket enkelt att i Sitevision göra associationen mellan en webbplats och en favicon. Det första du måste göra är dock att (om du inte redan har en sådan) skapa en ico-fil med namnet "favicon.ico". Detta görs med lämpligt bildbehandlingsprogram.
Observera att upplösningen på ico-filen måste vara 16 X 16 pixlar för att fungera i Internet Explorer. Mer högupplösta varianter fungerar dock med andra webbläsare.
När du har en ico-fil så associerar du den i Sitevision med webbplatsen genom nedanstående två (tre) steg:
1. Ladda upp filen i filarkivet.
Observera att bilden bör ha publik åtkomst så att alla kan se den.
2. Skapa ett alias till ico-filen.
Observera att namnsättningen är mycket viktig ("favicon.ico")
Klart! Det kan hända att du behöver starta om webbläsaren eller datorn innan du ser din ikon.
3. Exponera ikonen via HEAD-element
Moderna webbläsare som t ex Firefox letar även efter favicon.ico för webbplatsen i HTML-kodens inledande del, i det s.k. HEAD.
Du kan även registrera din favicon där. Detta görs genom att du väljer egenskaper för webbplatsen, kategori Allmänt och fliken "Tillägg i <HEAD>".
Som Typ anger du "image/x-icon" och som Rel anger du "shortcut icon". När du anger källan skriver du antingen in "/favicon.ico" som adress eller också letar du upp ico-filen och pekar ut den.
Webbplatsikon på iPhone
Tips! Du kan även skapa en särskild ikon för de som använder en iPhone för att besöka webbplatsen. Denna ikon skall vara en bild på 57 x 57 pixlar, gärna med "fyrkantiga" hörn (bilden skall fylla hela ytan). Ikonen registreras även den som ett HEAD-element (se ovan). Typen (rel) skall vara "apple-touch-icon".Mer information finns på följande sidor på Safari Reference Library:
Configuring Web Applications
Metrics, Layout Guidelines, and Tips
Sidan uppdaterad:
Nästa generations publiceringsverktyg är här!
216.73.217.134