WebSite X5Help Center

 
Bernd Jung
Bernd Jung
User

Favicon am handy unscharf  de

Auteur : Bernd Jung
Visité 618, Followers 1, Partagé 0  
Mots-clés :: website x5 pro 2024.1

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

Posté le
8 RéPONSES
Incomedia
Eric C.
Incomedia

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

Lire plus
Posté le de Eric C.
Bernd Jung
Bernd Jung
User
Auteur

www.fachberater-bjung.de

Lire plus
Posté le de Bernd Jung
Incomedia
Eric C.
Incomedia

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

Lire plus
Posté le de Eric C.
Bernd Jung
Bernd Jung
User
Auteur

298 x 273

Lire plus
Posté le de Bernd Jung
Daniel W.
Daniel W.
User

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

-----

Lire plus
Posté le de Daniel W.
Bernd Jung
Bernd Jung
User
Auteur

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.

Lire plus
Posté le de Bernd Jung
Daniel W.
Daniel W.
User

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">

-----

Lire plus
Posté le de Daniel W.
Daniel W.
Daniel W.
User

Hier das winzig kleine Favicon, das WebSite X5 erzeugt, siehe

<--- Dieses Favicon wird natürlich unscharf beim Vergrößern

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

Lire plus
Posté le de Daniel W.