Apple Touch Icon-generator
Lav det 180×180 apple-touch-icon, som iOS bruger til bogmærker på hjemmeskærmen — plus et komplet favicon-sæt — lokalt i din browser. Intet uploades.
Privatliv først: hvert billede behandles lokalt i din browser. Intet uploades, gemmes eller sendes til nogen server.
Det ikon, iOS lægger på hjemmeskærmen
Når nogen føjer dit websted til hjemmeskærmen på deres iPhone eller iPad, leder iOS efter et 180×180 apple-touch-icon; findes det ikke, falder den tilbage på et sløret skærmbillede. Denne generator gengiver nøjagtig den størrelse ud fra dit billede — med en ensfarvet baggrund, da apple-touch-icons ikke bør være gennemsigtige — og lægger det i downloaden sammen med favicon.ico og Android-ikonerne.
Én eksport, alle platforme
I stedet for at beskære en separat fil i hånden til hver enhed kan du generere hele sættet på én gang: apple-touch-icon til iOS, PNG-filer i 192 og 512px til Android og PWA'er og favicon.ico til desktopbrowsere, med en HTML-kode, der refererer til dem. Det hele kører i din browser, så din brandgrafik aldrig forlader din enhed.
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.