Using IconSlate to Create a Retina Favicon.Supporting IE6 – IE10 (and the Safari problem).How To Install Favicon Photoshop Action.Downloading the Photoshop / macOS Automator / Sketch Template.Sanity Check: Photoshop / Automator utilities.A (mostly) complete list of all the known Favorite Icon Sizes.Image: NPR.org does not have a retina display favicon thus it appears pixelated Specific interests? Here’s what we cover in this article: The goal is to provide the best results (non-pixelated) with the least amount of work, and most importantly, maintaining one’s sanity while doing so. This is a how-to guide for creating favicons for (almost) every conceivable browser. To make matters more confusing, many newer devices, for example, iOS and Android, have their preferred favicon replacements. The classic 16 x 16 pixel favicon appears pixelated on these devices and displays thus, additional steps are needed. Generally, graphics need to be optimized for high-resolution displays. The end result is much sharper text and images. These devices and displays feature more pixels per square inch. With modern devices, displays tend to feature high density (retina) displays.
