Hozzunk létre egy 512×512 pixel méretű képet, amibe rajzoljuk, vagy méretezzük bele az ikonunkat. Ez tökéletesen fog mutatni a Retina kijelzős eszközökön, de régebbi retro IOS termékeken (Iphone 3g, Ipad 1) is jól fog mutatni, hiszen szoftveresen leskálázódik a felbontás.
Mentsük el a képet apple-touch-icon.png néven, ha szeretnénk rá shájni tükröződést, amit automatikusan tesz rá az IOS. Ha nem szeretnénk semmilyen effektet, akkor apple-touch-icon-precomposed.png néven mentsük el.
Ha megvagyunk a fentiekkel, akkor az elkészült képet szimplán töltsük fel a weblapunk gyökér könyvtárába. Majd pedig teszteljük le. Töltsük be a weblapunkat Iphoneon, kattintsunk a share gombra, majd jelöljük ki középen az ikonunkat (Add to Home Screen). Adjunk neki nevet.
Voilá! A shájni verzió valamiért nekem jobban tetszett, ezért azt a verziót használtam a siteomhoz. Sok sikert!
Bakos Szabolcsnak hívnak, szabadúszó UI/UX Designer vagyok, több mint 17 év webdesign tapasztalattal a hátam mögött, cégek és vállalatok számára tervezek weblapokat.
