Kuidas teha oma logost favicon?

Lohista PNG-, JPEG-, WebP- või SVG-fail, määra valikud nagu kuju, polster ja rakenduse nimi ning klõpsa nuppu Loo favicon-pakett (.zip). Kopeeri jaotises Kleebi oma head-i kuvatud HTML-lõik.

Mis faile favicon-ZIP sisaldab?

favicon-package.zip sisaldab faili favicon.ico, PNG-ikoone (16, 32, 180, 192 ja 512 pikslit), faili site.webmanifest sinu rakenduse nimega ja faili favicon-snippet.html koos link-siltidega.

Mis suuruse ja vorminguga pilti peaksin üles laadima?

Aktsepteeritakse PNG-d, JPEG-i, WebP-d ja SVG-d, ühe faili kaupa. Teravaima tulemuse jaoks kasuta vähemalt 512x512 ruudukujulist pilti; läbipaistev PNG või SVG töötab kõige paremini.

Kuidas saada ümmargune või ümardatud faviconi?

Pärast üleslaadimist vali jaotises Kuju Ruut, Ümardatud või Ring. Polstrit saad kohandada 0 kuni 25 protsenti ja tulemust eelvaadata brauseri vahekaardi eelvaates.

Kas mu pilt laaditakse üles ja miks genereerimine ebaõnnestub?

Ikoonid joonistatakse brauseri Canvasega ja pakitakse JSZip-iga sinu seadmes. Kui näed teadet Seda pilti ei saanud laadida, võib fail olla rikutud; proovi teist pilti või brauserit.

Kas see on tõesti tasuta?

Jah. Iga tööriist on tasuta kasutamiseks, ei nõua kontot ega krediitkaarti. Töö toimub sinu seadmes, mitte meie serverites, mis võimaldabki seda tasuta pakkuda.

Kas minu faile laaditakse üles?

Ei. Teie failid avatakse ja töödeldakse teie brauseris ning neid ei saadeta LibraToolile. Mõned tööriistad laadivad esmalt brauserisse töötlusmootori või tehisintellekti mudeli; see allalaadimine ei sisalda teie andmeid.

Kas see töötab mobiilseadmetes?

Jah. See töötab tänapäevastes mobiilibrauserites iOS-is ja Androidis ning midagi pole vaja installida. Väga suured failid võivad telefonis aeglased olla või mälu täis saada, seega kasutage nende jaoks arvutit.

🌟

Favikoni generaator tasuta

Muuda mis tahes pilt täielikuks favikonipakettiks: mitmemõõtmeline favicon.ico, Apple'i puuteikooni, Androidi/PWA ikoonid, veebimanifest ja otsekohe kleepitav HTML-lõik — kõik ZIP-itud, sinu brauseris.

Faili suurus sõltub sinu seadmestFailid jäävad privaatseksSisselogimist ei nõutaIgavesti tasuta

Lohistage fail siia või klõpsake sirvimiseks

PNG, JPG, WebP, SVG, HEIC, HEIF · töödeldakse sinu seadmes

või vajutage lõikelaualt kleepimiseks Ctrl+V

Sirvi faile

Sinu failid ei lahku kunagi sinu seadmest. Kogu töötlus toimub kohalikult sinu brauseris.

💡 Parima tulemuse saamiseks laadi üles ruudukujuline pilt vähemalt 512×512 pikselit. Läbipaistev PNG või SVG töötab kõige paremini.

Levinud kasutusviisid

Looge Veebisaidi FaviconLooge täielik favicon-ikoonide komplekt, mida iga brauser ja seade ootavad.
Looge PWA ja Manifesti IkoonidHanki 192px ja 512px ikoonid ning veebimanifest, mida PWA vajab.
Looge Apple Touch'i IkoonLooge 180×180 piksli ikoon, mida iOS kasutab, kui sait salvestatakse kodulehele.
Teisendage Logo Favicon-iksTeisendage oma kaubamärgi logo puhtaks, äratuntavaks favicon-iks.
Looge Favicon Mis Tahes RaamistikuleHangi favicon-failid, mis on valmis kasutamiseks React, Next.js, WordPress ja muud.

Kuidas see töötab

See tööriist teisendab mis tahes PNG, JPEG, WebP või SVG täielikuks favicon-paketiks — mitme suurusega .ico, Apple'i puuteikoon, Android/PWA ikoonid, veebimanifest ja kleepimisvalmis HTML-fragment — kõik sinu brauseri sees Canvas API ja JSZip abil. Midagi ei laadita üles; kogu renderdamine ja failikoostamine toimub kohapeal.

1
Canvas skaleerib su pildi ümber
Brauser joonistab su lähtepildi ekraaniväliste HTML Canvas elementide peale igas nõutud suuruses (16, 32, 48, 180, 192 ja 512 px). SVG-d ilma selgesõnaliste laius/kõrgus atribuutideta normaliseeritakse esmalt DOMParser ja XMLSerializer abil, nii et Firefox ja Chrome toodavad identse pikslitulemuse, mitte tühja lõuendi.
2
Käsitsi kirjutatud ICO kodeerija pakendab .ico faili
Väikesed ICO kirjed (16, 32, 48 px) kodeeritakse tooreste 32-bitiste BGRA DIB rastritena — BITMAPINFOHEADER pluss altpoolt-üles XOR read ja 1bpp AND mask — sest Windowsi shell-komponendid nõuavad nendes suurustes tihendamata DIB vormingut. Tööriist kirjutab ICO kataloogipäise ja liidab kirjed täielikult DataView ja Uint8Array abil, ilma välise ICO teegita.
3
PNG väljundid toodetakse canvas.toBlob abil
Iga PNG variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) jäädvustatakse kutsudes canvas.toBlob 'image/png'-iga, delegeerides kadudeta kodeerimise brauseri sisseehitatud pildimootorile. Valikuline täide, taustavärv ja kuju lõikamine (ruut, ümardatud või ring) rakendatakse lõuendi kontekstile enne jäädvustamist.
4
JSZip paketeerib kõik üheks allalaadimiseks
JSZip koostab kõik genereeritud failid — favicon.ico, viis PNG-d, site.webmanifest su rakenduse nimega ja favicon-snippet.html õigete <link> siltidega — üheks .zip blobiks, mis laadib automaatselt alla su seadmesse.

Sinu pilt laaditakse otse brauseri Canvas API-sse ja ei lahku kunagi su seadmest — ühtegi faili andmeid ei edastata kunagi ühelegi serverile.

Seotud tööriistad

🖼️

PNG ICO-favikoni konverter

Teisenda PNG, JPG, WebP või SVG pildid mitmemõõtmelisteks .ico favikonifailideks. Vali soovitud suurused (16, 32, 48, 64, 128, 256) ja laadi alla üks .ico.

Proovi järeleFailid jäävad kohalikuks

🎞️