Ustvarjanje favicon je predvsem pakiranje. Izvorno grafiko že imaš; pravo delo je, da jo spremeniš v paket ikon, ki ga spletno mesto potrebuje za zavihke brskalnika, mobilne bližnjice, Android površine in začetni manifest, ne da bi pozabil datoteko.
Generator favicon / ikon aplikacije v Convertyju to naredi iz ene kvadratne izvorne slike. Enkrat naložiš, pregledaš paket in preneseš ZIP z favicon.ico, pogostimi velikostmi PNG, Apple touch ikonami, Android-ready ikonami in začetnim site.webmanifest.
Če želiš videti, kako se ustvarjanje favicon prilega celotni zbirki orodij, začni z Predstavljamo Converty. Za skupne odgovore o nalaganjih in podprtih formatih preberi pogosta vprašanja.
Zakaj ustvarjanje favicon postane ponavljajoče se launch delo
Paket favicon se sliši preprost, dokler ga ni treba poslati v produkcijo. Nato se seznam podaljša:
- formati ikon za zavihke brskalnika
- pogoste velikosti
PNG - Apple touch ikone
- Android-ready ikone
- začetni web manifest
To ni zapleteno inženirstvo, je pa ponavljajoče se delo, ki mora biti pravilno. Težava običajno ni zahtevnost, ampak razdrobljenost. Ekipe skačejo med urejevalniki slik, generatorji in ročnim pakiranjem datotek, čeprav bi lahko bil tok kratek.
Converty poenostavi proces tako, da eno izvorno sliko spremeni v paket, ki ga boš najverjetneje potreboval, brez ločenega koraka za vsak cilj ikon.
Kako ustvariti celoten paket favicon iz ene slike
Najčistejši način je začeti z virom, ki deluje tudi v majhnih velikostih, nato pa enemu orodju prepustiti sestavljanje paketa.
- Odpri Generator favicon / ikon aplikacije.
- Naloži eno kvadratno sliko
PNG,JPEGaliWebP. - Po potrebi vnesi ime aplikacije ali spletnega mesta.
- Odloči se, ali želiš vključiti krožno možnost ikon.
- Ustvari paket in prenesi ZIP.
Orodje nato pripravi sveženj sredstev in pokaže, kaj je vključeno. To je pomembno, ker pri favicon ne gre samo za izvoz, ampak tudi za vednost, ali paket pokrije običajne brskalniške in aplikacijske površine.
Kaj vključuje ustvarjeni paket
| Vrsta sredstva | Zakaj je vključena | Zakaj pomaga |
|---|---|---|
favicon.ico | Tradicionalna podpora za zavihke brskalnika | Pokrije najbolj znan primer uporabe favicon |
Več velikosti PNG | Pogosti cilji ikon v sodobnih brskalnikih in površinah | Zmanjša ročno izvažanje |
| Apple touch ikone | Podpora za touch ikone na napravah Apple | Pomaga pri mobilnih zaznamkih in bližnjicah |
| Android-ready ikone | Cilji ikon za Android povezano uporabo spletnih aplikacij | Paket razširi prek brskalniške rabe |
Začetni site.webmanifest | Podpora za nastavitev manifesta | Da praktično izhodišče za deploy |
Tu se orodje počuti celovito. Ne ustvarjaš ene ikone in se pozneje spomniš na ostalo. ZIP je zasnovan tako, da pogoste člane paketa pokrije skupaj.
Izvorna grafika je pomembnejša, kot ljudje pričakujejo
Orodje lahko ustvari paket, kakovost rezultata pa je še vedno odvisna od izvorne slike. Najbolje delujejo kvadratni, preprosti in pri majhnih velikostih berljivi viri.
Favicon cilji so majhni. Podrobna grafika, logotipi do roba in fine teksture se pri zmanjšanju pogosto poslabšajo. Čiste oblike, preprosti znaki in dovolj odmika običajno ustvarijo ostrejše rezultate.
Najboljši vir ima navadno:
- kvadratno razmerje stranic
- jasno silhueto
- dovolj praznega prostora okoli znaka
- manj drobnih podrobnosti, ki bi izginile v majhnih velikostih
Kaj dejansko spremeni krožna možnost
Converty vključuje možnost Circular, vendar jo je treba razumeti pravilno. Orodje krožno obdelavo uporabi za brskalniške in Android izhode, Apple touch ikone pa ostanejo kvadratne.
Možnost je uporabna, ko znak znamke bolje deluje v krožnem okvirju, hkrati pa želiš, da Apple površine ohranijo običajno kvadratno obdelavo. To ni univerzalni slogovni preklop za vsak izvožen element.
Kaj narediti po prenosu ZIP-a
ZIP ti prihrani ponavljajoče se izvažanje, ni pa konec deploy procesa. Ustvarjene datoteke moraš še vedno dati med javna sredstva aplikacije ali spletnega mesta in tam referencirati ustrezne ikone ter manifest.
To je očitno, vendar vredno poudarka. Dober generator skrajša pripravo sredstev in jasno ohrani predajo. Converty to naredi s pakiranjem vsebine in opisom ustvarjenih datotek.
Če tvoj potek vključuje tudi stiskanje spletnih slik pred pakiranjem ikon, to združi z vodnikom za pretvorbo WebP.
Kratek FAQ
Kakšna izvorna slika deluje najbolje?
Kvadratna slika PNG, JPEG ali WebP z jasnim znakom, dovolj odmika in dobro berljivostjo pri majhnih velikostih.
Katere datoteke so vključene v paket?
ZIP vključuje favicon.ico, več velikosti PNG, Apple touch ikone, Android-ready ikone in začetni site.webmanifest.
Kaj spremeni krožna možnost?
Zaokroži brskalniške in Android izhode, Apple touch ikone pa ostanejo kvadratne.
Kaj naj naredim z ZIP-om po ustvarjanju?
Ustvarjena sredstva dodaj med javne projektne datoteke ter ikone in manifest referenciraj iz aplikacije ali spletnega mesta, ki jih bo serviralo.
Praktičnejši način za dokončanje pakiranja ikon
Če moraš ustvariti celoten paket favicon iz ene slike, je pravi cilj odstraniti ponavljajoče se izvažanje in pakiranje okoli lansiranja ali osvežitve. Converty to olajša tako, da eno kvadratno izvorno datoteko spremeni v bolj celovit nabor sredstev v enem kratkem toku.
Odpri Generator favicon / ikon aplikacije, kadar potrebuješ neposredno orodje, uporabi Predstavljamo Converty za širši kontekst in imej pri roki vodnik za pretvorbo WebP, če se priprava sredstev začne s stiskanjem izvornih slik.
