Sonderangebot - Sparen Sie bis zu 80 %

+ KOSTENLOSE Domain für 1 Jahr

Endet in:

04 :

14 :

18 :

11

Zyro Blog

Alle Themen
Design Tipps Die Inspiration E-Commerce Blog Geschäftsideen Kleinunternehmer Tipps Marketing Tipps Wesentliche

16 besten Online-Favicon-Generatoren

beste Favicon Generatore

Die meisten Menschen gehen beim Online-Surfen vor, dass sie eine Auswahl ihrer bevorzugten und am häufigsten besuchten Websites gleichzeitig auf verschiedenen Registerkarten öffnen.

Es ist ziemlich vernünftig zu vermuten, dass die meisten von uns wahrscheinlich Facebook, YouTube und Google zu einem bestimmten Zeitpunkt geöffnet haben. Vielleicht hat Ihr Browser auch Ihre E-Mails und Ihre Lieblingsnachrichten-Website.

Wie können wir verfolgen, welche Registerkarte welche ist, ohne dass jedes Mal durch jede Registerkarte geklickt werden muss, wenn zu einem Zeitpunkt so viel los ist?

Die Antwort ist – Favicons.

Dieser Artikel listet die 16 besten Favicon-Generatoren auf, die Sie im Internet finden können.

Außerdem erfahren Sie, wie fügen Sie der Website ein Favicon hinzu, sobald sie gestaltet ist?

1. favicon.zyro.com

Zyro-Favicon-Generator

Der Zyro Favicon Generator ist ein kostenloses Tool mit mehreren nützlichen Funktionen.

Sie können Ihr ausgewähltes Bild auf die Site hochladen oder die vielen professionell gestalteten voreingestellten Symbole verwenden.

Mit dem Editor-Tool können Sie das Layout Ihres Favicons ändern und Text hinzufügen oder entfernen, um Ihren Markennamen aufzunehmen, oder einfach eine Monographie erstellen.

Darüber hinaus können Sie die Hintergrundfarbe so bearbeiten, dass sie der Ästhetik Ihrer Marke entspricht.

Wenn Sie mit dem Endergebnis zufrieden sind, laden Sie das Bild einfach in einem Format herunter, das Sie sofort verwenden können.

2. Favicon-generator.org

Favicon.ico-Favicon-Generator

Favicon.ico & App Icon Generator kann JPG-, PNG- und GIF-Bilddateiformate in eine favicon.ico-Datei konvertieren.

Der Favicon-Generator erstellt außerdem Favicons in allen Größen, die der verwendeten Plattform entsprechen – Web, Android, Microsoft und iOS.

Wenn Sie auf Favicon erstellen klicken, wird Code erstellt, den Sie in den Kopf Ihres HTML-Dokuments kopieren können. Wenn Sie alles richtig gemacht haben, sieht der HTML-Code für ein Standard-16 × 16-Favicon wie folgt aus:

<link rel=”shortcut icon” href=”/favicon.ico” type=”image/x-icon”> <link rel=”icon” href=”/favicon.ico” type=”image/x-icon”> 

Anschließend fügen Sie den heruntergeladenen ZIP-Ordner zum Stammverzeichnis Ihrer Website hinzu.

Wenn Sie noch kein Bild haben, nutzen Sie den Online-Editor und erstellen Sie selbst eines.

Sie können auch eine vorgefertigte Vorlage aus der Symbolgalerie auswählen, die nach Hintergrundfarben sortiert ist, und sie nach Ihren Wünschen ändern.

3. FavIcon.pro 

favicon.pro-Favicon-Generator

FavIcon Generator ist ideal zum Konvertieren von JPG-, PNG- und GIF-Bildformaten in favicon.ico-Dateien. Im Gegensatz zum Favicon.ico & App-Symbolgenerator verfügt er jedoch nicht über einen Editor.

Dieser Favicon-Generator bietet zahlreiche Bildgrößenoptionen – 16 × 16, 32 × 32, 48 × 48, 64 × 64 und 128 × 128 Pixel.

Sie müssen lediglich die gewünschte Symbolgröße auswählen und dann das Bild hochladen, das Sie in ein Favicon verwandeln möchten.

