Favicon-generator

Gjør enhver logo eller ethvert bilde om til et komplett faviconsett: en favicon.ico i flere størrelser, en apple-touch-icon, Android-/web-appikoner og en HTML-snutt klar til å limes inn. Velg en firkantet, avrundet eller sirkelformet form, legg til utfylling eller en bakgrunnsfarge, og last ned hele pakken som en ZIP. Alt genereres lokalt i nettleseren din — bildet ditt lastes aldri opp.

Personvern først: hvert bilde behandles lokalt i nettleseren din. Ingenting lastes opp, lagres eller sendes til noen server.

PixelVaults favicon-generator gjør ethvert bilde om til et komplett sett med nettsted- og appikoner uten å laste opp noe. De fleste «favicon-generator»-nettsteder ber deg sende logoen din til serverne deres før du får et eneste ikon tilbake. Her produseres hver eneste fil — favicon.ico-filen i flere oppløsninger, PNG-ikonene og manifestet — rett inne i nettleseren din, så merkevaregrafikken din forlater aldri enheten din.

Et moderne nettsted trenger mer enn ett ikon. Nettlesere leser en liten favicon.ico for adressefeltet og fanene, iOS vil ha en apple-touch-icon på 180×180 for hjemskjermen, og Android og PWA-er bruker PNG-er på 192 og 512px som refereres fra et web-manifest. PixelVault bygger alle sammen på én gang fra ett enkelt kildebilde og gir deg en HTML-snutt klar til å limes inn, så det tar sekunder å koble dem opp.

Du styrer hvordan ikonet ser ut. La det være en enkel firkant, rund av hjørnene, eller beskjær det til en sirkel; legg til utfylling så et ordmerke ikke presses helt ut mot kanten; og velg en gjennomsiktig eller heldekkende bakgrunn. En live forhåndsvisning viser resultatet i ekte faviconstørrelser — inkludert en etterlignet nettleserfane — så du vet nøyaktig hva de besøkende vil se før du laster ned.

Slik fungerer det

Når du legger til et bilde, dekoder nettleseren det inn i minnet, og PixelVault tegner det på nytt på firkantede lerreter i hver ikonstørrelse, med den formmasken, utfyllingen og bakgrunnen du har valgt. Hvert lerret kodes til PNG med nettleserens innebygde koder, og PNG-ene på 16, 32 og 48px pakkes inn i én enkelt favicon.ico (den bredt støttede PNG-i-ICO-beholderen). SVG-logoer rasteriseres først lokalt i høy oppløsning, så ikonene forblir skarpe.

Hvorfor lokal behandling er viktig

Å generere ikoner lokalt betyr at logoen din — ofte merkevare som ennå ikke er lansert — aldri overføres, lagres eller logges av en tredjepartstjeneste. Det er også umiddelbart: det er ingen opplasting, ingen kø og ingen nedlasting frem og tilbake, og det fortsetter å fungere frakoblet når siden først er lastet inn. Det du laster ned, er nøyaktig det nettleseren din produserte, uten at noe er lagt til.

Støttede formater

  • ICO — Favicon.ico i flere oppløsninger (16/32/48px) for faner og adressefeltet.
  • PNG — Apple-touch-icon (180px) og Android-/PWA-ikoner (192 og 512px).
  • SVG — Kun inndata — vektorlogoer rasteriseres lokalt for de skarpeste ikonene.
  • JPG / WebP — Godtas som kildebilder ved siden av PNG.

Vanlige bruksområder

  • Lag en favicon.ico og appikoner for et nytt nettsted eller en landingsside.
  • Konverter en PNG- eller SVG-logo til en ordentlig ICO-fil i flere størrelser.
  • Generer en apple-touch-icon og web-manifestikoner for en PWA.
  • Frisk opp faviconsettet til en merkevare uten å overlevere logoen til en nettjeneste.

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.