Skip to content
This repository has been archived by the owner on Feb 12, 2019. It is now read-only.

Lo-res image used #273

Open
coda-apps opened this issue Nov 15, 2017 · 7 comments
Open

Lo-res image used #273

coda-apps opened this issue Nov 15, 2017 · 7 comments

Comments

@coda-apps
Copy link

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

@BumbleB2na
Copy link

BumbleB2na commented Nov 15, 2017

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.

@coda-apps
Copy link
Author

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?

@BumbleB2na
Copy link

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

@coda-apps
Copy link
Author

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?

@BumbleB2na
Copy link

BumbleB2na commented Nov 17, 2017 via email

@coda-apps
Copy link
Author

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

@coda-apps
Copy link
Author

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!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants