Retina Already


PUNCHCARD*PDX - Evan R. Thompson

3rd Party (Free)

EE Version Support

  • ExpressionEngine 2


If an item is crossed out, it might be untested, not applicable or incompatible. Contact the developer to be sure.

  • Updater
  • Multi Site Manager
  • Stand Alone Entry Form
  • Low Variables
  • Content Elements
  • Better Workflow
  • Matrix
  • Grid
  • Webservice
  • Publisher


  • jQuery for the Control Panel

Add-On Type(s)

Extension, Plugin


Retina Already is a simple to use solution for caching and serving retina and standard resolution images to the user.

This addon is no longer supported and has been made free for any legacy users.

Why you should use Retina Already

Retina Already aims to be an almost zero-config solution to the problem of generating and serving retina and non-retina images to the appropriate client devices.

Without Retina ALready, generating retina and non-retina resolution files for ExpressionEngine sites is cumbersome, requiring the user (usually a client) to either upload multiple versions of the same image, or complicated setup in the templates and administration.

With Retina Already you’ll add one simple tag to your template, update your caching path and instantly look great on iPhones, high resolution Android devices, Retina and 4k displays.

What Retina Already Does

Retina Already looks at the final template output for your page, determines if any images exist and then serves from cache any it already has before attempting to create and serve retina ready versions of those images. A bit of Javascript will determine the client browser’s display characteristics and serve only the appropriate resolution files. Unlike client side solutions such as Retina.js, this targeted serving of images saves bandwidth for your server and for the client, resulting in faster page loads and fewer resource requirements for serving a page. Additionally, with a few small tweaks to your templates Retina Already can automatically resizes images to fit the template and will create cached copies at each size required. Retina JS will attempt to resize and cache (depending on settings) any image that comes from your template or content fields including .png, .jpg, .jpeg, .gif, .tiff and .bmp files, as well as caching and resizing images hosted on external servers.

What Retina Already Doesn’t

Images served within your templates, or contained within your content fields are resized and cached automatically, but images referenced by stylesheets or generated/added to the page via Javascript are not able to be cached or resized. Additionally, Retina Already relies on context clues to resize images, so minor modifications to your templates may be neccessary to see the full power of this extension. Read more about setting up in the docs.

Hooks Used

If the add-on is an extension, and ties into ExpressionEngine's core files, it will use ExpressionEngine hooks. We are listing any hooks the add-on uses for developers to have an easier time locating other add-ons that they can reference for their own work.

  1. template_post_parse

This entry was created June 3, 2014, 9:24 am.
This entry was last updated February 4, 2016, 5:08 pm.

Disclaimer: Information about ExpressionEngine add-ons is provided as a service to you, the user, and every member of the ExpressionEngine community. devot:ee is not responsible if you hose, mangle, wreck, or otherwise destroy your EE website by installing an add-on that you found out about at this site, regardless of its rating, Favorites status, commercial or free status, or general popularity. Caveat EEmptor!

Returns: devot:ee has a 30-day return policy on all commercial add-ons sold through If you need to return an add-on, do not go to the developer or the developer's site, but rather visit our returns page at to initiate your return. If you have questions, email

There are no reviews for this add-on yet.

What are you waiting for? Rate it and review it!