htmlprogressive-web-appsfaviconapple-touch-icon
apple-touch-icon displaying shrunken on Safari Bookmark
I have the following line in index.html that declares my apple-touch-icon file.
<link rel="apple-touch-icon" href="%PUBLIC_URL%/images/logo192.png"/>
When I attempt to add the website as a bookmark in Safari (16.3, macOS Ventura 13.2), the icon displays shrunken, when ideally it should fill the rounded-rectangle container. See my icon below, and see for example Stripe's:
The image I'm using is a .png sized 192 x 192. Has anyone encountered this before and managed to solve it?
Solution
This issue (bug) has been resolved in Safari 16.4 (macOS) and iOS 16.4.
- Working code on JSFiddle, CodePen, but not on my computer
- getting current time of youtube videos while playing
- White edge/block to the right of navigation bar?(HTML)
- Trailing Slash on website requiring multiple trailing slashes
- Splitting HTML file and saving chunks using LangChain
- How to disable external CSS in browser for testing?
- Responsive grid width different height columns
- How to include a font .ttf using CSS?
- JavaFX not embedding google maps html
- Can I escape HTML special chars in JavaScript?
- HTML form visible or hidden based on checkbox condition
- How to make a live HTML preview textarea safe against HTML/Script Injection
- How to change background color for anchor tag
- How to set favicon.ico properly on vue.js webpack project?
- How to simulate a click by using x,y coordinates in JavaScript?
- Detecting end of scroll in a div
- How to make custom background like this?
- Can I style a <select> element to show columns?
- Zero-width non-breaking space
- Transition of wave animation in css from left to right
- want fixed format string, when adding to combo box
- Display hidden not working with flex in Tailwind
- Are there any free ways to turn an html page into an image with .net
- How do different browsers calculate a CSS translate animation containing images?
- How to Set a Checkbox to Default Checked to Collapse a Menu Bar Initially Using HTML and CSS?
- I want different text in the same line positioned to the left and right inside a table cell
- Essential Objects WebView how to navigate through the HTML-tree?
- placing a button at the bottom of grid
- How can I combine all elements of a div into a static image before printing?
- Placing logo with links inline