Safari 17 launched with a new feature to add web apps to the macOS Dock. However, it seems to use the favicon.ico file as icon, instead of a higher resolution apple-touch-icon.png.
I would prefer to specify a different icon than favicon.ico for this. My favicon.ico is low resolution and includes no margins, because it’s meant to be displayed in small sizes (like in a browser tab).
For the Dock icon, I would like to specify a different file that includes some margin around the content, and with a higher resolution. Similar to the apple-touch-icon.png which is used on iOS.
How can I achieve that? Shouldn’t Safari on macOS also use apple-touch-icon.png for this purpose, instead of favicon.ico?
Selecting any option will automatically load the page