Favicon-generator - Opret alle Favicon-størrelser ud fra billedet

Upload et hvilket som helst billede og få straks det komplette favicon-sæt: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) plus site.webmanifest, pakket som en zip-pakke.

Drop dit logo for at generere alle favicon-størrelser

Indeholder site.webmanifest + HTML-uddrag

Om Favicon Generator

Renderer dit billede til de seks favicon-størrelser, som browsere faktisk bruger i dag (springer den gamle .ico sti over, som få sider stadig har brug for), plus et klar webapp-manifest. Det kører udelukkende i din browser — ingen upload, ingen ventetid.

Fortsæt med at forbedre dine billeder

Tag din fotoredigering til det næste niveau med disse populære værktøjer

📝

Tilføj tekst til billede

Føj billedtekster og titler til dit forbedrede billede

🖼️

Tilføj fotokant

Indram din effekt med smukke kanter

🗜️

Komprimer billede

Optimer dit forbedrede billede til deling

📐

Tilpas størrelse på billede

Skift billeddimensioner

Udforsk alle fotoværktøjer

Frequently Asked Questions

For moderne browsere og enheder har du brug for seks størrelser: 16×16 og 32×32 til browserfaner, 48×48 til Windows-ikoner, 180×180 til Apple touch-ikon (iOS-startskærm) og 192×192 + 512×512 til Android-startskærme og PWA-installationsprompts. Vores generator producerer alle seks plus en site.webmanifest ud fra et enkelt kildebillede.

usage

De fleste moderne browsere foretrækker PNG-linktags (rel="ikon" type="billede/png"), så en ICO-fil er ikke længere nødvendig. Vi springer den gamle ICO over og leverer PNG-favicons, der er korrekt dimensioneret til alle moderne mål. Hvis du skal understøtte Internet Explorer eller meget gammel Chrome, kan du konvertere en af PNG'erne til ICO separat.

technical

Et webapp-manifest er en JSON-fil, der fortæller Android, Chrome og Edge, hvordan dit site skal se ud, når det installeres som en progressiv webapp — ikon, navn, temafarve og visningstilstand. Vores generator inkluderer et startmanifest, der peger på Android Chrome-ikonerne; Du behøver kun at redigere navnet og theme_color.

features

En kvadratisk (1:1) PNG på 512×512 eller større giver det reneste output ved hver størrelse. Undgå fine detaljer, der forsvinder ved 16×16 — favicons fungerer bedst med en enkelt markant form og høj kontrast. Gennemsigtige PNG'er virker; værktøjet letterboxer dem, så ikonet sidder centreret i alle størrelser.

tips

Ja — dit kildebillede ændres i størrelse via Canvas API og pakkes lokalt som en ZIP. Intet bliver uploadet. Dette gør det sikkert at generere ikoner for uudgivne produkter og præ-lancering brandidentiteter.

privacy

Pak downloadet ud i din sides /public- (eller webrod-) mappe, og tilføj derefter det medfølgende HTML-uddrag til dit <hoved>: link-tags til PNG-ikonerne plus et link til site.webmanifest. Hårdopfrisk dit site (Cmd+Shift+R) — browsere cacher favicons aggressivt, så du kan være nødt til at rydde cachen for at det nye ikon kan dukke op.

usage

Ja — 192×192 og 512×512 PNG'erne er præcis det, Chrome og Edge leder efter for at kvalificere en side som en installerbar PWA. Sammen med manifestet opfylder de fyrtårns PWA's installationstest.

technical

Ja. Ingen vandmærker, ingen tilmelding, ingen forbrugsgrænse — og ZIP'en er din for evigt. Vi tilføjede dette værktøj, fordi alle udviklere på et tidspunkt har brug for et favicon-sæt, og de eksisterende generatorer var enten fyldt med reklamer eller fik dig til at betale for højopløsningsoutput.

pricing

Use Cases

Indie-hacker lanceres

Solo-grundlæggere, der lancerer deres MVP, har brug for en poleret favicon før lanceringen. Generer alle størrelser ud fra dit enkelt logobillede og manifestet med ét klik — ingen Figma, intet designabonnement nødvendigt.

development

Bureauklientopsætning

Når man leverer en ny kundeside, er favicon-sættet sjældent budgetteret, men forventes altid. Generer ZIP'en i slutningen af projektet, læg den i /public, og sæt kryds ved leverancen.

agency

PWA-installationsmuligheder

For at bestå Chrome-installationskontrollen skal dit manifest have 192×192 og 512×512 ikoner. Vores output opfylder det krav fra starten, plus de matchende HTML-head-tags.

development

Multi-brand arbejdsområder

Bureauer og konsulenter, der jonglerer med flere kundebrands, kan genskabe faviconen sat på 10 sekunder, hver gang en brandopdatering sendes — der er ikke behov for at opretholde en Photoshop-handling.

agency

Open source projektbranding

GitHub Pages, Vercel, Netlify og Cloudflare Pages-sider har alle brug for favicons for at se polerede ud i browserfanerne. Læg de genererede filer i dit repo, og dit projekt ser ud til at være leveret.

opensource

Rebranding Refresh

Når dit logo ændrer sig, skal du gendanne alle nødvendige størrelser — inklusive 180px Apple touch-ikonet og 512px Android PWA-ikonet — uden manuelt at eksportere fra Illustrator.

branding