Konverter JPG til ICO
Gjør en JPG om til et skikkelig favicon.ico med flere oppløsninger — pluss resten av et moderne ikonsett — helt i nettleseren din. Ingenting lastes opp.
Personvern først: hvert bilde behandles lokalt i nettleseren din. Ingenting lastes opp, lagres eller sendes til noen server.
Fra et fotoformat som JPEG til et ikonformat
JPG er laget for fotografier og har ingen gjennomsiktighet; ICO er en beholder som rommer flere små kvadratiske bitmap-bilder samtidig. Å konvertere mellom dem er ikke en omdøping — bildet må gjengis på nytt i 16, 32 og 48 piksler og pakkes inn i én fil. Dette verktøyet gjør nøyaktig det, og skriver et ekte favicon.ico med flere oppløsninger, så nettlesere kan velge den størrelsen de trenger til fanen, bokmerkelinjen eller en snarvei på skrivebordet.
Beskjær bildet ned til noe leselig
En JPEG er som regel et foto, og foto overlever sjelden å bli krympet til 16 piksler. Bruk kontrollene for marg og form til å trekke motivet inn, legg til en ensfarget bakgrunn så kantene holder seg rene, og følg med på den live forhåndsvisningen og den simulerte nettleserfanen for å se om det fortsatt leses i fanestørrelse. Hele settet — favicon.ico, apple-touch-icon, PWA-ikoner og en HTML-kodesnutt — lastes ned som en zip.
Ofte stilte spørsmål
- Blir bildet mitt lastet opp for å lage faviconet?
- Nei. Både favicon.ico-filen, PNG-ikonene og manifestet genereres lokalt i nettleseren din ved hjelp av Canvas API. Bildet ditt forlater aldri enheten din.
- Hvilke størrelser og filer får jeg?
- En favicon.ico i flere oppløsninger (16, 32 og 48px), PNG-ikoner på 16, 32, 48, 180 (apple-touch-icon), 192 og 512px, en site.webmanifest og en HTML-snutt du kan lime inn i <head>.
- Kan jeg konvertere en PNG eller SVG til en ICO?
- Ja. Slipp inn en PNG, JPG, SVG eller WebP, og last ned en ekte favicon.ico. SVG-logoer rasteriseres først lokalt i høy oppløsning.
- Hvilket bilde fungerer best?
- Et firkantet bilde med en enkel logo med høy kontrast. Bilder som ikke er firkantede, beskjæres fra midten for å passe; bruk kontrollene for utfylling og form til å ramme det inn slik du vil.
- Hvordan installerer jeg faviconet?
- Pakk ut pakken i rotmappen på nettstedet ditt, og lim den medfølgende HTML-snutten inn i <head> på sidene dine. Favicon.ico-filen plukkes opp automatisk av de fleste nettlesere.