Faviconi generaator
Loo ühest pildist täielik faviconi komplekt — favicon.ico, apple-touch-icon, Androidi/PWA ikoonid ja HTML-katke — täielikult su brauseris. Midagi ei laadita üles.
Privaatsus on esikohal: iga pilt töödeldakse kohalikult sinu brauseris. Midagi ei laadita üles, ei salvestata ega edastata ühtegi serverisse.
Kõik ikoonid, mida kaasaegne sait vajab, korraga
Favicon pole enam üks fail. Brauserid loevad kaartide ja aadressiriba jaoks väikest favicon.ico faili, iOS tahab avaekraanile 180×180 apple-touch-iconi ning Android ja paigaldatavad veebirakendused võtavad veebimanifestist 192 ja 512px PNG-d. See generaator ehitab need kõik ühest lähtepildist ja annab sulle valmis HTML-katke, nii et sa ei pea kuut suurust käsitsi eksportima.
Kadreeritud nii, nagu soovid, ja jääb privaatseks
Hoia ikoon ruudukujulisena, ümarda nurgad või kärbi see ringiks; lisa polsterdust, et logo ei oleks vastu serva surutud; ning vali läbipaistev või ühevärviline taust. Reaalajas eelvaade näitab tulemust päris faviconi suurustes, sealhulgas jäljendatud brauserikaardil. Kuna iga fail luuakse sinu seadmes, ei saadeta su logo — tihti avaldamata brändigraafikat — kunagi serverisse.
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.