Favicon-Generator: Favicon selbst erstellen
- Das i-Tüpfelchen Ihrer Website
- Mit wenigen Klicks oder per Bild-Upload
- Für alle Browser
Drei Wege zu Ihrem Favicon
1
Favicon Editor
2
Buchstaben-Generator
3
Bild Upload
Alles, was Sie über Favicons wissen wollen:
Für alle Websites, Blogs und Onlineshops
Für alle Browser und Devices geeignet
Gängige Grafiktypen serienmäßig
Verschiedene Dateiformate und Größen
Sie erhalten Ihr Favicon sowohl als .png-Datei wie auch als "favicon.ico"-Datei in den Größen:
- 16x16 Pixel
- 32x32 Pixel
- 96x96 Pixel
- 256x256 Pixel
Favicon Generator - FAQ
Mit dem IONOS Online Favicon Generator können Sie sich ganz leicht Ihr eigenes Favicon für Ihre Website erstellen. Dabei handelt es sich um kleines Symbol bzw. um ein Icon, das in der Adresszeile in den Browsern der User angezeigt wird. Auch am Rand von geöffneten Browser-Tabs oder in der Lesezeichenliste werden Favicons neben dem Namen der Website angezeigt. Mit einem solchen Favicon sorgen Sie für einen Wiedererkennungswert: Selbst in umfangreichen Lesezeichenlisten werden Ihre Kunden oder Leser Ihre Website anhand eines einprägsamen Favicons sofort wiedererkennen. Außerdem erscheint Ihr Favicon auch auf dem Smartphone- oder Tablet-Homescreen (iOS, Android, Windows) Ihrer Nutzer als App-Icon, wenn Ihre Website dort angepinnt wird. Dadurch ist auch auf mobilen Endgeräten ein Wiedererkennungswert gegeben.
Der Begriff „Favicon" ist ein Kofferwort, das sich aus dem englischen „favorite" und „icon" zusammensetzt. Auf Deutsch bedeutet er etwa „Favoriten-Symbol", was auch seine Funktion in der Favoritenliste des Browsers widerspiegelt. Mit dem Internet Explorer führte Microsoft im Jahr 1999 die Darstellung von Favicons ein. Fortan setzte ein regelrechter Siegeszug der kleinen Icons ein. Kein Webmaster kann heute noch auf ein Favicon verzichten, da sie unter anderem die Ladegeschwindigkeit einer Website verbessern und damit indirekt auch ein Ranking-Faktor für Suchmaschinen sind. Damit gehören sie längst zu einem professionellen Internetauftritt wie der Punkt auf das „i". Ein Favicon setzt sich üblicherweise aus dem Logo einer Firma oder den Initialen zusammen. Mit dem IONOS Online Favicon Generator können Sie die grafische Gestaltung ganz leicht selbst vornehmen und Ihr eigenes Favicon erstellen – probieren Sie es einfach aus.
Um ein Favicon erstellen und einbinden zu können, sind keine Programmierkenntnisse notwendig: Bei den meisten Content-Management-Systemen geht das ganz leicht. So gibt es beispielsweise für WordPress zahlreiche Themes, bei denen die favicon.ico-Datei ganz einfach in der Mediathek hinterlegt und verlinkt werden kann. Unser Digital Guide-Artikel zum Thema [[PU.WH.DE:/digitalguide/hosting/blogs/wordpress-favicon-einfuegen/|WordPress: Favicon einfügen]] erklärt Schritt für Schritt, wie's geht.
Bei Joomla funktioniert die Einbindung ähnlich leicht: Hier muss im Backend der Website lediglich unter „Extensions/Templates" das entsprechende Template gesucht werden. Jetzt müssen Sie lediglich in Ihrem „Templates"-Verzeichnis das Standard-Favicon durch das neue ersetzen.
Sollte Ihr CMS eine solche Option nicht unterstützen, muss die favicon.ico-Datei – entsprechend benannt – in das Root-Verzeichnis der Domain abgelegt werden, um automatisch erkannt zu werden. Anschließend geben Sie im <head>-Bereich jeder Seite folgenden Code ein: <link rel=shortcut icon"type="image/x-icon" href="/favicon.ico">. Die .ico-Endung ist vor allem für ältere Internet Explorer (vor Version 11) notwendig. Andere Browser und neuere Versionen des Internet Explorers unterstützen auch andere Grafikformate (.gif oder .png). Abschließend sollten Sie noch den Browsercache löschen und die Seite neu laden, da das Favicon meist länger im Cache gespeichert wird und daher oftmals noch die vorige Datei vom Browser geladen wird. Alle wichtigen Instruktionen und HTML-Codes finden Sie zudem noch einmal ausführlich in der beiliegenden Anleitung.
Ja. Sie können beispielsweise Ihr vordefiniertes Firmenlogo im IONOS Favicon Generator hochladen und nach Belieben bearbeiten. Dabei wird die ursprüngliche Datei auf das Format eines Favicons heruntergerechnet. Alternativ können Sie mit dem Favicon Generator Text bzw. Buchstaben erzeugen – etwa bestehend aus Ihren Initialen oder den Anfangsbuchstaben Ihrer Firma. Sie können die generierten Buchstaben im Anschluss frei in unserer Editor-Ansicht anpassen: Ändern Sie beispielsweise die Schriftfarbe oder den Hintergrund. Sind Sie mit dem vordefinierten Favicon zufrieden, können Sie es natürlich auch ohne weitere Bearbeitungsschritte bequem herunterladen und in Ihre Website einbinden.
IONOS – Digital an Ihrer Seite.
Kostenlose Domain
Blog Hosting
Game Server
Mobile Webseite erstellen
Business Hosting
.email-Domain
Persönliche Domain
SSL kostenlos
Firmennamen-GeneratorJa. Der IONOS Favicon Generator ist kostenlos. Nachdem Sie Ihr eigenes Favicon erstellt haben, brauchen Sie lediglich noch auf den „Download"-Button zu klicken. Anschließend können Sie Ihr fertiges Werk kostenlos herunterladen, auf Ihrem Rechner speichern und schließlich in Ihre Website einbinden. Im Download-Umfang sind Favicons und App-Icons in unterschiedlichen Formaten sowie eine Anleitung mit allen nötigen Instruktionen und HTML-Codes enthalten:
Sie bekommen Ihr Favicon in den Größen 16x16, 32x32, 96x96 sowie in 256x256 Pixel als .png-Datei wie auch als „favicon.ico"-Datei. Das Icon für Ihre Android-App misst 192x192 Pixel, während das Apple-Icon in den Größen
- 57x57
- 60x60
- 72x72
- 76x76
- 114x114
- 120x120
- 144x144
- 152x152
- 180x180
Für Microsoft erhalten Sie Icons mit den Maßen
- 70x70
- 144x144
- 150x150
- 310x310
Alle App-Icons werden als .png-Bilddateien ausgegeben.
Wenn Sie den IONOS Favicon Generator benutzen, brauchen Sie keine zusätzliche Grafiksoftware zu installieren. Sie können ganz bequem in Ihrer Browseroberfläche arbeiten. Neben dem IONOS Favicon Generator gibt es allerdings noch zahlreiche weitere nützliche Tools, mit denen Sie Favicons erstellen können. Soll dafür eine klassische .ico-Datei erstellt werden, ist es allerdings essenziell, dass das Programm dieses Dateiformat auch beherrscht.
Beispielsweise können Sie mit dem kostenpflichtigen Programm „Photoshop" ein Favicon erstellen. Das Programm ist besonders unter professionellen Grafikdesignern beliebt und beherrscht selbstverständlich neben .png-Dateien auch das .ico-Format. Darüber hinaus bietet es eine Fülle nützlicher Werkzeuge zur Grafikbearbeitung, ist allerdings kein Schnäppchen und relativ komplex. Photoshop kann getrost als Standard in der Branche der professionellen Bildbearbeitung und des Webdesigns betrachtet werden, trotzdem gibt es einige sehr gute Alternativen: So eignet sich auch die Open-Source-Anwendung „GIMP", um ein Favicon zu erstellen. Praktisch ist GIMP vor allem aufgrund seiner universellen Einsetzbarkeit auf diversen Betriebssystemen. Während Photoshop nur auf Windows-Rechnern und dem Mac funktioniert, läuft GIMP auch unter Linux. Dabei bietet das Programm eine ähnliche Vielfalt an Werkzeugen – selbst die Arbeit mit mehreren Ebenen ist möglich.
Sowohl bei GIMP wie auch bei Photoshop verfahren Sie im Grunde ähnlich wie beim IONOS Favicon Generator: Sie haben die Möglichkeit, entweder ein bestehendes Logo zu öffnen und zu bearbeiten oder Ihr Favicon von Grund auf neu zu gestalten. Allerdings müssen Sie sich bei beiden Programmen mit der Benutzeroberfläche vertraut machen. Der IONOS Favicon Generator ist demgegenüber kinderleicht zu bedienen und liefert in kürzester Zeit alle erdenklichen Dateiformate für ein professionelles Favicon. Sie erhalten mit wenigen Klicks zu Ihrem Favicon auch die zugehörigen App-Icons für Android, iOS und Windows in verschiedenen Ausführungen.
Preise inkl. MwSt., Angebote sind nur für begrenzte Zeit gültig und sind teils abhängig von Mindestvertragslaufzeiten. Hier finden Sie unsere Allgemeinen Geschäftsbedingungen.