About Retina Display Favicons

Retina Display
Credit https://flic.kr/p/bqCmGA

Retina Display (marketed by Apple with a stylized lowercase ‘D’ as Retina display) is a brand name used by Apple for screens that have a pixel density high enough that the human eye is unable to discern individual pixels at a typical viewing distance. The term is used for several Apple products, including the iPhoneiPod TouchiPadMacBook ProiPad Mini, and iPad Air.[1] Because the typical viewing distance is different, depending on each device’s use, the pixels per inch claimed to be of Retina quality can differ, depending on the size of the display, with higher PPI for smaller displays and lower PPI for larger displays: 326 PPI for the smallest devices (iPhone, iPod Touch, and iPad Mini (2nd generation)), 264 PPI for mid-sized devices (iPad (3rd & 4th generations), iPad Air), and 220 PPI for larger devices (MacBook Pro). Many other manufacturers’ displayshave similar or higher pixel density. When an Apple product has a Retina Display, each user interface widget is doubled in width and height to compensate for the smaller pixels. Apple calls this mode HiDPI mode. Apple has applied to register the term “Retina” as a trademark in regard to computers and mobile devices with the United States Patent and Trademark OfficeCanadian Intellectual Property Office, and in Jamaica.[2][3] On November 27, 2012 the US Patent and Trademark office approved Apple’s application and “Retina” is now a registered trademark for computer equipment. Source: https://en.wikipedia.org/wiki/Retina_Display


Recommended Retina Favicon Generator

I’ve had better success from the Iconifier Retina Favicons Generator website. I upload jpeg and it provides me with a zip file with all the necessary images and HTML code to paste into my Genesis Framework Header scripts.

Adding Favicons to WordPress Genesis Theme Framework

  1. Point your browser to iconifier.net1
  2. Use an image best representing your brand or identity
  3. Copy the resulting code and download zip file
  4. Export the images to the root of your WordPress folder or document root (public_html or /var/www/docroot/)
  5. Paste the code provided into Genesis Framework Settings

WordPress Genesis Retina Favicon Generator Screenshot


References

  1. Iconifier Retina Favicons

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.