App Icons on Safari
Safari has increased its PWA compatibility in recent years, but some extra steps are still required when we want to target Apple OS.
We'll cover the following...
App touch icon
In iOS Safari, it is possible to add any webpage to the home screen without needing to use a PWA. However, PWAs are typically the apps that further benefit users once added to the home screen. Therefore, we should ensure that PWAs look good also on Apple devices.
Let’s see in practice what this means.
The icon on the left is a website without an apple-touch icon defined, while on the right side, it has been declared correctly. You can see how the final effect looks much more precise and conceives a higher quality experience.
App touch icon setup
To define a touch ...