Favicon-työ näyttää pieneltä, kunnes sivuston pitää oikeasti julkaista. Yksi neliömäinen lähdekuva ei vielä riitä selaimen välilehtiin, mobiilipikakuvakkeisiin ja asennettavan web-sovelluksen peruspintoihin. Tarvitaan favicon.ico, useita PNG-kokoja, Apple touch -kuvakkeita, Android-valmiita kuvakkeita ja usein myös aloitusversio site.webmanifest-tiedostosta.
Convertyn favicon-generaattori tekee tästä yhden lyhyen vientivaiheen. Lataa yksi selkeä neliömäinen lähdekuva ja lataa ZIP-paketti, jossa tavallisimmat kuvakevarat ovat valmiina.
Aloita lähdekuvasta, joka kestää pienentämisen
Paras favicon-lähde on yksinkertainen, tunnistettava ja neliömäinen. Pienissä kokoversioissa monimutkaiset yksityiskohdat katoavat nopeasti. Selkeä siluetti, riittävä marginaali ja vahva kontrasti toimivat yleensä paremmin kuin reunasta reunaan ulottuva monimutkainen kuvitus.
Tämä ei ole brändisuunnittelun korvike. Se on operatiivinen viimeistelyvaihe: valittu merkki muutetaan selaimen ja laitteen tarvitsemiin tiedostoihin.
Mitä paketti sisältää
Generoitu paketti sisältää käytännöllisen aloitussetin:
| Tiedosto tai ryhmä | Mihin sitä käytetään |
|---|---|
favicon.ico | Perinteiset selain- ja yhteensopivuuskäytöt |
| PNG-kuvakkeet | Nykyaikaiset selaimet ja eri näyttökoot |
| Apple touch -kuvakkeet | iOS:n ja iPadOS:n pikakuvakepinnat |
| Android-valmiit kuvakkeet | Androidin ja PWA-käyttöjen perustarpeet |
site.webmanifest | Alustava manifesti asennettavia web-pintoja varten |
Lopullinen sivusto voi silti vaatia polkujen tai metadatan säätöä, mutta paketti poistaa toistuvan kuvakekokojen viennin.
Pyöristetty kuvake on käyttöpäätös
Jos lähdekuva toimii paremmin pyöristettynä, pyöristys voi auttaa tekemään ikonista yhtenäisemmän joissakin pinnoissa. Se ei kuitenkaan korvaa lähdekuvan selkeyttä. Jos merkki ei ole luettava pienessä koossa, pyöristys ei ratkaise perusongelmaa.
Käytä pyöristystä silloin, kun se sopii brändin muotoon ja lopulliseen käyttöpintaan. Pidä se pois päältä, jos alkuperäinen siluetti on tärkeä.
Missä favicon-työ sopii launch-prosessiin
Faviconit jäävät usein viimeiseksi yllätykseksi, koska ne tuntuvat pieniltä. Ne näkyvät kuitenkin suoraan selaimen välilehdissä, tallennetuissa pikakuvakkeissa ja jaetuissa esikatseluissa. Siksi ne kannattaa käsitellä samassa viimeistelypassissa kuin slugit ja Markdown.
Laajemmasta julkaisuvalmistelusta kertoo Kuinka sisältötiimit valmistelevat slugit, Markdownin ja faviconit uutta julkaisua varten.
Vie favicon-paketti ennen kuin se hidastaa julkaisua
Favicon-paketin ei pitäisi vaatia erillistä kuvakeprojektia joka kerta, kun sivusto tai kampanjasivu tarvitsee päivitetyt resurssit. Kun lähdekuva on valmis, työn pitäisi olla lyhyt vienti ja nopea tarkistus.
Avaa favicon-generaattori, kun tarvitset paketin, käytä usein kysyttyjä kysymyksiä tiedostosisällön tarkistamiseen ja palaa artikkeliin Tutustu Convertyyn, jos haluat nähdä, miten favicon-työ liittyy muihin pieniin julkaisutehtäviin.
