Ha van saját webhelye, vagy valaki másnak fejleszt egyet, akkor testre kell szabnia a mentett könyvjelző ikont, amely a felhasználók iOS kezdőképernyőjén jelenik meg. A fenti képernyőképen az egyéni OSXDaily kedvenc ikonja látható az iPhone képernyőjén.

Az Apple Touch Icon beállítása jó ötlet, mert az iOS alapértelmezés szerint csak egy kis miniatűrt ment el a webhelyről. A kis miniatűröket gyakran nehéz azonosítani, és általában nem is néznek ki olyan jól, ezért állítsuk be helyette a saját kedvenc képét.

Az Apple Touch ikon testreszabása és beállítása egy webhelyhez

• Hozza létre az ikont, győződjön meg róla, hogy négyzet, az itt lévő OSXDaily.com 512 × 512 pixeles, de választhat más négyzetméretet is, ha igazán akarja – vegye figyelembe, hogy a nagyobb méret megfelelő retina kijelzők
• Mentse el a kezdőképernyő ikonját PNG-fájlként, és címkézze fel: apple-touch-icon.png
• Drop apple-touch-icon.png a webszerver gyökérkönyvtárába, így elérhető a domain.com/apple-touch-icon.png
• Tesztelje le webhelye kezdőképernyőjének könyvjelzőikonját: keresse fel a webhelyet a Safari alkalmazásból iOS rendszeren, majd koppintson a „Hozzáadás a kezdőképernyőhöz” elemre
• Nézze meg az iOS-eszköz kezdőképernyőjét, és ott megjelenik az új egyéni ikonjával mentett könyvjelző, mint a fenti képernyőképen

Amíg a fájl megfelelően van elnevezve és a webszerver gyökérkönyvtárában van, a Mobile Safari tudni fogja, mit kell tennie vele, így nincs szükség további módosításokra az iOS-specifikus favicon megjelenítéséhez.

Referenciaként itt található az OSXDaily.com webhelyhez használt egyéni „apple-touch-icon.png” képünk. Ez a példa könyvjelző ikon a retina kijelzőkhöz megfelelő méretben készült ():

Észreveheti, hogy a tényleges ikonfájlban nincs mentve a fénytörés az ikonra, az iOS ezt egyedül kezeli. Bármilyen képet használhat, de azt javaslom, hogy hozzon létre olyat, amely a meglévő iOS-ikonok ismerős felhasználói felületét rögzíti.

Ez nyilvánvalóan nem ugyanaz, mint egy dedikált iOS-alkalmazás, de a megfelelő mobilfelhasználói élmény az internetről jó ötlet, és elkerülhető az iOS-alkalmazások fejlesztésének magas ára.

És ha aggódik az ehhez hasonló dolgok miatt, valószínűleg a Photoshopot használja az ikonok megtervezéséhez? Tehát nézzen meg néhányat, amíg készen áll.