Joan eduki nagusira
LibraTool logoLibraTool

Favicon Sortzailea doan

Bihurtu edozein irudi favicon pakete oso batean: tamaina anitzeko favicon.ico, Apple ukitu ikonoa, Android/PWA ikonoak, web-manifestoa eta HTML zati itsatsi-prest β€” guztiak zipeatuta, zure nabigatzailean.

Jaregin fitxategi bat hemen edo egin klik arakatzeko

PNG, JPG, WebP, SVG, HEIC, HEIF Β· zure gailuan prozesatua

edo sakatu Ctrl+V arbeletik itsasteko

Arakatu fitxategiak

Zure fitxategiak ez dira inoiz zure gailutik irteten. Prozesamendu guztia zure arakatzailean gertatzen da lokalean.

πŸ’‘ Emaitzarik zorrotzena izateko, kargatu gutxienez 512Γ—512 irudi karratu bat. PNG garden edo SVG da onena.

Ohiko erabilerak

  • Sortu Favicon WebguneentzatSortu favicon osoa ezartzen duen galtoki eta gailu bakoitzak.
  • Sortu PWA eta Manifest-IkonakLortu 192px eta 512px ikonak eta PWAk behar duen web-manifestua.
  • Sortu Apple Touch-IkonaSortu 180x180 ikona iOS-ak erabiltzen duen gunea etxearen pantailara gordetzean.
  • Bihurtu Logoa Favicon-eanBihurtu zure markaren logoa favicon garbian eta erraz ezagugarrian.
  • Sortu Favicons Edozein MarkorentzatLortu favicon-fitxategiak React, Next.js, WordPress, eta gehiagorentzat.

Nola Funtzionatzen Du

Tresna honek edozein PNG, JPEG, WebP, edo SVG favicon pakete oso batera bihurtzen du β€” tamaina anitzeko .ico, Apple touch icon, Android/PWA ikonoak, web manifestu bat, eta itsatsi-prest dagoen HTML zati bat β€” erabat zure nabigatzailean Canvas API eta JSZip erabiliz. Ezer ez da igotzen; errendatze eta fitxategi-muntaia guztia lokalki gertatzen da.

  1. 1
    Canvas-ek zure irudia birrezkalatzen du
    Nabigatzaileak zure jatorrizko irudia pantailatik kanpoko HTML Canvas elementuetan marrazten du behar den tamaina bakoitzean (16, 32, 48, 180, 192, eta 512 px). Zabalera/altuera atributu esplizitorik gabeko SVGak lehenik normalizatzen dira DOMParser eta XMLSerializer bidez, beraz Firefoxek eta Chromek pixel-irteera identikoa sortzen dute oihal huts baten ordez.
  2. 2
    .ico fitxategia paketatzen duen eskuz idatzitako ICO kodetzailea
    ICO sarrera txikiak (16, 32, 48 px) 32 biteko BGRA DIB bitmap gordin gisa kodetzen dira β€” BITMAPINFOHEADER gehi behetik gorako XOR errenkadak eta 1bpp AND maskara bat β€” Windows shell osagaiek tamaina horietan DIB formatu deskonprimitua behar dutelako. Tresnak ICO direktorio-goiburua idazten du eta sarrerak kateatzen ditu erabat DataView eta Uint8Array-ekin, kanpo ICO liburutegirik tartean sartu gabe.
  3. 3
    PNG irteerak canvas.toBlob bidez sortzen dira
    PNG aldaera bakoitza (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) canvas.toBlob deituz harrapatzen da 'image/png'-rekin, kodeketa galerarik gabea nabigatzailearen barneko irudi-motorrari eskuordetuz. Aukerako betegarria, atzeko planoaren kolorea, eta forma-mozketa (karratua, biribildua, edo zirkulua) oihal-testuinguruari aplikatzen zaizkio harrapatu aurretik.
  4. 4
    JSZip-ek dena deskarga bakar batean pakotetzen du
    JSZip-ek sortutako fitxategi guztiak muntatzen ditu β€” favicon.ico, bost PNGak, zure app-izenarekin site.webmanifest bat, eta <link> etiketa zuzenekin favicon-snippet.html bat β€” .zip blob bakar batean, zure gailura automatikoki deskargatzen dena.

Zure irudia zuzenean nabigatzailearen Canvas APIan kargatzen da eta inoiz ez da zure gailutik ateratzen β€” fitxategi-daturik ez da inoiz zerbitzari batera transmititzen.

Erlazionatutako tresnak

Maiz egiten diren galderak