Besplatan Generator favikona

Kako radi

Ovaj alat pretvara bilo koji PNG, JPEG, WebP, ili SVG u kompletan paket favicon-a — viševeličinski .ico, Apple touch ikonu, Android/PWA ikone, web manifest, i spreman-za-lijepljenje HTML isječak — u potpunosti unutar vašeg preglednika koristeći Canvas API i JSZip. Ništa se ne šalje; sve iscrtavanje i sastavljanje datoteka se odvija lokalno.

1. 1
   Canvas mijenja veličinu vaše slike

   Preglednik crta vaš izvorni sliku na skrivene HTML Canvas elemente u svakoj potrebnoj veličini (16, 32, 48, 180, 192, i 512 px). SVG-ovi bez eksplicitnih atributa širine/visine se prvo normalizuju putem DOMParser i XMLSerializer tako da Firefox i Chrome proizvode identičan piksel izlaz umjesto praznog platna.
2. 2
   Ručno napisan ICO enkoder pakuje .ico datoteku

   Male ICO stavke (16, 32, 48 px) se kodiraju kao sirove 32-bitne BGRA DIB bitmape — BITMAPINFOHEADER plus redovi XOR odozdo-prema-gore i 1bpp AND maska — jer Windows shell komponente zahtijevaju nekomprimirani DIB format u tim veličinama. Alat piše ICO zaglavlje direktorija i spaja stavke u potpunosti pomoću DataView i Uint8Array, bez uključene vanjske ICO biblioteke.
3. 3
   PNG izlazi se proizvode putem canvas.toBlob

   Svaka PNG varijanta (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) se hvata pozivanjem canvas.toBlob sa 'image/png', delegirajući bezgubitno kodiranje ugrađenom mehanizmu za slike preglednika. Opciono popunjavanje, boja pozadine, i obrezivanje oblika (kvadrat, zaobljeno, ili krug) se primjenjuju na kontekst canvas-a prije hvatanja.
4. 4
   JSZip pakuje sve u jedno preuzimanje

   JSZip sastavlja sve generisane datoteke — favicon.ico, pet PNG-ova, site.webmanifest sa nazivom vaše aplikacije, i favicon-snippet.html sa ispravnim <link> oznakama — u jedan .zip blob koji se automatski preuzima na vaš uređaj.

Povezani alati