add-to-homescreen icon indicating copy to clipboard operation
add-to-homescreen copied to clipboard

Published 20 hours ago • verified publisher icon cubiq

App Icon not highest resolution

Open aaronhb opened this issue 10 years ago • 3 comments

When the popup opens it is not displaying the highest resolution and displaying the default apple-touch-icon.png instead of the higher resolution one.

This is my code for icons

<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon.png">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-57x57.png" sizes="57x57">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-60x60.png" sizes="60x60">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-72x72.png" sizes="72x72">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-76x76.png" sizes="76x76">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-114x114.png" sizes="114x114">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-120x120.png" sizes="120x120">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-128x128.png" sizes="128x128">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-144x144.png" sizes="144x144">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-152x152.png" sizes="152x152">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-180x180.png" sizes="180x180">
<link rel="apple-touch-icon" href="/templates/Mobile-Ratchet/_icons/apple-touch-icon-precomposed.png">

Any ideas why it will not pull the highest one at 180x180 or 152x152?

aaronhb avatar Feb 07 '15 20:02 aaronhb

that's weird, it should take the highest resolution. try to place the tags in decreasing order

cubiq avatar Feb 07 '15 22:02 cubiq

I'm having the same issue. It seems like I should be able to work around it by altering the order of the apple-touch-icon links, but it would be great if the CSS selector used to choose the icon preferred the highest resolution available, not the first match in the DOM.

nickpad avatar Feb 11 '15 04:02 nickpad

So changing the order works but agree with it should grab largest one and not the first one bur it works. :)

aaronhb avatar Feb 19 '15 16:02 aaronhb