Erzeuge alle Favicon-Größen aus einem einzigen Bild. Lade sie als ZIP zusammen mit fertigem HTML-Code herunter.
Bild hier ablegen oder zum Hochladen klicken
PNG, JPG, SVG • Quadratische Bilder funktionieren am besten
Füge diesen Code in den <head>-Bereich deines HTML ein:
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="shortcut icon" href="/favicon.ico">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">
<!-- Web App Manifest (optional) -->
<link rel="manifest" href="/site.webmanifest">Verbessere deinen Webentwicklungs-Workflow mit diesen Anleitungen:
ScreenSnap Pro verwandelt einfache Screenshots in polierte Visuals — Hintergründe, Annotationen, GIF-Aufnahme und sofortige Cloud-Links.
ScreenSnap Pro entdecken