Favicon'i generaator

Tee mis tahes logost või pildist täielik favicon'i komplekt: mitme suurusega favicon.ico, apple-touch-icon, Androidi ja veebirakenduse ikoonid ning valmis HTML-katke, mille saad kohe kleepida. Vali ruudukujuline, ümar või ringikujuline kuju, lisa polsterdust või taustavärv ja laadi kogu pakett alla ZIP-failina. Kõik luuakse kohalikult sinu brauseris — sinu pilti ei laadita kunagi üles.

Privaatsus on esikohal: iga pilt töödeldakse kohalikult sinu brauseris. Midagi ei laadita üles, ei salvestata ega edastata ühtegi serverisse.

PixelVaulti favicon'i generaator teeb mis tahes pildist täieliku veebisaidi- ja rakenduseikoonide komplekti ilma midagi üles laadimata. Enamik „favicon'i generaatori" saite palub sul saata oma logo nende serveritesse, enne kui saad tagasi ainsagi ikooni. Siin luuakse iga fail — mitme resolutsiooniga favicon.ico, PNG-ikoonid ja manifest — otse sinu brauseris, nii et sinu brändigraafika ei lahku kunagi seadmest.

Kaasaegne sait vajab rohkem kui üht ikooni. Brauserid loevad aadressiriba ja kaartide jaoks väikest favicon.ico faili, iOS soovib avaekraanile 180×180 apple-touch-icon'i ning Android ja PWA-d kasutavad veebimanifestist viidatud 192 ja 512px PNG-sid. PixelVault ehitab need kõik korraga ühest lähtepildist ja annab sulle valmis HTML-katke, mille kleepimine võtab sekundeid.

Sina otsustad, kuidas ikoon välja näeb. Jäta see lihtsaks ruuduks, ümarda nurgad või kärbi ringiks; lisa polsterdust, et sõnamärk poleks vastu serva surutud; ja vali läbipaistev või ühtlane taust. Reaalajas eelvaade näitab tulemust päris favicon'i suurustes — sealhulgas näidisbrauserikaardil — nii et tead täpselt, mida külastajad näevad, juba enne allalaadimist.

Kuidas see töötab

Kui lisad pildi, dekodeerib brauser selle mällu ja PixelVault joonistab selle ümber ruudukujulistele lõuenditele iga ikoonisuuruse jaoks, rakendades sinu valitud kujumaski, polsterduse ja tausta. Iga lõuend kodeeritakse PNG-ks brauseri sisseehitatud kodeerijaga ning 16, 32 ja 48px PNG-d pakitakse üheksainsaks favicon.ico failiks (laialt toetatud PNG-in-ICO konteineriks). SVG-logod rasterdatakse esmalt kohalikult kõrges resolutsioonis, nii et ikoonid jäävad teravaks.

Miks kohalik töötlemine on oluline

Ikoonide kohalik loomine tähendab, et sinu logo — sageli veel avaldamata brändigraafika — ei edastata, salvestata ega logita kunagi kolmanda osapoole teenuses. Samuti on see kohene: pole üleslaadimist, järjekorda ega allalaadimise edasi-tagasi käiku, ja see töötab edasi ka võrguühenduseta, kui leht on korra laaditud. See, mille alla laadid, on täpselt see, mille sinu brauser tootis, ilma midagi lisamata.

Toetatud vormingud

  • ICO — Mitme resolutsiooniga favicon.ico (16/32/48px) kaartide ja aadressiriba jaoks.
  • PNG — Apple-touch-icon (180px) ning Androidi/PWA ikoonid (192 ja 512px).
  • SVG — Ainult sisendina — vektorlogod rasterdatakse kohalikult kõige teravamate ikoonide saamiseks.
  • JPG / WebP — Aktsepteeritakse lähtepiltidena PNG kõrval.

Levinud kasutusjuhud

  • Loo favicon.ico ja rakenduseikoonid uuele veebisaidile või maandumislehele.
  • Teisenda PNG- või SVG-logo korralikuks mitme suurusega ICO-failiks.
  • Loo PWA jaoks apple-touch-icon ja veebimanifesti ikoonid.
  • Värskenda brändi favicon'i komplekti ilma logo veebiteenusele andmata.

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.