Hemskärmsikoner

I smartphones av märket Iphone går det att spara ner en direktlänk till webbsidor direkt till telefonens hemskärm. Det skapas då en ikon, liknande en app, som vid klick öppnar din hemsida. Du har möjlighet att själv bestämma hur ikonen på hemskärmen ska se ut genom en enkel kod. Följ dessa tre steg för att skapa en hemskärmsikon:

  • Det första du gör är att skapa själva ikonen. Du skapar bilderna till dina ikoner och sparar ner dessa i tre separata filer med de tre olika upplösningarna som visas nedan. Filformatet för dina ikoner bör vara PNG.
57×57 pixlar för Iphone. 72×72 pixlar för Ipad. 114×114 pixlar för Iphone 4 och senare.
  • När ikonerna är klara laddar du  upp dem till din hemsida, server eller mediebibliotek.
  • När bilderna finns på plats är det dags att ordna med HTML-koden. Klistra in de tre koderna nedan i din webbsidas HTML-redigerare. Observera att koderna måste finnas med på varje webbsida och undersida för att fungera överallt på din mobila webbplats.
<link rel=”apple-touch-icon” href=”länkadress till din ikon med upplösning 52×52″ />
<link rel=”apple-touch-icon” sizes=”72×72″ href=”länkadress till din ikon med upplösning 72×72″ />
<link rel=”apple-touch-icon” sizes=”114×114″ href=”länkadress till din ikon med upplösning 114×114″ />