Sådan oprettes et webstedikon til iPhone

Sådan oprettes et webstedsikon til iPhone

Antallet af enheder, der kører på operativsystemet iOS vokser hvert år. Denne artikel er til webmastere, der optimerer deres websteder til visninger med iPhone og iPad. For at det ønskede stedikon kan vises, når du tilføjer til Safari-browserbogmærker eller når du tilføjer til skrivebordet iPhone, skal du oprette billeder specielt. Favicon fungerer ikke i dette tilfælde.

For websteder, der ikke har et sådant ikon, vises en grå pladsholder i Safari-bogmærker, og der oprettes et ikon på skrivebordet baseret på et skærmbillede af den første side. Det er ikke meget smukt. Men det er nok at bruge bare et par minutter på at lave dit eget webstedsikon til iPhone …

Sådan oprettes et webstedsikon til iPhone

Sådan oprettes et webstedikon til iPhone

  1. Du skal oprette et billede i PNG-format med en størrelse på 152x152px i enhver grafikeditor. Hvis du arbejder i Photoshop, er dette formatet PNG 24. Du kan endda indstille gennemsigtighed.
  2. Gem filen som “apple-touch-icon.png”.
  3. Upload den resulterende fil via FTP til serveren, til rodmappen på webstedet. For eksempel /assets/pictures/9842/content_apple-touch-icon.png.

Når du nu føjer et bogmærke til dit websted, vises ikonet, du oprettede, i Safari. Og hvis du vælger “Føj til hjemmet”, så på skrivebordet.

interessant 6,1-tommer iPhone 12 og iPhone 12 Pro sælges først FAS starter en ny kontrol Apple

Sådan oprettes et webstedsikon til iPhone

Jeg vil straks besvare eventuelle spørgsmål

Skal jeg skrive noget i selve HTML-dokumentet?

Nej, der er ikke behov for specifikt at registrere noget i mete. Mobilbrowsere selv ser efter denne fil på dit websted. Desuden, hvis en sådan fil ikke er der, returnerer serveren en 404-fejl. Se i logfilerne på serveren, der er mange sådanne anmodninger. Desuden – disse filer “søges” ikke kun i det øjeblik, webstedet tilføjes til startskærmen, men ved hvert besøg!

Og du vil sandsynligvis blive overrasket, men Android enheder bruger også apple-touch-icon.png-ikoner, når du tilføjer et webstedsbogmærke til skrivebordet :).

Men hvad med Retina, skal du lave flere billeder i forskellige opløsninger?

Tidligere var det nødvendigt at lave flere billeder, nu er en stor (152x152px) nok. Dybest set ændrer Apple skærmopløsninger og standarder for udviklere regelmæssigt. Det er sandsynligt, at inden den tid, du læser denne artikel, er der allerede ændret noget. Men den mest aktuelle størrelse kan altid findes på linket /assets/pictures/9844/content_apple-touch-icon.png. Dette er det mest korrekte ikonformat :).

Rate article
Mobiltelefoner-nyheder, anmeldelser og hackere.
Add a comment