FavIcon Generator bietet sechs Spracheinstellungen: Englisch, Spanisch, Portugiesisch, Französisch, Italienisch und Deutsch, um globalen Benutzern gerecht zu werden.

4. Dynamic Drive – Favicon Generator

Dynamic-drive-Favicon-Generator

Dieser Favicon-Generator ist mit den Bildformaten PNG, JPG, GIF und BMP kompatibel. Es werden auch Bilder mit transparentem Hintergrund akzeptiert.

Die Standardgröße für die Datei favicon.ico beträgt 16 × 16 Pixel. Sie haben jedoch die Möglichkeit, auch Symbole mit einer Pixelgröße von 32 × 32 und 48 × 48 herunterzuladen.

Sie können zum Abschnitt Favicon Editor navigieren, um Ihr Favicon von Grund auf neu zu gestalten. Alternativ können Sie ein 16 × 16-Pixel-PNG-Bild importieren und als Basisdesign verwenden.

Der Editor bietet einfache und dennoch funktionale Bearbeitungswerkzeuge sowie zahlreiche Optionen für Farbe und Pinselgröße.

5. Favicon.cc

FaviconCC-Favicon-Generator

Favicon CC akzeptiert die Bildformate JPG, JPEG, GIF, PNG, BMP, ICO und CUR.

Der kostenlose Favicon-Editor bietet einen Farbwähler und eine transparente Funktion. Mit diesen können Sie mühelos sowohl farbige als auch transparente Hintergrundsymbole entwerfen.

Darüber hinaus bietet der Editor eine Animationsfunktion, mit der Sie Ihr Favicon animieren können. Sie können die Dauer des Effekts pro Frame und die Anzahl der Iterationen festlegen.

Sie können die ICO-Datei kostenlos herunterladen. Um das HTML-Skript zu erhalten, müssen Sie das Symbol unter der Creative Commons-Lizenz veröffentlichen.

6. Genfavicon 

Genfavicon-Favicon-Generator

Genfavicon unterstützt JPEG-, GIF- und PNG-Bildformate und generiert fünf Favicons unterschiedlicher Größe.

Importieren Sie Ihr Bild in den Generator und wählen Sie die gewünschte Symbolgröße. Sie können es zuschneiden und eine Vorschau des Ergebnisses anzeigen, bevor Sie die ICO-Datei herunterladen.

Der Generator ist zwar benutzerfreundlich und kostenlos, verfügt jedoch nicht über einen Editor, mit dem Sie ein Favicon von Grund auf entwerfen können.

Ähnlich wie FavIcon.pro bietet Genfavicon verschiedene Spracheinstellungen, um Benutzer auf der ganzen Welt zu unterstützen.

7. Favic-o-Matic

Favicomatic-Favicon-Generator

Dieser Favicon-Generator bietet Ihnen die Möglichkeit, eine einzelne favicon.ico-Datei zu generieren. Alternativ können Sie PNG-Bilder unterschiedlicher Größe zusammen mit einer ICO-Datei für verschiedene Plattformen in großen Mengen herunterladen – alles mit einem Klick.

Favic-o-Matic bietet Ihnen auch den HTML-Code für alle generierten Dateien. Sie können alle Anforderungen Ihres Favicons an einem Ort erfüllen.

Da es die Google Drive-Integration unterstützt, haben Sie die Möglichkeit, Dateien direkt in Ihrem Konto zu speichern.

Testen Sie die Kompatibilität Ihrer Website mit verschiedenen Browsern und Geräten mit dem Favic-o-meter – einem kostenlosen Favicon-Prüftool.

Mithilfe dieser Funktion können Sie überprüfen, ob Ihre Site das Verknüpfungssymbol korrekt implementiert, und Vorschläge zur Behebung der vorhandenen Probleme erhalten.

8. RealFaviconGenerator.net

Real-Favicon-Generator-Favicon-Generator

RealFaviconGenerator.net bietet Favicon-Änderungsoptionen, um die Kompatibilität Ihres Favicons mit gängigen Plattformen zu verbessern.

