Konverter et bilde til et favicon
Gjør et foto eller en logo om til et komplett favicon-sett — favicon.ico, apple-touch-icon og webapp-PNG-er — rett i nettleseren din, uten at noe lastes opp.
Personvern først: hvert bilde behandles lokalt i nettleseren din. Ingenting lastes opp, lagres eller sendes til noen server.
Fra ett enkelt bilde til et komplett sett
Slipp inn hvilket som helst bilde og få tilbake hvert ikon et nettsted trenger: et favicon.ico med flere størrelser for faner, et 180 px apple-touch-icon for iOS, PNG-er på 192 og 512 px for Android og PWA-er, et webmanifest, og HTML-en som kobler det hele sammen. Ikke-kvadratiske bilder beskjæres fra midten så de passer, og kontrollene for form, marg og bakgrunn lar deg ramme inn resultatet.
Privat av design
Favicon-nettsteder laster vanligvis opp grafikken din før de gir deg noe tilbake. Her genereres hele settet på enheten din med Canvas API, så logoen din blir aldri overført, lagret eller logget. Det er umiddelbart, fungerer frakoblet når siden er lastet inn, og det du laster ned er nøyaktig det nettleseren din produserte.
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.