Miten teen faviconin logostani?

Pudota PNG-, JPEG-, WebP- tai SVG-tiedosto, aseta asetuksia kuten Muoto, Täyte ja Sovelluksen nimi ja napsauta Luo favicon-paketti (.zip). Kopioi HTML-katkelma, joka näkyy kohdassa Liitä head-osioon.

Mitä tiedostoja favicon-ZIPissä on?

favicon-package.zip sisältää favicon.ico-tiedoston, PNG-kuvakkeet (16, 32, 180, 192 ja 512 pikseliä), site.webmanifest-tiedoston sovelluksesi nimellä sekä favicon-snippet.html-tiedoston link-tunnisteineen.

Minkä kokoisen ja -muotoisen kuvan minun pitäisi ladata?

PNG, JPEG, WebP ja SVG hyväksytään, yksi tiedosto kerrallaan. Terävimpään tulokseen käytä neliönmuotoista vähintään 512x512-kuvaa; läpinäkyvä PNG tai SVG toimii parhaiten.

Miten saan pyöreän tai pyöristetyn faviconin?

Valitse latauksen jälkeen Neliö, Pyöristetty tai Ympyrä kohdassa Muoto. Voit myös säätää Täytettä 0–25 prosenttia ja katsoa tulosta Selaimen välilehti -esikatselussa.

Lähetetäänkö kuvani palvelimelle, ja miksi luonti epäonnistuu?

Kuvakkeet piirretään selaimen Canvasilla ja pakataan JSZipillä laitteellasi. Jos näet viestin Tätä kuvaa ei voitu ladata, tiedosto voi olla vioittunut; kokeile toista kuvaa tai selainta.

Onko se todella ilmainen?

Kyllä. Jokainen työkalu on ilmainen, eikä vaadi tiliä tai luottokorttia. Työ tehdään laitteellasi palvelimiemme sijaan, minkä ansiosta se pysyy maksuttomana.

Ladataanko tiedostoni palvelimelle?

Ei. Tiedostosi avataan ja käsitellään selaimessasi, eikä niitä lähetetä LibraToolille. Jotkin työkalut lataavat ensin selaimeesi käsittelymoottorin tai tekoälymallin; tämä lataus ei sisällä mitään tietojasi.

Toimiiko se mobiililla?

Kyllä. Se toimii nykyaikaisissa mobiiliselaimissa iOS:llä ja Androidilla, eikä mitään tarvitse asentaa. Hyvin suuret tiedostot voivat olla puhelimessa hitaita tai muisti voi loppua, joten käytä niihin tietokonetta.

🌟

Favicon-generaattori ilmaiseksi

Muunna mikä tahansa kuva täydelliseksi favicon-paketiksi: moniskokoinen favicon.ico, Apple touch icon, Android/PWA-kuvakkeet, verkkojuliste ja valmis liitettävä HTML-koodinpätkä — kaikki pakattuna, selaimessasi.

Tiedostokoko riippuu laitteestasiTiedostot pysyvät yksityisinäEi kirjautumista tarvitaIlmainen ikuisesti

Pudota tiedosto tähän tai valitse napsauttamalla

PNG, JPG, WebP, SVG, HEIC, HEIF · käsitellään laitteellasi

tai liitä leikepöydältä painamalla Ctrl+V

Selaa tiedostoja

Tiedostosi eivät koskaan poistu laitteeltasi. Kaikki käsittely tapahtuu paikallisesti selaimessasi.

💡 Terävimmän tuloksen saavuttamiseksi lataa neliönmuotoinen kuva, jonka koko on vähintään 512×512. Läpinäkyvä PNG tai SVG toimii parhaiten.

Yleiset käyttötavat

Luo Verkkosivuston FaviconLuo täydellinen favicon-sarja, jonka jokainen selain ja laite odottaa.
Luo PWA- ja Manifest-kuvakkeetHanki 192px- ja 512px-kuvakkeet sekä web-manifest, jota PWA tarvitsee.
Luo Apple Touch -kuvakeLuo 180×180-kuvake, jota iOS käyttää sivuston tallentamiseen aloitusnäyttöön.
Muuta Logo FavikoniksiMuunna tuotemerkki logosi puhtaaksi, tunnistavaksi favikoniksi.
Luo Favikonit Mille tahansa Framework-sovellustenHanki valmiita favicon-tiedostoja React, Next.js, WordPress ja muille.

Miten se toimii

Tämä työkalu muuntaa minkä tahansa PNG-, JPEG-, WebP- tai SVG-tiedoston täydelliseksi favicon-paketiksi — moni-kokoinen .ico, Apple-kosketuskuvake, Android/PWA-kuvakkeet, verkkomanifesti ja valmis liitettävä HTML-katkelma — kokonaan selaimessasi Canvas-rajapinnalla ja JSZip-kirjastolla. Mitään ei ladata palvelimelle; kaikki piirto ja tiedostokoonti tapahtuu paikallisesti.

1
Canvas skaalaa kuvasi uudelleen
Selain piirtää lähdekuvasi näytön ulkopuolisiin HTML Canvas -elementteihin jokaisessa vaaditussa koossa (16, 32, 48, 180, 192 ja 512 px). SVG:t, joilla ei ole eksplisiittisiä width/height-attribuutteja, normalisoidaan ensin DOMParser- ja XMLSerializer-rajapinnoilla, jotta Firefox ja Chrome tuottavat identtisen pikselitulosteen tyhjän kanvaan sijaan.
2
Käsin kirjoitettu ICO-koodain pakkaa .ico-tiedoston
Pienet ICO-merkinnät (16, 32, 48 px) koodataan raakoina 32-bittisinä BGRA DIB-bittikarttoina — BITMAPINFOHEADER plus alhaalta-ylös XOR-rivit ja 1bpp AND-maski — koska Windowsin shell-komponentit vaativat pakkaamattoman DIB-muodon näissä koossa. Työkalu kirjoittaa ICO-hakemisto-otsikon ja yhdistää merkinnät kokonaan DataView- ja Uint8Array-oliolla, ilman ulkoista ICO-kirjastoa.
3
PNG-tulosteet tuotetaan canvas.toBlob-toiminnolla
Jokainen PNG-variantti (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) kaapataan kutsumalla canvas.toBlob 'image/png'-tyypillä, delegoiden häviöttömän koodauksen selaimen sisäänrakennetulle kuvamoottorille. Valinnainen täyte, taustaväri ja muodon rajaus (neliö, pyöristetty tai ympyrä) sovelletaan kanvaksen kontekstiin ennen kaappausta.
4
JSZip niputtaa kaiken yhdeksi lataukseksi
JSZip kokoaa kaikki luodut tiedostot — favicon.ico, viisi PNG-tiedostoa, site.webmanifest sovelluksesi nimellä ja favicon-snippet.html oikeilla <link>-tageilla — yhdeksi .zip-blobiksi, joka latautuu automaattisesti laitteellesi.

Kuvasi ladataan suoraan selaimen Canvas-rajapintaan eikä se koskaan poistu laitteeltasi — mitään tiedostodataa ei lähetetä millekään palvelimelle missään vaiheessa.

Liittyvät työkalut

🖼️

PNG–ICO-faviconmuunnin

Muunna PNG-, JPG-, WebP- tai SVG-kuvat monikokoisiksi .ico-favicontiedostoiksi. Valitse haluamasi koot paketissa (16, 32, 48, 64, 128, 256) ja lataa yksi .ico-tiedosto.

Kokeile sitäTiedostot pysyvät paikallisina

🎞️