The Applen kosketuskuvake , joka tunnetaan myös nimellä apple-touch-icon.webp-tiedosto, käytetään verkkosivun kuvakkeena Apple iPhonessa, iPod Touchissa ja iPadissa, aivan kuten Faviconissa. Tätä symbolia käytetään aina, kun käyttäjä merkitsee tai lisää verkkosivuston aloitusnäyttöön. Nämä Apple-tuotteet ovat verkkosivuston tilannekuva, joka on usein vain vähän enemmän kuin valkoinen neliö, jos tätä tiedostoa ei löydy.
Ellei sijaintia ole annettu HTML-koodissa, tämän tiedoston tulee olla a.webp, jonka mitat ovat 57 x 57 ja sijaittava kotihakemistossa. Alla on esimerkki siitä, miltä tämä tagi voi näyttää HTML-koodissasi.
|_+_|Kuinka tehdä reagoivan verkkosivuston Apple Touch -kuvake?
Apple Touch -kuvaketta käytetään, kun kuluttaja tallentaa sinun verkkosivusto iOS-kosketusnäyttölaitteensa aloitusnäyttöön tai lisätä sen kirjanmerkkeihin. Apple käyttää kuvakaappausta verkkosivustostasi kuvakkeena, jos et määritä sitä, mikä johtaa usein tunnistamattomaan neliöön. Näytämme sinulle, kuinka voit kehittää ainutlaatuisen Apple Touch Iconin käyttäjäystävälliselle verkkosivustollesi, jotta et pakota asiakkaitasi näkemään Apple-kuvaketta.
Tee Apple Touch -kuvake
Apple Touch Icon on tehtävä Photoshopissa tai muussa kuvankäsittelyohjelmassa alkuvaiheessa. Tiedosto tulee tallentaa nimellä 'apple-touch-icon.webp', ja sen koon tulee olla 180 x 180 pikseliä.
Lisää verkkosivustosi Apple Touch -kuvaketiedosto.
Seuraava vaihe on ladata Apple Touch Icon -asiakirja verkkosivustollesi. Voit sijoittaa sen minne haluat, mutta suosittelemme tallentamaan sen ensisijaiseen kuvakansioosi. Koska käytämme sitä seuraavassa vaiheessa, pidä kirjaa siitä, mihin olet tallentanut tiedostosi.
Määritä Apple Touch -kuvakkeesi käyttämällä linkkielementtiä.
Viimeinen vaihe on tunnistaa ja nimetä uusin Apple Touch -kuvake linkkielementissä, jonka lisäät sivusi HEAD-elementtiin.