Startseite / Favicon erstellen

Favicon für Ihre Website erstellen

Wählen Sie Ihr Logo und erhalten Sie favicon.ico, die PNGs für Browser, Apple und Android, das Manifest und den HTML-Code. Alles entsteht auf Ihrem Gerät.

Werbung
Reservierter Platz für eine Google-AdSense-Anzeige (Banner oben)

Bild auswählen

oder ziehen Sie Ihr Logo hierher (PNG, JPG, SVG oder WebP)

Ihre Dokumente werden in Ihrem Browser verarbeitet und verlassen nie Ihren Computer.
Vorschau

So sieht es im Browser-Tab aus (helles und dunkles Design):

Auf dem Startbildschirm des Handys:

Erstellte Größen:

Icon-Einstellungen
Hintergrund:

Bei transparentem Hintergrund wird das Apple-Icon (180 px) mit weißem Hintergrund erstellt, weil iOS keine Transparenz anzeigt.

Fertig!

Icons herunterladen (.zip)

Fügen Sie diesen Code in <head> Ihrer Seiten ein und laden Sie die Dateien aus dem ZIP in das Stammverzeichnis Ihrer Website hoch:

Weitere Werkzeuge
Werbung
Reservierter Platz für eine Google-AdSense-Anzeige (Banner unten)

So funktioniert es

Das Favicon ist das kleine Icon im Browser-Tab, in den Lesezeichen und auf dem Startbildschirm des Handys. Jedes System verlangt eine andere Größe: Dieses Tool erstellt alle aus einem einzigen Bild.

  1. Wählen Sie Ihr Logo als PNG, JPG, SVG oder WebP (am besten quadratisch und mindestens 512 px).

  2. Passen Sie Zuschnitt, Hintergrund, Abstand und Ecken an und sehen Sie dabei die Tab-Vorschau.

  3. Klicken Sie auf Favicon erstellen, laden Sie das ZIP herunter, legen Sie die Dateien ins Stammverzeichnis Ihrer Website und fügen Sie den Code in den <head> ein.

What is creating a favicon useful for?

Tab icon for websites and online stores

Generate favicon.ico and multi-size PNG files to display your brand logo in browsers.

Mobile home screen icon (Apple Touch Icon)

Create 180x180, 192x192, and 512x512 icons for users saving your site to home screens.

Complete favicon pack ready in a ZIP download

Get all recommended standard sizes along with ready-to-paste HTML header code.

Instant generation from your PNG or JPG logo

Convert any square image into the ideal favicon without distortion or loss of clarity.

Warum JapalTools?

Ihre Dateien verlassen Ihr Gerät nicht

Alles passiert in Ihrem Browser. Die Dokumente werden auf keinen Server hochgeladen, daher können Sie es auch für Gehaltsabrechnungen, Verträge oder Ausweise nutzen.

Kostenlos, ohne Anmeldung und ohne Wasserzeichen

Sie brauchen kein Konto und müssen keine E-Mail-Adresse angeben, und dem Ergebnis wird nichts hinzugefügt.

Funktioniert auf jedem Gerät

Computer, Tablet oder Smartphone mit aktuellem Browser (Chrome, Edge, Firefox oder Safari). Keine Installation nötig.

Werbung
Reservierter Platz für eine Google-AdSense-Anzeige (Im Inhalt)

Häufige Fragen

favicon.ico mit den Versionen 16, 32 und 48 px in einer Datei; favicon-16x16.png und favicon-32x32.png; apple-touch-icon.png (180 px) für iPhone und iPad; android-chrome-192x192.png und 512x512 für Android; site.webmanifest, das diese Icons verknüpft; und favicon-snippet.html mit den einzufügenden Tags.

Ein einfaches, quadratisches Symbol mit wenig Details und gutem Kontrast: Bei 16 px sind lange Texte und dünne Linien nicht zu erkennen. Ein SVG oder ein großes PNG ergibt die saubersten Kanten. Ist Ihr Logo breit, verwenden Sie „Ganz einpassen mit Füllung“ oder schneiden Sie vorher nur das Symbol aus.

Nein. Icons, Manifest und ZIP werden in Ihrem eigenen Browser erstellt. Das Bild wird weder an JapalTools noch an andere gesendet.

Nein. Das Dokument wird in Ihrem eigenen Browser verarbeitet und weder an JapalTools noch an andere gesendet. Wenn Sie die Seite schließen, bleibt keine Kopie außerhalb Ihres Geräts.

Icons werden erstellt