Hur man lägger till ikoner på en webbplats iPhone, iPad och iPod Touch

Favicon.ico - Webbplatsikon i webbläsaren

Innan det lanserat en webbplats och lägga till en bildfil, favikon, visas i webbläsaren, i adressfältet. I de flesta situationer är favicon en miniatyr av den grafiska logotypen eller initialerna på respektive webbplats. Denna favicon läggs till för att hjälpa användare att snabbt identifiera en webbadress i bokmärken.

Stealth Settings Favicon
Stealth Settings Favoritikon in Safari
Favicon i Opera
Favicon i Opera

Fram till nyligen måste den här filen vara i form "favicon.ico", för att identifieras av webbläsaren. Chrome, Internet Explorer, Opera, Safari, Firefox, etc.
Under flera år, med stigande nya webb språk HTML5 si CSS3, Favicons kan vara en .png fil eller . Jpg. Villkoret är att huvudet på plats, innan, Var den här raden:

Webbplatsikon för iOS - iPhone, iPad och iPod Touch

In iOS Vi kan lägga till Webbsida genvägar pe StartskärmCPC iPhone, iPad si iPod Touch.

Hur man lägger till en genväg till en webbplats på iPhone, iPad och iPod-startskärmen

Vi gör detta genom att öppna en webbsida på iPhone (Safari, Chrome, etc webbläsare), klicka på rutan med pilen (tecknet för "dela" i iOS), sedan alternativet "Add till startskärmen".

Om webbplatsen har satt favicon för din webbläsare, men inte satt iOS enhetsspecifik ikon webbplatser, Skärmen visas en ikon som består av en image preview webbsida.

Hur man lägger till webbikoner för iPhone, iPad och Android.

Det första steget är att skapa en bild ikonSom visas på StartskärmCPC iDevice gemenskap. För webb ikon är kompatibel på alla enheter och att se klart, vi måste skapa bilden för alla resolutioner av iPhone och iPad.

Upplösningar och standardikonstorlekar för iPhone, iPad, iPod och Android

  • Modeklassiska lele av iPhone / iPod = 57 × 57
  • iPad = 76 × 76
  • iPhone / iPod Retina = 120 × 120
  • iPad Retina = 152 × 152
  • iPhone 6 / 6S Plus = 180 × 180

Apple uppdateras regelbundet Rekommenderad ikonstorlekURL: er tillämpningar si Webbsidor pe denna sida.

För enheter Android, ikoner är två dimensioner:

  • Android classic = 128 × 128
  • Android med hög upplösning (högupplöst) = 192 × 192
ikoner

När vi har gjort bilderna laddas de upp på webbservern och i HTML-källan på webbplatsen innan den stängs , följande rader läggs till:

<länk href="/apple-touch-icon.png ”rel =”apple-touch-icon ”/> <länk href="/apple-touch-icon-76 × 76.png ”rel =”apple-touch-icon ”storlekar =” 76 × 76 ″ /> <länk href="/apple-touch-icon-120 × 120.png ”rel =”apple-touch-icon ”storlekar =” 120 × 120 ″ /> <länk href="/apple-touch-icon-152 × 152.png ”rel =”apple-touch-icon ”storlekar =” 152 × 152 ″ /> <länk href="/apple-touch-icon-180 × 180.png ”rel =”apple-touch-icon ”storlekar =” 180 × 180 ″ />

För enheter Apple.PNG-bildnamn och “rel =” måste innehålla prefixet “apple- ". För Android kommer filnamnen att vara "icon hires.png"Och"icon normal.png”Med rel =” ikon ”.

Det är inte absolut nödvändigt att skapa bilder för varje upplösning. Du kan skapa en bild med högsta upplösning, och enheter med lägre upplösning identifierar den och ställer in den som en ikon.

iPhone-Webbplats-ikon

Genvägsikonen till webbplatsen kommer att likna alla applikationer för iOS.

Teknikentusiast, jag skriver med glädje på StealthSettings.com sedan 2006. Jag har omfattande erfarenhet av operativsystem: macOS, Windows och Linux, samt programmeringsspråk och bloggplattformar (WordPress) och för onlinebutiker (WooCommerce, Magento, PrestaShop).

Hur man » iHowTo » iHowTo - iOS » Hur man lägger till ikoner på en webbplats iPhone, iPad och iPod Touch
Lämna en kommentar