Generiranje favicona uglavnom je posao pakiranja. Već imate izvorni artwork; pravi zadatak je pretvoriti ga u paket ikona koji stranica treba za kartice preglednika, mobilne prečace, Android površine i početni manifest, bez propuštanja datoteka.
Convertyjev generator favicona / ikona aplikacije radi to iz jedne kvadratne izvorne slike. Prenesite jednom, pregledajte paket i preuzmite ZIP s favicon.ico, uobičajenim PNG veličinama, Apple touch ikonama, ikonama spremnima za Android i početnim site.webmanifest dokumentom.
Ako želite vidjeti kako generiranje favicona sjeda u ostatak skupa alata, počnite s Predstavljamo Converty. Za odgovore o prijenosima i podržanim formatima pogledajte česta pitanja.
Zašto se generiranje favicona pretvara u ponavljajući launch posao
Paket favicona zvuči jednostavno dok ga ne morate isporučiti. Tada popis postane dulji:
- formati ikone za karticu preglednika
- uobičajene
PNGveličine - Apple touch ikone
- ikone spremne za Android
- početni web manifest
To nije složeno inženjerstvo, ali jest ponavljajući posao koji i dalje mora biti točan. Problem obično nije težina, nego fragmentacija. Timovi skaču između editora slika, generatora i ručnog pakiranja datoteka, iako bi posao mogao biti jedan kratak tijek.
Converty pojednostavljuje proces pretvarajući jednu izvornu sliku u paket koji ćete najvjerojatnije trebati, umjesto da za svaki cilj ikone radite zaseban korak.
Kako generirati potpuni paket favicona iz jedne slike
Najčišći način je krenuti od izvora koji već radi u malim veličinama, a zatim pustiti jednom alatu da sastavi paket.
U Convertyju tijek izgleda ovako:
- Otvorite generator favicona / ikona aplikacije.
- Prenesite jednu kvadratnu
PNG,JPEGiliWebPsliku. - Po potrebi unesite naziv aplikacije ili stranice.
- Odlučite želite li uključiti opciju kružne ikone.
- Generirajte paket i preuzmite ZIP.
Alat zatim priprema paket asseta i pokazuje što je uključeno. To je važno jer generiranje favicona nije samo izlaz. Važno je i znati pokriva li paket uobičajene pregledničke i aplikacijske površine koje vas zanimaju.
Što generirani paket uključuje
Converty drži paket fokusiranim na praktičan osnovni skup favicon i app icon asseta.
| Vrsta asseta | Zašto je uključena | Zašto pomaže |
|---|---|---|
favicon.ico | Tradicionalna podrška za kartice preglednika | Pokriva najpoznatiji favicon slučaj |
Više PNG veličina | Uobičajeni ciljevi u modernim preglednicima i površinama | Smanjuje ručni izvoz |
| Apple touch ikone | Podrška za touch ikone na Apple uređajima | Pokriva mobilne bookmarke i prečace |
| Ikone spremne za Android | Ciljevi za Android povezane web app površine | Širi paket izvan samog preglednika |
Početni site.webmanifest | Podrška za manifest | Daje praktičnu polaznu točku za deploy |
Tu alat djeluje potpunije. Ne generirate jednu ikonu pa se kasnije sjećate ostatka. ZIP je osmišljen da zajedno pokrije uobičajene članove paketa.
Izvorni artwork važniji je nego što ljudi očekuju
Alat može generirati paket, ali kvaliteta rezultata i dalje ovisi o izvornoj slici. Convertyjeva smjernica je jednostavna: izvor najbolje radi kada je kvadratan, jednostavan i čitljiv u malim veličinama.
To je važno jer su favicon ciljevi vrlo mali. Detaljan artwork, logotipi od ruba do ruba i fina tekstura često se raspadnu kada se smanje. Čisti oblici, jednostavni znakovi i dovoljno praznog prostora oko oznake općenito daju oštrije rezultate.
Dobra izvorna slika obično ima kvadratni omjer, jasan obris, dovoljno prostora oko znaka i manje sitnih detalja koji bi nestali u malim veličinama.
Što kružna opcija stvarno mijenja
Converty uključuje opciju Circular, ali važno ju je koristiti s pravim očekivanjem. Alat primjenjuje kružni tretman na pregledničke i Android izlaze, dok Apple touch ikone ostaju kvadratne.
Opcija je korisna kada brand znak izgleda bolje u kružnom okviru, ali i dalje želite da Apple površine zadrže svoj uobičajeni kvadratni tretman. To nije univerzalni prekidač za restyling svakog izvezenog asseta.
Što učiniti nakon preuzimanja ZIP-a
ZIP rješava ponavljajući izvoz, ali nije kraj deploy tijeka. Nakon preuzimanja i dalje trebate staviti generirane datoteke u javne assete aplikacije ili stranice koja će ih servirati i ondje referencirati odgovarajuće ikone i manifest.
To zvuči očito, ali vrijedi izreći. Dobar generator treba skratiti pripremu asseta, a predaju i dalje ostaviti jasnom. Converty to radi pakiranjem datoteka i opisom sadržaja, umjesto da vama prepusti rekonstruiranje onoga što je stvoreno.
Ako vaš tijek asseta uključuje i komprimiranje slika za web prije pakiranja ikona, povežite ovaj vodič s vodičem za WebP pretvorbu.
Česte pogreške koje alat pomaže izbjeći
Izvoz samo jedne ili dvije ikone i zaboravljanje ostatka
To je klasičan problem favicona. Converty zajedno pakira osnovni favicon, uobičajene PNG veličine, Apple touch ikone, Android ikone i početni manifest.
Početak iz artworka koji ne preživljava male veličine
Alat najbolje radi kada je izvorna slika kvadratna, jednostavna i čitljiva u smanjenim dimenzijama. Zato je priprema izvora važna.
Očekivanje da kružna opcija jednako utječe na svaki izlaz
Ne utječe. Pregledničke i Android ikone se zaokružuju, a Apple touch ikone ostaju kvadratne.
Tretiranje ZIP-a kao deploya
Generator štedi posao pakiranja, ali datoteke i dalje trebaju biti dodane u stranicu ili aplikaciju koja će ih servirati.
Praktičniji završetak pakiranja ikona
Ako trebate generirati potpuni paket favicona iz jedne slike, stvarni cilj je ukloniti ponavljajući izvoz i pakiranje oko lansiranja ili osvježenja. Converty to olakšava pretvaranjem jedne kvadratne izvorne datoteke u potpuniji skup asseta spreman za deploy.
Otvorite generator favicona / ikona aplikacije, pročitajte Predstavljamo Converty za širi kontekst i držite pri ruci vodič za WebP pretvorbu ako priprema asseta počinje komprimiranjem izvornog skupa slika.