Es enthält Personalisierungsoptionen für Ihr Favicon für mobile Bildschirme wie die Apple Touch Bar und den Startbildschirm von Android Chrome.

Beim Entwerfen des Favicons können Sie auf den Registerkarten und der Adressleiste des Browsers sehen, wie es aussieht. Sie müssen es nicht durch Ausprobieren erstellen.

Mit der Demofunktion können Sie auch die Hintergrundfarbe, die Ränder und die Größe des Bildes ändern. Sie können auch die Spezifikationen des Favicons basierend auf den Versionen der Betriebssysteme auswählen.

Das Endprodukt enthält PNG-, ICO- und SVG-Favicon-Dateien. Der Generator bietet verschiedene Sätze von Favicon-Code, die mit bestimmten Programmiersprachen kompatibel sind.

Mehr Webdesign-Inspiration:

9.  Xiconeditor.com

Xicon-Favicon-Generator

X-Iconeditor ist ein leistungsstarker Online-Favicon-Generator. Es ist eines der wenigen Tools, das ein Bleistiftwerkzeug, ein Pinselwerkzeug, einen Radiergummi und einen Texteditor für diejenigen anbietet, die ihr Favicon von Grund auf neu erstellen möchten.

Natürlich gibt es eine einfache Funktion zum Hochladen von Bildern, wenn Sie Ihr Favicon nicht von Grund auf neu erstellen möchten. Laden Sie ein Bild hoch, das Ihre Marke repräsentieren soll, und schneiden Sie es direkt im Generator zu.

Sie können Ihr Favicon auch vor dem Herunterladen in der Vorschau anzeigen, damit Sie genau wissen, wie das Bild in Webbrowsern angezeigt wird.

Wenn Sie zufrieden sind, exportieren Sie die Datei einfach und laden Sie sie in das Stammverzeichnis Ihrer Website herunter.

Um das Favicon zu definieren und so anzuzeigen, dass das Symbol für den Browser verfügbar ist, verwenden Sie das <link> Tag im <head> Element der Seite und zeigen Sie auf die Position des Favicons:

Es wird genauso aussehen:

<link rel=”shortcut icon” href=”favicon.ico”/>

10. Antifavicon.com 

Anti-Favicon-Favicon-Generator

Wie der Name schon sagt, unterscheidet sich Anti Favicon geringfügig von den meisten anderen Favicon-Generatoren. Es wird keine Bilddatei zum Erstellen des Symbols verwendet.

Stattdessen enthält ein Anti-Favicon-Symbol Text anstelle von Bildern. Benutzer können einen Farbwähler verwenden, um ein Favicon zu erstellen, das der Farbpalette ihrer Website entspricht.

Um Ihr Favicon zu generieren, geben Sie einfach Ihren Text ein und experimentieren Sie mit verschiedenen Farben. Wenn Sie bereit sind, können Sie Ihr Favicon speichern, indem Sie auf “Save as favicon file” klicken.

Anti Favicon bietet auch zahlreiche verschiedene Arten von Generatoren: Favicon, Button-Maker, E-Mail Icon und viele mehr, die meisten im typischen Stil von Anti Favicon.

Anti Favicon ist einer der einzigartigsten Favicon-Generatoren auf dem Markt und einen Besuch wert.

11. Webestools Favicon Online Generator

Webestools-Favicon-Generator

Webestools.com bietet einen kostenlosen Online-Favicon-Generator, mit dem Nutzer eine Bilddatei auf die Site hochladen und direkt bearbeiten können.

Benutzer, die einen komplexeren Prozess wünschen, können die Farbwerkzeuge und den Online-Editor nutzen, um ihre Favoriten von Grund auf neu zu erstellen.

Der Favicon-Generator von Webestools bietet nur Favicons in den Größen 16 × 16 oder 32 × 32 an. Benutzer können jedoch eine Vorschau ihrer Favicons anzeigen, bevor sie die ICO-Datei herunterladen.

Insgesamt ist es ein unkomplizierter und effizienter Favicon-Generator, der die Arbeit ohne zusätzlichen Aufwand erledigt.

12. logaster.com

Logaster-Favicon-Generator

