Vad är nu detta?
Svar: bilder som iPhone/iPad söker efter då de ”besöker” en sida.
(och som används som bilder när man ”sparar en sida”
Ni som kanske kollar lite i loggen på er webbsida och ser att det är en hel del anrop på filer vid namn apple-touch-icon m.m. och kanske undrat vad det är? Det iPad/iPhones sätt leta efter bilder när man sparar en länk eller bara att visa en liten ikonbild i surfprogrammet. Tidigare så var det ju bara favicon.ico som gällde som man kunde fixa till så när folk sparade ens sida så lades en liten bild till intill namnet på sidan i Favoriterna/Bokmärken.
Men nu är det andra tider!
Apple är de besvärligare och kommit med ny ”standard” hela tiden och ökat storleken och namnet på dessa bilder och Android har en egen och Windows har en egen till sitt nya skrivbord i Win 8/8.1. Favicon.ico är kvar ännu så det är rackars röra alltså men det finns hjälpmedel!
Börja själv med att skapa en fyrkantig bild du vill ha och se till den är minst 310×310 pixlar stor, ta gärna 400×400 men filstorleken får inte vara större än 400kb.
- Gå sedan till adressen: http://iconogen.com/
- Klicka på: click to upload a file
- Välj den bild du förberett och det jobbas nån sekund.
- Sen dyker en massa bilder upp och även en zip-fil
- Ladda hem zip-filen, packa upp
- Kopiera även den kod du ser i nedre kanten.
- Kopiera in koden mellan <head> och </head> på din sida. Är det en WordPressida så hittas den koden någonstans i filen header.php i ditt tema (mer tips nedan).
- Ladda sen upp alla dessa filerna till din webbsida
Exempel på hur det ser ut på sidan du skapat bilderna:
Fortsätt läsa Apple touch icon