Lage resolutie Apple Touch icon Safari OSX

[Whatson]

Safari op OSX gebruikt standaard dit lage resolutie plaatje voor de favoriet link:

http://tweakers.net/apple-touch-icon.png
waardoor het logo niet mooi rond is.

[ Voor 11% gewijzigd door Whatson op 15-05-2016 16:56 ]

[GerardVanAfoort]

Zelfde resolutie hier. Maar varieert vanwege Safari sync tussen iPad 3 iOS 9 en iPhone iOS 7. Soms is dan alleen op mijn iPhone het favicon niet scherp, kan er niet echt hoogte van krijgen na historie en cookies verwijderen is het ook niet consequent.

[edwinjm]

Dat ziet er inderdaad een beetje knullig uit, wat vreemd is omdat de rest van de site goed in elkaar steekt.

Mijn vermoeden is dat Tweakers een scriptje gebruikt waarmee vanuit één (SVG-)bestand meerdere afbeeldingen worden gegenereerd. Helaas werkt dat dus niet zo goed.

[GerardVanAfoort]

Maak maar eens een favoriet aan vanaf je 'mijn topics' pagina (mijn geval iOS) dan krijg ik dus nog steeds het oude logo.. ook op Tweakblogs.

[Whatson]

GerardVanAfoort schreef op zondag 15 mei 2016 @ 23:48:
Maak maar eens een favoriet aan vanaf je 'mijn topics' pagina (mijn geval iOS) dan krijg ik dus nog steeds het oude logo.. ook op Tweakblogs.

Dat heb ik ook bij GoT. Komt omdat dit nog het oude logo is:
http://gathering.tweakers.net/apple-touch-icon.png

[ Voor 22% gewijzigd door Whatson op 16-05-2016 14:16 ]

[_David_]

Ik krijg op Android 6.0.1 (Chrome For Android 50.0.2661.89) zowel op de FP & GoT een goed icon, lijkt dus alleen het Apple Touch icon te zijn.

Voorbeeld:

[crisp]

Het zou best kunnen dat we voor desktop Safari inderdaad geen verschillende resolutie iconen aanbieden, maar dat zouden we eens uit moeten zoeken. Browserbouwers hebben er ook een handje van elke keer weer andere formaten of andere tags te vereisen...

[Whatson]

crisp schreef op maandag 16 mei 2016 @ 14:19:
Het zou best kunnen dat we voor desktop Safari inderdaad geen verschillende resolutie iconen aanbieden, maar dat zouden we eens uit moeten zoeken. Browserbouwers hebben er ook een handje van elke keer weer andere formaten of andere tags te vereisen...

Nou ja, gewoon je /apple-touch-icon.png een resolutie-bump geven naar 152x152 scheelt al een hoop en je hoeft er geen tags voor aan te passen. Als je per se tags wilt gebruiken moet je /apple-touch-icon.png weglaten want zodra safari deze vindt wordt deze gebruikt.

Edit: bestaat al en wordt waarschijnlijk door safari op iOS wel standaard gebruikt:
http://tweakers.net/apple-touch-icon-152x152.png

Kunt het trouwens zelf (tijdelijk) handmatig fixen door naar ~/Library/Safari/Touch Icons/ te gaan en de bewuste icon te vervangen door de 152x152 van hierboven. Daarna even je cache date in ~/Library/Safari/Touch Icons/CacheSettings.plist (openen met Xcode) op +50 jaar in de toekomst zetten dan is dat icon altijd de meest recente .

[ Voor 30% gewijzigd door Whatson op 17-05-2016 00:42 ]