Der Logaster Favicon Generator geht einen Schritt weiter als die Konkurrenz und ist eine ausgezeichnete Wahl für Websites, die sich noch nicht für ihre Markenidentität entschieden haben.

Anstatt mit einem Bild zu beginnen, werden Sie von diesem Favicon-Generator zunächst aufgefordert, den Builder für die Markenidentität von Logaster zu verwenden. Geben Sie Ihren Markennamen ein, und Logaster erstellt mehrere Logooptionen für Ihre Marke, die später in ein hochwertiges Favicon übersetzt werden.

Logaster ist ein professioneller Dienst, der Favoriten in einem vollständigen Satz verschiedener Größen (16-128 px) erstellen kann. Es ist einer der wenigen Premium-Dienste auf dieser Liste, und es ist wichtig zu beachten, dass Sie damit kein eigenes Bild hochladen können.

Der Logaster Favicon Generator ist eine großartige Option für Marken, die noch kein eigenes Logo erstellet haben.

13. favico.com

Favico-Favicon-Generator

Der Favicon-Generator von FavIco ist schnell, kostenlos und einfach zu bedienen. Verwenden Sie diese Option, um ein GIF/JPG /PNG-Bild in das ICO-Format zu konvertieren und es als Favicon zu verwenden.

Es ist ein einfacher Favicon-Generator mit einer sauberen Benutzeroberfläche. Wählen Sie ein Bild von Ihrem Computer aus, um es hochzuladen, und wählen Sie die gewünschte Größe des Favicons aus – in diesem Fall ist es entweder 16×16 oder 32×32, und Sie können loslegen.

Ein interessantes Merkmal von FavIco ist, dass das Erstellen eines Favicons es in einer Online-Galerie speichert. Durch das Erstellen mehrerer Favoriten können Sie die Endergebnisse vor dem Herunterladen vergleichen.

14. faviconit.com

Faviconit-Favicon-Generator

Favicon It bietet einige verschiedene Variationen der Standardleistung eines Favicon-Generators.

Mit Favicon It folgen Sie dem Standardverfahren zum Hochladen von Bildern. Auf vielen Websites wird jedoch nur ein 16- oder 32-Pixel-Favicon angeboten. Favicon It generiert Favicons, Apple Touch-Symbole und den HTML-Header für alle Geräte und Browser.

Es ist erforderlich, dass Ihr Bild ein Quadrat von mindestens 310 Pixel hat, um ein Favicon zu erstellen. Wenn Ihr Bild diese Anforderungen nicht erfüllt, verweist Favicon It automatisch auf eine kostenlose und benutzerfreundliche Website zur Größenänderung von Bildern.

15. prodraw.net

Prodraw-Favicon-Generator

Der Prodraw Favicon Generator ist ein kostenloses Online-Tool, mit dem Sie Logo-, Bild- und Fotodateien in ein Favicon konvertieren können.

Es bietet eine bessere Unterstützung für Dateiformate als viele andere Favicon-Generatoren in dieser Liste und kann nicht nur die regulären JPG-, GIF-, PNG- und Dateiformate, sondern auch BMP und TIF unterstützen.

Einer der Vorteile der Verwendung des Prodraw-Favicon-Generators besteht darin, dass er dem Benutzer viele einfache Ratschläge bietet. Die meisten Websites listen einfach die kompatiblen Formate und verfügbaren Favicon-Größen auf.

Prodraw legt großen Wert darauf, die Unterschiede zu klären. Wenn Sie beispielsweise ein Favicon mit transparentem Hintergrund wünschen, ist es ratsam, ein Bild im GIF- oder PNG-Format hochzuladen.

Prodraw erklärt auch die beste Verwendung für jede Größe jeder Ausgabe. Zum Beispiel 32 × 32 (Desktop-Symbol), 48 × 48 (großes XP-Symbol) bis zu 128 × 128 Pixel (Windows Vista-Symbolgröße) im * .ICO-Symbolformat.

Während einige dieser Formate veraltet sind, ist es eine Option, die gleichen Größen für moderne Tools zu verwenden. Beispielsweise ist 128px die richtige aktuelle Größe für ein Google Chrome Web Store-Favicon.

