Favicon-generator

Lav ethvert logo eller billede om til et komplet faviconsæt: en favicon.ico i flere størrelser, et apple-touch-icon, Android-/web-app-ikoner og et HTML-uddrag, der er klar til at indsætte. Vælg en firkantet, afrundet eller cirkulær form, tilføj margen eller en baggrundsfarve, og download hele pakken som en ZIP. Alt genereres lokalt i din browser — dit billede uploades aldrig.

Privatliv først: hvert billede behandles lokalt i din browser. Intet uploades, gemmes eller sendes til nogen server.

PixelVaults favicon-generator laver ethvert billede om til et komplet sæt websteds- og app-ikoner uden at uploade noget. De fleste „favicon generator“-sider beder dig sende dit logo til deres servere, før du får så meget som ét ikon retur. Her produceres hver eneste fil — favicon.ico-filen i flere opløsninger, PNG-ikonerne og manifestet — direkte inde i din browser, så dit brandmateriale aldrig forlader din enhed.

Et moderne websted har brug for mere end ét ikon. Browsere læser en lille favicon.ico til adresselinjen og fanerne, iOS vil have et 180×180 apple-touch-icon til hjemmeskærmen, og Android og PWA'er bruger 192- og 512px-PNG'er, der refereres fra et webmanifest. PixelVault bygger dem alle på én gang ud fra ét enkelt kildebillede og giver dig et HTML-uddrag, der er klar til at indsætte, så det tager sekunder at koble dem sammen.

Du bestemmer, hvordan ikonet ser ud. Behold det som en almindelig firkant, afrund hjørnerne, eller beskær det til en cirkel; tilføj margen, så et ordmærke ikke mases op mod kanten; og vælg en gennemsigtig eller ensfarvet baggrund. En live forhåndsvisning viser resultatet i rigtige faviconstørrelser — inklusive en efterlignet browserfane — så du ved præcis, hvad besøgende kommer til at se, før du downloader.

Sådan fungerer det

Når du tilføjer et billede, afkoder browseren det til hukommelsen, og PixelVault gentegner det på kvadratiske canvasser i hver ikonstørrelse med den formmaske, margen og baggrund, du har valgt. Hvert canvas kodes til PNG med browserens indbyggede koder, og 16-, 32- og 48px-PNG'erne pakkes ind i en enkelt favicon.ico (den bredt understøttede PNG-i-ICO-container). SVG-logoer rasteriseres først lokalt i høj opløsning, så ikonerne forbliver skarpe.

Hvorfor lokal behandling betyder noget

At generere ikoner lokalt betyder, at dit logo — ofte ikke-frigivet branding — aldrig sendes, gemmes eller logges af en tredjepartstjeneste. Det er også øjeblikkeligt: der er ingen upload, ingen kø og ingen download-frem-og-tilbage, og det bliver ved med at fungere offline, når siden er indlæst. Det, du downloader, er præcis det, din browser producerede, uden at noget er lagt til.

Understøttede formater

  • ICO — Favicon.ico i flere opløsninger (16/32/48px) til faner og adresselinjen.
  • PNG — Apple-touch-icon (180px) og Android-/PWA-ikoner (192 og 512px).
  • SVG — Kun som input — vektorlogoer rasteriseres lokalt for de skarpeste ikoner.
  • JPG / WebP — Accepteres som kildebilleder på linje med PNG.

Almindelige anvendelser

  • Opret en favicon.ico og app-ikoner til et nyt websted eller en landingsside.
  • Konvertér et PNG- eller SVG-logo til en rigtig ICO-fil i flere størrelser.
  • Generér et apple-touch-icon og webmanifest-ikoner til en PWA.
  • Forny et brands faviconsæt uden at aflevere logoet til en onlinetjeneste.

Ofte stillede spørgsmål

Bliver mit billede uploadet for at lave faviconet?
Nej. Favicon.ico-filen, PNG-ikonerne og manifestet genereres alt sammen lokalt i din browser ved hjælp af Canvas API. Dit billede forlader aldrig din enhed.
Hvilke størrelser og filer får jeg?
En favicon.ico i flere opløsninger (16, 32 og 48px), PNG-ikoner i 16, 32, 48, 180 (apple-touch-icon), 192 og 512px, en site.webmanifest og et HTML-uddrag til at indsætte i din <head>.
Kan jeg konvertere en PNG eller SVG til en ICO?
Ja. Tilføj en PNG, JPG, SVG eller WebP, og download en rigtig favicon.ico. SVG-logoer rasteriseres først lokalt i høj opløsning.
Hvilket billede fungerer bedst?
Et kvadratisk billede med et enkelt logo i høj kontrast. Ikke-kvadratiske billeder beskæres fra midten, så de passer; brug margen- og formindstillingerne til at indramme det, som du vil have det.
Hvordan installerer jeg faviconet?
Pak pakken ud i dit websteds rodmappe, og indsæt det medfølgende HTML-uddrag i <head> på dine sider. Favicon.ico-filen opfanges automatisk af de fleste browsere.