Faviconide loomine on peamiselt pakkimistöö. Sul on lähtegraafika juba olemas; tegelik ülesanne on muuta see ikoonikomplektiks, mida sait vajab brauseri vahekaartide, mobiili otseteede, Androidi pindade ja starter manifesti jaoks, ilma mõnda faili unustamata.
Converty Faviconi / rakenduse ikooni generaator teeb selle pakkimise ühest ruudukujulisest lähtepildist. Laadi üks kord üles, vaata pakett üle ja laadi alla ZIP, milles on favicon.ico, levinud PNG suurused, Apple touch ikoonid, Androidi jaoks valmis ikoonid ja starter site.webmanifest.
Kui tahad näha, kuidas faviconide loomine ülejäänud utiliidikomplekti sobitub, alusta artiklist Tutvustame Convertyt. Kui tahad ühiseid vastuseid üleslaadimiste ja toetatud vormingute kohta, vaata korduma kippuvaid küsimusi.
Miks faviconide loomine muutub korduvaks lansseerimistööks
Faviconi pakett kõlab lihtsana seni, kuni seda peab tarnima. Siis muutub kontrollnimekiri pikemaks:
- brauseri vahekaardi ikoonivormingud
- levinud
PNGsuurused - Apple touch ikoonid
- Androidi jaoks valmis ikoonid
- starter web manifest
See pole keeruline inseneeria, kuid see on korduv töö, mis peab ikkagi korrektne olema. Probleem pole tavaliselt raskus. Probleem on killustatus. Tiimid hüppavad pildiredaktorite, generaatorite ja käsitsi failipakkimise vahel, kuigi töö võiks olla üks lühike voog.
Converty teeb protsessi lihtsamaks, muutes ühe lähtepildi paketiks, mida tõenäoliselt kõige rohkem vajad, mitte nõudes iga ikoonisihtmärgi jaoks eraldi sammu.
Kuidas luua ühest pildist täielik faviconi pakett
Puhtaim viis täieliku faviconi paketi loomiseks ühest pildist on alustada allikast, mis töötab juba väikestes suurustes, ja lasta ühel tööriistal pakett kokku panna.
Convertys näeb töövoog välja nii:
- Ava Faviconi / rakenduse ikooni generaator.
- Laadi üles üks ruudukujuline
PNG,JPEGvõiWebPpilt. - Sisesta vajadusel rakenduse või saidi nimi.
- Otsusta, kas lubada ringikujuline ikoonivalik.
- Genereeri pakett ja laadi ZIP alla.
Seejärel valmistab tööriist varakomplekti ette ja näitab, mida see sisaldab. See loeb, sest faviconi loomine pole ainult väljund. See tähendab ka teadmist, kas pakett katab levinud brauseri- ja rakendusepinnad, millest hoolid.
Mida genereeritud pakett sisaldab
Converty hoiab paketi fookuses praktilisel faviconi ja rakenduseikooni varade tuumikul.
| Varatüüp | Miks see kaasas on | Miks see aitab |
|---|---|---|
favicon.ico | Traditsiooniline brauseri vahekaardi tugi | Katab kõige tuttavama faviconi kasutuse |
Mitu PNG suurust | Levinud ikoonisihtmärgid moodsates brauserites ja pindadel | Vähendab käsitsi eksportimist |
| Apple touch ikoonid | Touch-ikoonide tugi Apple seadmetele | Aitab katta mobiilijärjehoidjaid ja otseteid |
| Androidi jaoks valmis ikoonid | Ikoonisihtmärgid Androidiga seotud veebirakenduse kasutuseks | Hoiab paketi laiemana kui ainult brauserikasutus |
site.webmanifest starter | Manifesti-valmis seadistustugi | Annab praktilise lähtepunkti juurutamiseks |
Siin tundub tööriist terviklik. Sa ei genereeri üht ikooni ega pea siis ülejäänut hiljem meenutama. ZIP on mõeldud levinud paketi liikmete koos katmiseks.
Lähtegraafika loeb rohkem, kui inimesed arvavad
Tööriist saab paketi luua, kuid tulemuse kvaliteet sõltub endiselt lähtepildist. Converty enda juhis on sirge: allikas töötab kõige paremini, kui see on ruudukujuline, lihtne ja väikestes suurustes loetav.
See loeb, sest faviconi sihtmärgid on väga väikesed. Detailne graafika, servast servani logod ja peen tekstuur lagunevad sageli väikesteks ikoonideks vähendamisel. Puhtad kujundid, lihtsad märgid ja piisav polsterdus annavad üldjuhul teravamad tulemused kogu ekspordikomplektis.
Praktikas on parimal lähtepildil tavaliselt:
- ruudukujuline kuvasuhe
- selge siluett
- piisavalt tühja ruumi märgi ümber
- vähem pisidetaile, mis väikestes suurustes kaoksid
Üks tugev lähtefail säästab rohkem aega kui nõrkade väikese suuruse eksportide hilisem parandamine.
Mida ringikujuline valik tegelikult muudab
Converty sisaldab Circular valikut, kuid seda tuleb kasutada õige ootusega. Tööriist rakendab ringikujulist käsitlust brauseri ja Androidi ikooniväljunditele, samas kui Apple touch ikoonid jäävad ruudukujuliseks.
See teeb valiku kasulikuks siis, kui brändimärk näeb ringikujulises raamis parem välja, kuid Apple pinnad peaksid säilitama tavapärase täisruudu käsitluse. See pole universaalne stiililüliti kõigi eksporditud varade jaoks. See on sihitud valik osa paketi jaoks.
Mida teha pärast ZIP-i allalaadimist
ZIP on korduv eksporditöö juba sinu eest tehtud, kuid see pole juurutusvoo lõpp. Pärast allalaadimist pead loodud failid ikkagi lisama rakenduse või saidi avalikesse varadesse ja viitama seal vastavatele ikoonidele ning manifestile.
See kõlab ilmselt, kuid tasub selgelt välja öelda. Täielik generaator peaks lühendama varade ettevalmistuse sammu, hoides üleandmise endiselt selgena. Converty teeb seda, pakkides paketi ja kirjeldades sisu, mitte jättes sind arvama, mis loodi.
Kui sinu varade töövoog hõlmab ka veebipiltide tihendamist enne ikoonide pakkimist, ühenda see juhend WebP teisenduse juhendiga.
Levinud vead, mida tööriist aitab vältida
Ainult ühe või kahe ikoonifaili eksportimine ja ülejäänu unustamine
See on klassikaline faviconi probleem. Converty pakib põhilise faviconi, levinud PNG-suurused, Apple touch ikoonid, Androidi jaoks valmis ikoonid ja starter manifesti kokku.
Alustamine graafikast, mis väikestes suurustes vastu ei pea
Tööriist töötab kõige paremini siis, kui lähtepilt on ruudukujuline, lihtne ja vähendatud mõõtmetes loetav. Seetõttu on allika ettevalmistus oluline.
Ootus, et ringikujuline valik mõjutab iga väljundit samamoodi
See ei mõjuta. Brauseri ja Androidi ikoonid ümardatakse, Apple touch ikoonid jäävad ruudukujuliseks.
ZIP-i käsitlemine juurutusena
Generaator säästab pakkimistöö, kuid failid tuleb endiselt lisada saidile või rakendusele, mis neid serveerib.
Lühike KKK
Milline lähtepilt töötab kõige paremini?
Ruudukujuline PNG, JPEG või WebP pilt selge märgi, piisava polsterduse ja hea loetavusega väikestes suurustes.
Millised failid paketis sisalduvad?
ZIP sisaldab favicon.ico, mitut PNG suurust, Apple touch ikoone, Androidi jaoks valmis ikoone ja starter site.webmanifest faili.
Mida ringikujuline valik muudab?
See ümardab brauseri ja Androidi ikooniväljundid, kuid Apple touch ikoonid jäävad ruudukujuliseks.
Mida peaksin ZIP-iga pärast genereerimist tegema?
Lisa loodud varad oma projekti avalikesse failidesse ning viita ikoonidele ja manifestile rakendusest või saidilt, mis neid serveerib.
Praktilisem viis ikoonipakendi lõpetamiseks
Kui pead ühest pildist täieliku faviconi paketi looma, on tegelik eesmärk eemaldada korduv eksportimis- ja pakkimistöö, mis ümbritseb lansseerimist või värskendust. Converty teeb selle lihtsamaks, muutes ühe ruudukujulise lähtefaili terviklikumaks, juurutusvalmis varakomplektiks ühes lühikeses voos.
Ava Faviconi / rakenduse ikooni generaator, kui vajad tööriista otse, kasuta Tutvustame Convertyt laiema utiliidikonteksti jaoks ja hoia WebP teisenduse juhend lähedal, kui sinu varade ettevalmistus algab esmalt lähtepiltide tihendamisest.
