PWA-ikongenerator
Generér de ikoner, en installerbar webapp har brug for — PNG-filer i 192 og 512px plus en site.webmanifest — ud fra ét billede, helt i din browser.
Privatliv først: hvert billede behandles lokalt i din browser. Intet uploades, gemmes eller sendes til nogen server.
De ikoner, der gør en app installerbar
En progressiv webapp bedømmes som installerbar blandt andet på sine ikoner: browsere leder efter et web-manifest, der erklærer mindst en PNG i 192×192 og en i 512×512, før de tilbyder en installationsprompt eller lægger et ordentligt ikon på hjemmeskærmen. Denne generator gengiver dem begge ud fra dit kildebillede og skriver en site.webmanifest, der refererer til dem, sammen med det apple-touch-icon, iOS vil have, og en favicon.ico til almindelige faner.
Form det til launcheren
Android-launchere kan maskere et ikon til en cirkel eller en afrundet firkant, så grafik, der går helt ud til kanten, kan blive skåret af. Tilføj en margen og en ensfarvet baggrund her, så bliver det vigtige inde i det sikre område, uanset hvilken maske der lægges på; den live forhåndsvisning viser resultatet i hver størrelse. Alt gengives på din enhed med Canvas API — dit logo bliver aldrig uploadet — og hele sættet downloades som en zip.
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.