Favicon am handy unscharf 
Author: Bernd Jung
Visited 530,
Followers 1,
Shared 0
Hallo, ein Favicon wurde ganz normal im Programm eingefügt. Es wird auch am PC angezeigt. Am iPhone erscheint das Favicon aber etwas unscharf. Kann man hier etwas verändern - Auflösung? Bei Android wird es aktuell nicht angezeigt. Kann es am Browser liegen? Danke
Posted on the
Hello Bernd,
could you provide the URL of this website so that I can check how the favicon is displayed on a mobile device?
What resolution was used for the image?
Eric
Online translation:
Hallo Bernd,
könntest du mir bitte die URL dieser Website geben, damit ich überprüfen kann, wie das Favicon auf einem Mobilgerät angezeigt wird?
Welche Auflösung wurde für das Bild verwendet?
Vielen Dank.
Eric
Author
www.fachberater-bjung.de
Hello Bernd,
I have checked on an Android smartphone using Google Chrome and did notice some blur in the search results.
What size was used for the image?
Eric
Online translation:
Hallo Bernd,
Ich habe auf einem Android-Smartphone mit Google Chrome überprüft und habe bemerkt, dass in den Suchergebnissen etwas verschwommen ist.
Welche Größe wurde für das Bild verwendet?
Eric
Author
298 x 273
Ich habe kein Handy zum Testen.
Vielleicht einen kostenlosen Favicon-Generator (siehe Hinweis und Link unten) benutzen, der erstellt aus einem Bild die Favicons in verschiedenen Größen für die verschiedenen Geräte und auch eine Code dazu, der die Favicons den verschiedenen Geräten zuweist.
Kleine Anleitung dazu:
A) Der Code wird bei Website X5 unter ...
1 Einstellungen > Ststistiken und Code / Code
Bnutzerdefinierter Code:
Vor dem </HEAD>-Tag
... eingefügt.
B) Die erzeugten Bilder werden in Website X5 im FTP-Fenster eingefügt, zu finden unter ...
5 Export > Export der Website ins Internet
... bei Zielverzeichnis rechts das Symbol anklicken, im Popup-Fenster das Symbol
anklicken und die erzeugten Bilder hochhalden. Evtl. Bilder vorher etwas schärfen, vielleicht hilft es.
----- Auszug und Link -----
Darstellung auf mobilen Geräte – Wie wichtig sind Favicons für mobilen optimierte Webseiten?
...
Speziell Apple Touch Icons und Windows Kacheln (Windows 8 Tiles) benötigen Grafiken in größerer Auflösung: Je nach Gerät und Version werden Icons in den Größen 57×57, 60×60, 72×72, 76×76, 114×114, 120×120, 128×128, 144×144 und 152×152 Pixel benötigt. Für Windows 8 Tiles benötigen Sie Grafiken in den Größen 70×70, 144×144, 150×150, 310×150 und 310×310 Pixel.
Über einen Favicon-Generator können Sie die verschiedenen Versionen schnell und einfach erstellen.
Kostenlose Generatoren im Überblick
...
(Liste mit vielen kostenlosen Generatoren, siehe Link)
>> https://www.hosteurope.de/blog/favicon-einbinden/#_Toc109
-----
Author
Vielen Dank für die gute Beschreibung. Ich meine nur, dass das eigentlich Website X5 können sollte. Es gibt ja hierfür auch die Funktion - siehe Bild.
Zum Vergleich:
A) Die Funktion in WebSite X5 verwaltet nur ein einziges Favicon.
----- WebSite X5 -----
----- Quelltext -----
<linkrel="icon" href="favicon.png?2024-1-6-0-638492643372704087" type="image/png" />
--------------------
B) Aber mit einem Favicon-Generator sind es mehrere Favicons und Größen.
-----
<linkrel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<linkrel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<linkrel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<linkrel="manifest" href="/site.webmanifest">
-----
Hier das winzig kleine Favicon, das WebSite X5 erzeugt, siehe
Quelle: fachberater-bjung.de/favicon.png?2024-1-6-0-638494908101343635
Zum Vergleich:
Hier die 3 Favicons eines Favicon-Generators, die per Code eingebunden werden, siehe
Quelle: windsolarmobil.de