PNG–ICO-faviconmuunnin ilmaiseksi
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.
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
Vinkki: voit liittää kuvakaappauksen näppäimillä Ctrl+V
Tiedostosi eivät koskaan poistu laitteeltasi. Kaikki käsittely tapahtuu paikallisesti selaimessasi.
Yleiset käyttötavat
- Luo Verkkosivuston Favicon PNG:stäMuunna logosi PNG moninkertaiseksi favicon.ico-tiedostoksi verkkosivustoasi kohti.
- Luo Windows-työpöydän KuvakeMuunna PNG- tai JPG-kuvat .ico-tiedostoiksi Windows-työpöydän pikakuvakkeille ja sovellusikoneille.
- Moninkertainen Kuvake Eri AlustoilleNiputa useita kuvakkeiden kokoja (16, 32, 48, 64, 128, 256) yhdeksi .ico-tiedostoksi, joka toimii kaikkialla.
- PWA-kuvakkeen LähdetiedostoLuo perus .ico PWA-logopostasi varainta tukemiseksi vanhemmissa selaimissa, jotka eivät käytä manifestia.
- Muunna Tuotemerkin Logo ICO-muotoonMuunna yrityksesi tai tuotemerkkisi logo PNG:stä, JPG:stä tai SVG:stä korkealaatuiseksi .ico-tiedostoksi digitaalisiin kosketuspisteisiin.
Miten se toimii
Muunnos tapahtuu kokonaan selaimessasi kahdella tähän työkaluun suoraan kirjoitetulla mekanismilla: Canvas-rajapinnalla jokaisen kuvakekehyksen skaalaamiseen ja piirtämiseen, ja käsin kirjoitetulla ICO-binäärikoodaimella, joka pakkaa nuo kehykset yhdeksi .ico-tiedostoksi — mitään kirjastoa ei ladata, eikä tiedosto koskaan poistu laitteeltasi.
- 1Kuva puretaan kanvaaseenLadattu PNG-, JPEG-, WebP- tai SVG-tiedostosi ladataan HTMLImageElement-olioon ja piirretään näytön ulkopuoliseen kanvaaseen jokaisessa vaaditussa koossa (16×16 – 256×256). Kanvas käyttää korkealaatuista bikuubista pehmennystä ja kunnioittaa sovitusvalintaasi: 'sisällytä' laatikoi kuvan läpinäkyvällä tai värillisellä täytteellä, kun taas 'peitä' rajaa keskitetyn neliön lähteestä.
- 2Jokainen kehys viety PNG-tavuinaSelaimen sisäänrakennettu canvas.toBlob('image/png') koodaa jokaisen skaalatun kehyksen häviöttömäksi PNG:ksi. Nämä raakatavut upotetaan .ico-säiliöön — nykyaikaiset selaimet ja Windows käsittelevät PNG:n ICO:ssa natiivisti, mikä pitää tiedostokoot pienempinä kuin vanhempi BMP-pohjainen muoto.
- 3ICO-binaari koottu muistissaKäsin kirjoitettu koodain rakentaa .ico-tiedostorakenteen alusta asti DataView-oliolla: 6-tavuinen ICONDIR-otsikko ilmoittaa kuvien määrän, jota seuraa 16-tavuinen hakemistomerkintä jokaiselle koolle (tallentaen leveyden, korkeuden, bittisyvyyden, tavupituuden ja datan siirtymän), ja sitten kaikki PNG-hyötykuormat peräkkäin yhdistettynä. Kolmannen osapuolen kirjastoa ei käytetä.
- 4Esikatselu näytetty, tiedosto ladattuEnnen latauksen tarjoamista käyttöliittymä piirtää pikselitarkan esikatselun jokaisesta pakatusta koosta ruutukuviotaustaa vasten, jotta voit tarkistaa läpinäkyvyyden ennen tallennusta. Koottu Blob annetaan selaimen latausmekanismille nimellä 'favicon.ico'.
Kuvasi käsitellään kokonaan selaimessasi — sitä ei koskaan ladata millekään palvelimelle, eikä kopiota säilytetä sen jälkeen, kun suljet välilehden.
Liittyvät työkalut
Favicon-generaattori
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.
Allekirjoituksen tekijä
Piirrä allekirjoitus hiirellä, sormella tai kynällä, tai kirjoita nimesi käsialafontilla, ja vie se sitten läpinäkyvänä PNG- tai SVG-tiedostona.
Kuvanpakkausohjelma
Pakkaa JPG, PNG, WebP ja AVIF-kuvia. Katso ennen/jälkeen-vertailu.