favicon html apache2 iPhone

[Anton65]

Hallo Liebes Board komm nicht weiter ich habe für mein apache2 ein Favicon erstellt was jetzt endlich im Browser angezeigt wird mit diesem code hat es dann endlich geklappt

Spoiler

<link rel="shortcut icon" href="favicon.ico?v=<?php echo time() ?>" />

aber wie muss der code aussehen damit es am iphone angezeigt wird wen man es auf dem desktop /home Bildschirm ablegt habe schon zich codes versucht

z.B

<link rel="apple-touch-icon" href="iphone_icon.png"> 
<link rel="apple-touch-icon-precomposed" href="iphone_icon.png">

größen geändert und und und .....

vieleicht könnt ihr mir weiterhelfen

schöne Pfingsten Gruß Dream

 

[Phantom]

Wo genau soll es denn auf dem iPhone gezeigt werden. Safari zeigt mir kein soweit ich erkennen kann. Normal kommt das icon in das root und fertig. Aber oftmals werden die seiten noch lange aus den Cache geladen und das aus der zeit ohne Icin. Leere diesen mal und schau dann.

 

[Phantom]

Versuche mal das

<link rel="shortcut icon" href="/iphone_icon.ico">
<link rel="icon" type="image/png" href="/iphone_icon.png" sizes="32x32">

<link rel="iphone_icon" sizes="180x180" href="/iphone_icon.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">

Leg dabei 2 Endungen ab. png ist für mobile Geräte und ico für Desktop Rechner.

 

[Anton65]

sollte auch die größe von 32x32 haben ?

dies hat bei den browsern nicht geklappt

<link rel="shortcut icon" href="/iphone_icon.ico">

 

[Phantom]

Dann lass den anfang weg.

<link rel="icon" type="image/png" href="/iphone_icon.png" sizes="32x32">

<link rel="iphone_icon" sizes="180x180" href="/iphone_icon.png">

Das sollte zum testen reichen. Das img sollte schon die maße 32x32 haben.

 

[Anton65]

nein funktioniert nicht im browser ist das bild da

 

[Phantom]

Leere mal dein Cache vom iphone.

 

[Anton65]

hab ich schon gemacht

So schaut die zeile aus

Spoiler

<link rel="shortcut icon" href="/iphone_icon.ico">
<link rel="icon" type="image/png" href="/iphone_icon.png" sizes="32x32">
<link rel="iphone_icon" sizes="180x180" href="/iphone_icon.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">

und bild ist in 32x32 png datei und heißt iphone_icon.png

 

[Phantom]

Ich teste es mal hier im DEB. Hab eben gesehen das hier auch kein Icon gesetzt wird.

 

[Anton65]

ok wer super hasst recht beim deb auch kein icon

 

[Phantom]

Teste mal das hier

Sie müssen registriert sein, um Links zu sehen.

 

[Anton65]

hatte ich schon kein erfolg

 

[Phantom]

Bin noch bei es hier zu testen. Das sollte auch interessant sein

Sie müssen registriert sein, um Links zu sehen.

 

[Phantom]

Hier funktioniert es.

<link rel="apple-touch-icon-precomposed" href="@imagePath/MobileIcons/apple-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="@imagePath/MobileIcons/apple-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="@imagePath/MobileIcons/apple-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="@imagePath/MobileIcons/apple-icon-144x144.png" />

 

[Anton65]

Hat jetzt bei mir auch funktioniert mit dem link Danke und schöne Pfingsten