Prodraw kann auch Symbole mit unterschiedlichen Schärfegraden generieren. Hier können Sie die Ergebnisse vergleichen und das für Ihr Projekt geeignete Symbol auswählen.

16. icoconverter.com

Ico-Converter-Favicon-Generator

Der ICO-Konverter macht das, was er verspricht.

Es ist ein einfacher Online-ICO-Bildkonverter und Favicon-Generator. Es nimmt jedes Bild auf und konvertiert es in eine ICO-Datei, um es als Website-Favicon oder Windows-Anwendung zu verwenden.

Mit dem ICO-Konverter können Sie auswählen, welche Favicon-Größen in den endgültigen ICO aufgenommen werden sollen. Es bietet 16px, 32px, 48px, 64px, 128px und 256px.

Im Gegensatz zu vielen Mitbewerbern können Sie mit dem ICO-Konverter auch die endgültige Bittiefe Ihres Favicons auswählen. Wählen Sie zwischen einer Bittiefe von 8 Bit (256 Farben, Palette) oder 32 Bit (16,7 Millionen Farben und Alpha-Transparenz).

Auf diese Weise erfüllt der ICO-Konverter sowohl modernere als auch klassische Favicon-Stile.

Was ist ein Favicon?

E-Mail-Posteingang-Gmail

Favicons, (aus dem Englischen, kurz für Lieblingssymbole), sind die kleinen Symbole, die auf jeder Browserregisterkarte, Suchleiste, Lesezeichen, Erweiterungen und im Suchverlauf angezeigt werden und die die betreffende Website identifizieren.

Ein Favicon repräsentiert eine Website. Es wird im Allgemeinen in der Adressleiste, den Registerkarten und der Lesezeichenliste des Browsers angezeigt. Favoriten können jedoch auch als Desktopsymbole oder App-Symbole auftreten.

Die meisten Unternehmen verwenden ihr Logo als Favicon, da es am leichtesten zu identifizieren ist. Denken Sie an den ikonischen blauen Vogel von Twitter oder an das Symbol für die Wiedergabetaste, das für Youtube steht.

Andere Marken verwenden ein Monogramm-Logo mit einem Buchstaben, das in knalligen Farben präsentiert wird, als Favicon.

Das Hinzufügen eines Favicons zu Ihrer Website hilft dabei, Ihre Marke und Glaubwürdigkeit zu etablieren. Dies ist im Allgemeinen ein Zeichen der Legitimität auf einer Website. Es zeigt, dass die Marke Zeit und Geld in den Service investiert, um ihm ein kohärentes, professionelles Erscheinungsbild zu verleihen.

Da ein Favicon ein wesentlicher Bestandteil des Brandings einer Website ist, ist ein einzigartiges und einprägsames Icon-Design von entscheidender Bedeutung. Es muss so einfach sein, dass Besucher es leicht erkennen können.

Das Hinzufügen eines Favicons zu Ihrer Website bietet folgende Vorteile:

  • Glaubwürdigkeit der Site hinzufügen
  • Verbesserung der Markenbekanntheit auf verschiedenen Plattformen
  • Unterstützung der Benutzer beim Auffinden der Site unter anderen Registerkarten und Lesezeichen
  • Verbessern des Surfens und der Benutzererfahrung

Was ist, wenn Ihre Website legitim ist, Ihnen jedoch die Zeit oder das Grafikdesign-Know-how fehlt, um ein Favicon zu erstellen? Sie möchten weiterhin, dass Ihre Benutzer Ihr Logo oder Symbol in ihren Webbrowsern sehen können.

In diesem Fall können Sie einen Favicon-Generator verwenden, um in kürzester Zeit einen zu erstellen.

So fügen Sie Ihrer Website ein Favicon hinzu

href Code auf Handy

Das Erstellen eines eigenen Favicon ist so einfach wie das Auswählen eines der Favicon-Generatoren aus der obigen Liste und das Hochladen einer Bilddatei.

Alle Favicon-Generatoren, die wir in diesem Artikel ausgewählt haben, erledigen die harte Arbeit für Sie. Solange Sie eine geeignete Bilddatei haben, werden Sie auf der anderen Seite mit einem großartigen Favicon herauskommen.

