Applen kosketuskuvake ja favicon liittyvät toisiinsa, mutta ne eivät ole sama tiedosto, joka palvelee samaa tarkoitusta. Favicon liittyy yleensä selaimen välilehtiin, kirjanmerkkeihin ja tuttuihin selaimen kromiin. Apple-kosketuskuvake on tarkoitettu Apple-laitteiden pikakuvakepinnoille, joissa sivusto saattaa näyttää enemmän sovelluskuvakkeelta.
Hämmennys on ymmärrettävää, koska molemmat tiedostot alkavat monissa projekteissa samasta tuotemerkistä. Lähdekuva voi olla yksi neliökuva, mutta paketin tulee palvella eri pintoja. Siksi nykyaikaisen favicon-työnkulun ei pitäisi pysähtyä yhteen favicon.ico-tiedostoon.
Mitä favicon tekee
Favicon on pieni visuaalinen merkki, jonka käyttäjät näkevät selaimen välilehdissä, kirjanmerkeissä, historiassa ja niihin liittyvissä selainkäyttöliittymissä. Se auttaa käyttäjiä tunnistamaan sivuston nopeasti, kun useita välilehtiä on auki.
Klassinen tiedosto on favicon.ico, vaikka monet nykyaikaiset asetukset sisältävät myös PNG-kuvaketiedostoja. Rutiininomaisissa sivuston julkaisuissa favicon.ico:n pitäminen paketissa on edelleen käytännöllistä, koska se kattaa tutut odotukset ja yhteensopivuuspolut.
Mitä Applen kosketuskuvake tekee
Apple-kosketuskuvaketta käytetään, kun sivusto on tallennettu Apple-laitteen pinnoille, kuten aloitusnäytön pikakuvakkeisiin. Se ei ole vain pieni välilehtimerkki. Sen on toimittava kuvakkeena sovelluksen kaltaisessa kontekstissa.
Se muuttaa suunnittelupainetta. Selaimen välilehden kuvake voi olla erittäin pieni. Kosketuskuvake voi näyttää suuremmalta, mutta sen on myös tuntuttava puhtaalta, keskitetyltä ja tunnistettavalta erillisenä merkkinä. Sama lähdekuva voi toimia molemmissa, jos se on yksinkertainen ja neliömäinen, mutta tulosteet on silti pakattava oikein.
Miksi nykyaikaiset sivustot tarvitsevat usein molempia
Jos sivustollasi on vain favicon, työpöytäselain voi näyttää hyvältä, kun taas mobiilipikakuvakepinnat tuntuvat epätäydellisiltä tai epäjohdonmukaisilta. Jos paketti keskittyy vain kosketuskuvakkeisiin, saatat silti unohtaa perinteisen selaimen välilehtipolun.
SaaS-julkaisulle, dokumentaatiosivustolle, tuotteen mikrosivustolle tai pienelle verkkosovellukselle käytännön vastaus on yleensä molemmat. Haluat paketin, joka kattaa selaimen välilehdet ja sovelluksen kaltaiset pikakuvakkeet pyytämättä jotakuta viemään manuaalisesti jokaista kuvakeversiota.
Favicon / App Icon Generator sopii tähän. Se luo favicon.ico, PNG-kuvakkeita, Applen kosketuskuvakkeita, Android-valmiita kuvakkeita ja aloituskuvakkeen site.webmanifest yhdestä neliön lähdekuvasta.
Lähdekuva on jaettu rajoitus
Suurin laatutekijä on lähdekuva. Saman merkin on kestettävä useita pintoja ja kokoja. Yksityiskohtaiset kuvat, pieni teksti ja reunasta reunaan ulottuva taideteokset toimivat yleensä huonosti. Yksinkertainen muoto, jossa on riittävästi pehmustetta, pysyy todennäköisemmin tunnistettavissa.
Converty sisältää pyöreän vaihtoehdon selain- ja Android-ulostuloille, kun taas Applen kosketuskuvakkeet pysyvät suorassa. Tällä on merkitystä, kun tuotemerkkisi toimii paremmin pyöreän kehyksen sisällä, mutta haluat silti Applen pintojen säilyttävän odotetun neliömäisen käsittelynsä.
Käytännön päätös
Käytä faviconia, kun tarvitset selaimen tunnistusta. Käytä Applen kosketuskuvaketta, kun välität Applen pikakuvakepinnoista. Käytä täydellistä pakettia, kun haluat sivuston tuntuvan valmiilta molemmissa.
Tarkempi tiedostojen tarkistuslista on kohdassa Mitä tiedostoja tarvitset Favicon-paketissa?. Kun olet valmis viemään resurssit, avaa Favicon / App Icon Generator, lähetä yksi neliön muotoinen lähdekuva, tarkista paketti ja lataa ZIP.
