Question for authors about themes with "retina". Shouldn't that be done via plugins?

302 posts mekshq.com
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Had an item featured in a magazine
  • Sells items exclusively on Envato Market
+5 more
meks says

Hi,

We would like to hear other authors opinion about themes with retina support. A lot of themes here say “retina ready” as some specific feature like it’s something hard to achieve. Aren’t ALL themes “retina ready” actually? And, how does retina feature actually became part of the themes?

There was a recent article on wptuts describing how to make retina images for WordPress.

http://wp.tutsplus.com/tutorials/theme-development/ensuring-your-theme-has-retina-support/

Only two filter functions and retina detection .js, that’s what you need to make your WordpPress website retina ready.

Why putting this into a theme when you can do it with some of several nice plugins already made to make any theme retina?

Isn’t it better to just specify in your docs some good plugin that user can install and make your theme retina, instead of putting a “plugin functionality” into a theme?

What do you think?

Cheers, Meks Team

563 posts
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in Slovakia
+3 more
LubosVolovar says

Hi,
Retina support is not only about content images but theme’s graphics as well.

Lots of themes/templates are still using bitmap graphics for icons or some design elements and those can’t be “retinized” by any plugin, this must be coded by author itself.

302 posts mekshq.com
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Had an item featured in a magazine
  • Sells items exclusively on Envato Market
+5 more
meks says

Hi,
Retina support is not only about content images but theme’s graphics as well.

Lots of themes/templates are still using bitmap graphics for icons or some design elements and those can’t be “retinized” by any plugin, this must be coded by author itself.

Well, yes, that definitely makes sense. But, nowadays we don’t actually see many themes using own “graphics”, actually most of them use icon fonts which are “retinized” by default…

Our main point here was about content images as that is the common to all WordPress websites. So, plugins or not? :)

2010 posts
  • Has referred 50+ members
  • Has sold $500,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+9 more
bitfade says
A solution like the one proposed in the article is anything but optimized:

  1. for each image, the retina.js script has to make a HEAD request to the server only to check whether the 2x version exists or not.
  2. the retina device will load both versions.

That means a lot of unnecessary server requests plus waste of server/client bandwidth.

302 posts mekshq.com
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Had an item featured in a magazine
  • Sells items exclusively on Envato Market
+5 more
meks says

A solution like the one proposed in the article is anything but optimized:

  1. for each image, the retina.js script has to make a HEAD request to the server only to check whether the 2x version exists or not.
  2. the retina device will load both versions.
That means a lot of unnecessary server requests plus waste of server/client bandwidth.

I agree, do you suggest something as an alternative?

Guess it’s +1 for plugins, because user can choose whether he wants retinized theme or not by simply installing or not installing the plugin, right?

499 posts
  • Has referred 1000+ members
  • Has sold $250,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
+8 more
pixelentity says

Plugins are fine, point is that you will have to add explicit support for the retina plugin if you want a more optimized solution.

For instance, your theme could detect a plugin using retina.js and add data-at2x attribute where relevant, this would at least avoid those extra HEAD requests.

302 posts mekshq.com
  • Elite Author: Sold more than $75,000 on Envato Market
  • Has sold $125,000+ on Envato Market
  • Had an item featured in a magazine
  • Sells items exclusively on Envato Market
+5 more
meks says

Plugins are fine, point is that you will have to add explicit support for the retina plugin if you want a more optimized solution. For instance, your theme could detect a plugin using retina.js and add data-at2x attribute where relevant, this would at least avoid those extra HEAD requests.

Sure, tnx for your opinion! In order to optimize retina feature, we can reduce extra head requests, but I’m afraid we cannot avoid duplicating images and reduce disk space usage in any solution…

by
by
by
by
by
by