cubiq/add-to-homescreen

Lo-res image used

Opened this issue · 7 comments

Hi!

I generated favicons using the "every size" option at http://www.favicomatic.com/, based on an original image sized 164 px X 164px.

But when I see the ATH popup on my phone, the images used seems very low res, and pixelated. it cant be using the full size image. Pls see screenshot below.

What can be done for this?

Thanks

screenshot_2017-11-15-15-52-15

Hi @coda-apps, I had a very good experience using https://realfavicongenerator.net/. You might want to try that? Otherwise, I could help you if you figure out what image file is being used by debugging mobile safari. The ath popup is a regular html element that can be inspected but, that popup disappears so you'll also want to find whichever ath config parameter makes it so you have to manually dismiss the popup.. that'll make it easier to inspect it. Or, figure out some clever way to console.log the image file that ath plugin uses. Or, now that you are (hopefully) debugging mobile safari at this point, you'll start debugging the plugin code.. skip all those other steps.. and Bob's your uncle.

Thanks @BumbleB2na !
That method with debugging mobile safari is interesting! i looked it and tried (even though my secondary mobile is only a iPhone 4S...) and i on my PC - i dont have the option to see my phone in the Develop menu. I guess its either because its an old phone or because i am on a PC.
I wonder if there is some way to know the default image that ath uses?

Oh ok. Chrome dev tools mobile simulation lets you choose specific iPhone user agents and sets retina display.

Thanks. Found that i played around with it with various "devices" . but i cant get the ath popup to appear. do the script is evidently now thinking that its a mobile. did you manage to get it to work in Chrome?

cleaned my cache and all, but still cant get it to come up in Chrome with the iphone 5/6 selected

I managed to see the ath pop up properly on my android phone, in Chrome.
it seemed to be showing the image version called "apple-touch-icon-57x57.png" - but it was evidently stretching it, therefore it looked blurred.
so why would ath use a smaller image, when larger ones exist?
thanks for all your help!