PWA ikoonide generaator
Loo ühest pildist ikoonid, mida paigaldatav veebirakendus vajab — 192 ja 512px PNG-d koos site.webmanifest failiga — täielikult su brauseris.
Privaatsus on esikohal: iga pilt töödeldakse kohalikult sinu brauseris. Midagi ei laadita üles, ei salvestata ega edastata ühtegi serverisse.
Ikoonid, mis teevad rakenduse paigaldatavaks
Progressiivse veebirakenduse paigaldatavust hinnatakse osalt selle ikoonide järgi: brauserid otsivad veebimanifesti, mis deklareerib vähemalt 192×192 ja 512×512 PNG, enne kui nad pakuvad paigaldusviipa või panevad avaekraanile korraliku ikooni. See generaator renderdab su lähtepildist mõlemad ja kirjutab site.webmanifest faili, mis neile viitab, kõrvuti apple-touch-iconiga, mida iOS soovib, ja favicon.ico failiga tavaliste kaartide jaoks.
Kujunda see käivitaja jaoks
Androidi käivitajad võivad ikooni maskida ringi või ümarnurkse ruudu sisse, nii et servani ulatuv graafika võib lõikuda. Lisa siin polsterdust ja ühevärviline taust ning oluline osa jääb turvaalasse, ükskõik millist maski rakendatakse; reaalajas eelvaade näitab tulemust igas suuruses. Kõik renderdatakse sinu seadmes Canvas API abil — su logo ei laadita kunagi üles — ja terve komplekt laaditakse alla zip-failina.
Korduma kippuvad küsimused
- Kas mu pilt laaditakse favicon'i tegemiseks üles?
- Ei. Favicon.ico, PNG-ikoonid ja manifest luuakse kõik kohalikult sinu brauseris Canvas API abil. Sinu pilt ei lahku kunagi seadmest.
- Milliseid suurusi ja faile ma saan?
- Mitme resolutsiooniga favicon.ico (16, 32 ja 48px), PNG-ikoonid suurustes 16, 32, 48, 180 (apple-touch-icon), 192 ja 512px, site.webmanifest ning HTML-katke, mille saad kleepida oma <head>-sektsiooni.
- Kas saan teisendada PNG-i või SVG-i ICO-vormingusse?
- Jah. Kukuta sisse PNG, JPG, SVG või WebP ja laadi alla päris favicon.ico. SVG-logod rasterdatakse esmalt kohalikult kõrges resolutsioonis.
- Milline pilt sobib kõige paremini?
- Ruudukujuline pilt lihtsa ja kõrge kontrastiga logoga. Mitteruudukujulised pildid kärbitakse keskelt sobivaks; kasuta polsterduse ja kuju juhtnuppe, et kadreerida see just nii, nagu soovid.
- Kuidas favicon'i paigaldada?
- Paki pakett lahti oma saidi juurkausta ja kleebi antud HTML-katke oma lehtede <head>-sektsiooni. Enamik brausereid leiab favicon.ico automaatselt.