Kuinka lisätä verkkosivuilla kuvakkeet iPhone, iPad ja iPod Touch

Favicon.ico - Verkkosivujen Icon selaimessa

Ennen se avasi verkkosivuston ja lisää kuvatiedosto, favicon, joka näkyy osoitekentän selaimessa. Useimmiten favicon on pienoiskoossa grafiikka logon tai nimikirjaimet että verkkosivuilla. Tämä favicon lisätään auttaa käyttäjiä tunnistamaan osoitteen nopeammin verkon kirjanmerkkejä.

Stealth Asetukset favicon

Stealth Asetukset favicon Safarissa

Favicon Opera

Favicon Opera

Viime aikoihin asti, tämän tiedoston pitäisi olla muotoa "Favicon.ico"Web-selaimen tunnistaa. Chrome, Internet Explorer, Opera, Safari, Firefox jne.
Useiden vuosien ajan, ja etenee uuden web kieliä, HTML5 si CSS3, Favicons voi olla .png tai .jpg. Ehtona on, että otsikko sivuston, ennen </ head>Olkaa tämä rivi:

<Link rel = "pikakuvake" href = "/ images / favicon.ico" type = "image / x-kuvake" />

Verkkosivun iOS - iPhone, iPad ja iPod Touch

In iOS voimme lisätä Web-sivun pikavalinnat pe Koti-valikkoCPC iPhone, iPad si iPod Touch.

Kuinka lisätä verkkosivuilla pikakuvakkeen iPhonessa, iPadissa ja iPod aloitusnäyttö

Teemme tämän avaamalla verkkosivun iPhonessa (Safari, Chrome, jne. Internet-selain), napsauttamalla neliöä nuolella ("iOS" -osakkeen merkintä) ja sitten "Lisää etusivulle".

Jos sivusto on asettanut favicon selaimen, mutta ei aseta iOS laitekohtainen kuvake sivustoja, Näyttö ilmestyy kuvake, joka koostuu esikatselukuva Web-sivu.

Miten lisätä web kuvakkeet iPhone, iPad ja Android.

Ensimmäinen vaihe on luoda kuvan kuvakeJotka näkyvät Koti-valikkoCPC idevice yhteisö. Web ikoni on yhteensopiva kaikkien laitteiden ja nähdä selvästi, meidän on luotava kuva kaikille iPhone ja iPad päätöslauselmat.

Päätöslauselmat ja vakiokuvakoko iPhone, iPad, iPod ja Android

  • Klassinen malleja iPhone / iPod = 57 57 ×
  • iPad = 76 76 ×
  • iPhone / iPod Retina × = 120 120
  • iPad Retina × = 152 152
  • iPhone 6 / 6S Plus = 180 180 ×

Apple päivitetään säännöllisesti Suositeltava kuvakkeen kokoaURL-osoitteita sovellukset si verkkosivut pe tämä sivu.

Laitteille Android, kuvakkeet ovat kaksi ulottuvuutta:

  • Classic Android = 128 × 128
  • Android korkean resoluution (hi-res) = 192 × 192

kuvakkeet

Sen jälkeen teimme kuvia, kiivetä www-palvelin, HTML-koodia verkkosivuilla ennen päättävää </ head>, lisää seuraavat rivit:

<link href="/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" /> <link href="/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" /> <link href="/apple-touch-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" /> <link href="/icon-hires.png" rel="icon" sizes="192x192" /> <link href="/icon-normal.png" rel="icon" sizes="128x128" />

Laitteille Apple, .PNG-kuvan ja "rel =" -nimen tulee sisältää etuliite "omena". Androidin tiedostonimi on "ikoni hires.png"Ja"ikoni normal.png"Rel =" ikoni ".

On välttämätöntä luoda kuvia kunkin päätöksen erikseen. Voit tehdä kuvan korkean resoluution ja laitteiden pienempi resoluutio, tunnistaa ja asettaa kuvaketta.

iPhone Icon Verkkosivu

Sivuston pikakuvake näyttää samanlaiselta kuin mikä tahansa sovellukset iOS.

Kuinka lisätä verkkosivuilla kuvakkeet iPhone, iPad ja iPod Touch

Kirjailijasta

Stealth

Innostunut kaikesta, mikä tarkoittaa gadgetia ja IT: tä, olen ilo kirjoittaa stealthsettings.com-sivustolle 2006: stä ja rakastan löytää uusia asioita tietokoneista ja macOSista, Linux-käyttöjärjestelmistä, Windows, iOS ja Android.

Jätä kommentti