Während die meisten Browser Favoriten in den Bildformaten GIF, ICO, PNG und JPG akzeptieren, ist das ICO das ideale Format, da mehrere Symbolgrößen in einer einzigen Datei enthalten sind.

Um Ihrer Website ein Favicon hinzuzufügen, müssen Sie mit einigen grundlegenden HTML-Codes vertraut sein. Wenn Sie ein Favicon erstellen, werden Sie diese Zeile ziemlich oft sehen:

link rel=”shortcut icon”

Wenn Sie sich fragen was  das rel=”shortcut icon” bedeutet, machen Sie sich keine Sorgen. Die meisten Leute wissen das nicht.

Für den Anfang müssen Sie diesen Code nicht schreiben. Jeder Favicon-Generator auf der Liste schreibt ihn für Sie. Laden Sie einfach die bereitgestellte Datei in Ihr Site-Verzeichnis herunter und fügen Sie den HTML-Code in den Kopf Ihrer Website ein.

Das LINK-Element definiert einen Link zu der von Ihnen heruntergeladenen Favicon-Datei. Einfach.

Es gibt eine Möglichkeit, den gesamten Code zu vermeiden, indem Sie einen visuellen Favicon-Generator wie von Zyro verwenden.

Sie erstellen ein visuelles Favicon, das Sie dann herunterladen und auf Website-Buildern und CMS-Systemen verwenden können. Laden Sie einfach das Bild hoch und Sie sind fertig.

Wie groß sollte ein Favicon sein?

Design der Symbole

Die Standard-Favicon-Größen sind 16 × 16 und 32 × 32 Pixel. Unterschiedliche Plattformen, wie z. B. App-Symbole, erfordern jedoch normalerweise unterschiedliche Größen von Favoriten für eine bessere Sichtbarkeit.

Hier ist eine vollständige Liste der aktuellen Favicon-Größen und der entsprechenden Verwendung:

  • 16 × 16 Pixel (Standardbrowser)
  • 32 × 32 (Desktop-Symbole)
  • 128 × 128 (Chrome Web Store-Symbol)
  • 152 × 152 (iPad Touch-Symbol)
  • 167 × 167 (iPad Retina Touch-Symbol)
  • 180 × 180 (iPhone Retina)
  • 192 × 192 (Google Developer Web App)
  • 196 × 196 (Chrome für Android-Symbol)

Auf unserer Liste finden Sie einen Favicon-Generator, mit dem Dateien in jeder dieser Größen erstellt werden können.

Favicon Generator Zusammenfassung

Trotz seiner geringen Größe ist ein Favicon ein wesentlicher Bestandteil einer Website. Wenn Ihre Website noch kein hat, sollten Sie es jetzt erstellen.

Mit einem Favicon-Generator kann jeder in Sekundenschnelle ein ansprechendes Symbol entwerfen. Je nach Werkzeug können Sie entweder ein Favicon von Grund auf neu erstellen oder ein vorhandenes Bild als Basisdesign verwenden.

Jeder Favicon-Generator auf dieser Liste ist eine geeignete Wahl für Ihre Website. Überlegen Sie einfach, welche Funktionen Sie benötigen, und wählen Sie sie entsprechend aus.

Denken Sie daran, dass eine ICO-Datei mehrere verschiedene Dateigrößen enthalten kann. Es ist also nicht erforderlich, mehr als eine Art von Favicon zu erstellen, selbst wenn Sie mehr als eine Art von Favicon erstellen möchten.

Geschrieben von

Autor Avatar

Marina

Marina ist ein leidenschaftliche Digital Marketing- und E-Commerce-Liebhaberin. Ihr großes Anliegen ist es, kleinen Unternehmen dabei zu helfen, eine Online-Präsenz aufzubauen, zu wachsen und Erfolg zu haben. Zudem informiert sie ihre Leser über die neuesten Tools und Trends und gibt wertvolle Tipps. Ihre Freizeit verbringt sie gerne Zeit auf ihrem Fahrrad in der Natur.

Treten Sie der Unterhaltung bei

Ihre E-Mail-Adresse wird nicht veröffentlicht. Alle Felder sind erforderlich.