SVG faviconiks
Muuda SVG-logo täielikuks faviconi komplektiks — favicon.ico, apple-touch-icon ja veebirakenduse ikoonid — teravalt rasterdatud 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.
Vektor sisse, iga rastersuurus välja
SVG on ideaalne faviconi lähtefail: see on eraldusvõimest sõltumatu, nii et iga ikoonisuurus saab rasterdada originaalgeomeetriast, mitte niigi väikesest rasterpildist ümber diskreetides. Lohista oma SVG sisse ja iga väljund — 16, 32, 48, 180, 192 ja 512 pikslit — joonistatakse vektorist tema oma suuruses, mis hoiab servad teravana, mitte sogasena. Just see eristab ikooni, mis näeb kaardil läbimõeldud välja, sellest, mis näeb välja nagu määrdunud plekk.
Miks sa .ico-t ikkagi tahad
Kaasaegsed brauserid kasutavad SVG-faviconi hea meelega otse, kuid vanemad ja hulk tööriistu — uudistelugejad, vestlusrakenduste eelvaated, töölaua otseteed — otsivad endiselt favicon.ico faili. Mõlema loomine samast SVG-st katab kõik. Lisa polsterdust, vali ruudu-, ümarnurkne või ringikujuline mask ja taust ning laadi siis alla terve komplekt koos valmis HTML-katkega.
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.