Anzeige
Anzeige
UX & Design

21 Icons für alle Fälle: Dieser Favicon-Generator erstellt dir alle Dateien, die du brauchst

Ihr habt „nur“ eine Datei für euer Favicon, nämlich die altbekannte favicon.ico? Oder vielleicht maximal noch ein paar für den Homescreen der verschiedenen Apple-Geräte? Dann solltet ihr euch mal diesen Favicon-Generator genauer anschauen.

Von Florian Brinkmann
2 Min.
Artikel merken
Anzeige
Anzeige

Favicon-Generator. (Screenshot: RealFaviconGenerator.net)

Ein Favicon-Generator, 21 verschiedene Dateien

Schon ein Unterschied: Links ohne optimierte Favicons, rechts mit Favicons vom Favicon-Generator. (Screenshot: RealFaviconGenerator.net)

Schon ein Unterschied: Links ohne optimierte Favicons, rechts mit Favicons vom Favicon-Generator. (Screenshot: RealFaviconGenerator.net)

Ja, ihr habt richtig gelesen. Der Favicon-Generator „RealFaviconGenerator.net“ spuckt euch 21 verschiedene Bild-Dateien aus. Doch der Reihe nach: Ein Favicon kennt ihr alle. Das kleine Symbol in der Tableiste. Aber mit einer hinterlegten Datei erreicht ihr längst nicht das optimale Ergebnis für all die verschiedenen Geräte-Arten, die es inzwischen gibt. Da gibt es die Icons für die Homescreens der Apple-Geräte, verschiedene Icons für verschiedene Versionen des Internet Explorer unter Windows 8, ein Icon für Google TV und so weiter.

Anzeige
Anzeige

RealFaviconGenerator.net verspricht euch, die Favicons und den HTML-Code zu generieren, die auf den gängigen Browsern und Plattformen das optimale Ergebnis erzielen. Und das scheint das Tool auch halten zu können. Wenn wir eine Datei auswählen, aus der die Favicons erstellt werden sollen, dann wird zuerst geprüft, ob die Datei die optimale Größe hat. Wenn das nicht der Fall ist, bekommt der Nutzer eine Warnung und kann eine größere Datei hochladen. Ist die Datei okay, kommt ihr auf eine Seite, auf der ihr nähere Einstellungen tätigen könnt.

Nach dem Upload sind detailliertere Einstellungen möglich. (Screenshot: RealFaviconGenerator.net)

Nach dem Upload sind detailliertere Einstellungen möglich. (Screenshot: RealFaviconGenerator.net)

Hier könnt ihr einstellen, ob ihr für die Homescreens von Android, iOS und die Kachelansicht von Windows 8 statt einfach das Original zu verwenden, einen Rahmen um das Icon haben möchtet oder ein anderes optimiertes Bild wählen wollt. Bei der Windows-8-Kachel lässt sich noch die Hintergrundfarbe definieren. Weiter unten könnt ihr einstellen, ob ihr die Favicons gegen die Empfehlung in einem eigenen Ordner unterbringen wollt, statt im Root-Ordner. Daneben könnt ihr noch zwischen verschiedenen Komprimierungs-Stufen wählen und festlegen, nach welchem Algorithmus die Icons skaliert werden sollen. Zuletzt könnt ihr noch optional einen Namen für die App angeben, der dann auf den Homescreens angezeigt wird.

Anzeige
Anzeige

Wenn ihr mit den Einstellungen zufrieden seid, dann bekommt ihr auf der nächsten Seite den Code zum Einbinden angezeigt und einen Download-Link für die Dateien bereitgestellt.

Anzeige
Anzeige
Der Favicon-Generator bietet die Möglichkeit, den Skalierungs-Algorithmus zu wählen. (Screenshot: RealFaviconGenerator.net)

Der Favicon-Generator bietet die Möglichkeit, den Skalierungs-Algorithmus zu wählen. (Screenshot: RealFaviconGenerator.net)

21 Favicon-Dateien? Vielleicht etwas übertrieben?

Natürlich stellt sich die Frage, ob so viele Dateien wirklich notwendig sind. Generell könnte man sagen: Je mehr, desto besser. Ärgerlich ist das, wenn dadurch mehr Dateien an den Benutzer ausgeliefert werden, als er braucht: Das ist beispielsweise wohl wegen eines Bugs bei Firefox der Fall. Hier müsst ihr dann selbst entscheiden, ob ihr das in Kauf nehmen wollt oder lieber auf ein paar Icons verzichtet. Und das ist vielleicht sowieso der beste Weg: Von dem umfangreichen Ergebnis des Generators ausgehen und dann wegkürzen, was ihr als überflüssig empfindet. Aber bevor ihr dann Dateien entfernt, nur weil ihr nicht genau wisst, wofür die gut sein könnten, dann schaut vorher in den FAQs des Generators nach.

Mehr zu diesem Thema
Fast fertig!

Bitte klicke auf den Link in der Bestätigungsmail, um deine Anmeldung abzuschließen.

Du willst noch weitere Infos zum Newsletter? Jetzt mehr erfahren

Anzeige
Anzeige
Schreib den ersten Kommentar!
Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!
Hallo und herzlich willkommen bei t3n!

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team von mehr als 75 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Schon jetzt und im Namen der gesamten t3n-Crew: vielen Dank für deine Unterstützung! 🙌

Deine t3n-Crew

Anleitung zur Deaktivierung
Artikel merken

Bitte melde dich an, um diesen Artikel in deiner persönlichen Merkliste auf t3n zu speichern.

Jetzt registrieren und merken

Du hast schon einen t3n-Account? Hier anmelden

oder
Auf Mastodon teilen

Gib die URL deiner Mastodon-Instanz ein, um den Artikel zu teilen.

Anzeige
Anzeige