Tipps & Tricks: Wie man ein Favicon von einer Webseite herunterladen kann

2. Juni 2015 - aktualisiert am > 9. Oktober 2015
| von ♥ pure intuition

Hier zeige ich euch zwei einfache Möglichkeiten, ein Favicon von einer Webseite herunterzuladen.

Ein Favicon ist eine 16 x 16 px oder 32 x 32 px große oder kleine Grafik. Diese befindet sich am Anfang der Adresszeile eines Browsers der aufgerufenen Webseite – falls vorhanden. Favicons enthalten meistens das Logo der Webseite bzw. eine Ausschnitt davon. >> Favicon erstellen
Vor kurzem habe ich ein solches Favicon auf einer Webseite gesehen, welches mir besonders gut gefallen hat. Um es näher anzusehen, habe ich einmal nachgesehen, wie man dieses eben , wie jedes andere Bild im Internet auch , herunterladen, speichern und eben näher ansehen kann.

ACHTUNG:
Bilderrechte im Internet. Diese sind sehr streng. Das heißt, natürlich kann man jedes beliebige Bild im Internet herunterladen, speichern und ansehen. Aber das war`s dann auch schon. Jedes Bild ist von sich aus und automatisch urheberrechtlich geschützt. Auch, wenn dies nicht im, am oder um das Bild herum dabeisteht !

Variante #1

1. Die Webseite öffnen, welche gewünscht ist : https://mediendesign-quer.com
2. Daran durch einen Slash getrennt – favicon.ico anhängen:
https://mediendesign-quer.com/favicon.ico
3. Enter drücken – es erscheint eine schwarze Bildfläche mit dem kleinen ico in der Mitte
4. Rechts Klick auf das kleine ico und Grafik speichern unter wählen

Fertig.

Es kann nun allerdings vorkommen, das eine Fehlermeldung erscheint.

Wann kommt es zu einer Fehlermeldung:

Die .ico Datei wird nur dann angezeigt vom Browser, wenn die Grafik im Root Verzeichnis der Serverinstallation liegt. Bei Webseiten, welche mit dem CMS WordPress z.B. auf wordpress.org erstellt sind, kann es sein, dass das ico nur im Root Verzeichnis des Themes liegt. Dann gibt der Browser z.B. Firefox folgende Fehlermeldung aus:

Diese Anzeige ist insofern falsch, weil das ico ja richtig eingebunden ist. Es ist ja auch ganz normal in der Adressleiste des Browser zu sehen. Aber, falls so eine Meldung kommt, dann findet der Browser schlichtweg die Datei nicht, weil sie nicht im Rootverzeichnis des Servers liegt.

TIPP:
Einfach das favicon.ico zusätzlich noch in das Rootverzeichnis legen, dort wo auch die wp-config.php liegt. Dann klappt es auf jeden Fall.

Variante #2

Bei der Variante #2 geht man in den Seitenquelltext, dann mit der Suchfunktion auf favicon.ico, um es schneller zu finden. Das gesuchte ist dann farbig hinterlegt. Dann von http:// …. weg alles in die Adresszeile des Browsers kopieren und auf enter klicken.
Das favicon wird ebenfalls anzgeigt. Wiederum, rechtsklick auf das icon und Grafik speichern unter . Fertig.

Kurzanleitung:

STRG U oder
Rechtsklick auf die Webseite und dann auf Seitenquelltext anzeigen
STRG + F – Suche : hier favicon.ico eingeben

 &lt;link rel="shortcut icon" href="http://themes.mediendesign-quer.com/wp-content/themes/themename/<span style="background-color: #ccffff;">favicon.ico</span>" /&gt;

<span style="background-color: #ccffff;"> http://themes.mediendesign-quer.com/wp-content/themes/themename/favicon.ico</span>

obiges in die Adresszeile des Browsers eingeben
Klick Enter
Klick auf icon – mit rechtsKlick – es öffnet sich ein Fenster
Grafik speichern unter

Fertig.

Bei dieser Variante #2 wird über das Suchfeld im Quelltext der Pfad gefunden, wo das icon tatsächlich liegt, falles es nicht direkt im Server Root liegt.