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

274 posts mekshq.com
  • Elite Author
  • Has been a member for 4-5 years
  • Sold between 50 000 and 100 000 dollars
  • Exclusive Author
  • Europe
  • Bought between 1 and 9 items
  • Referred between 50 and 99 users
  • Envato Studio (Microlancer) Beta Tester
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

504 posts
  • Slovakia
  • Sold between 10 000 and 50 000 dollars
  • Has been a member for 1-2 years
  • Most Wanted Bounty Winner
  • Referred between 10 and 49 users
  • Bought between 10 and 49 items
  • Exclusive Author
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.

274 posts mekshq.com
  • Elite Author
  • Has been a member for 4-5 years
  • Sold between 50 000 and 100 000 dollars
  • Exclusive Author
  • Europe
  • Bought between 1 and 9 items
  • Referred between 50 and 99 users
  • Envato Studio (Microlancer) Beta Tester
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? :)

1999 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Author had a File in an Envato Bundle
  • Has been a member for 5-6 years
  • Author had a Free File of the Month
  • Won a Competition
  • Bought between 10 and 49 items
+4 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.

274 posts mekshq.com
  • Elite Author
  • Has been a member for 4-5 years
  • Sold between 50 000 and 100 000 dollars
  • Exclusive Author
  • Europe
  • Bought between 1 and 9 items
  • Referred between 50 and 99 users
  • Envato Studio (Microlancer) Beta Tester
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?

491 posts
  • Elite Author
  • Sold between 250 000 and 1 000 000 dollars
  • Won a Competition
  • Referred between 1000 and 1999 users
  • Author had a Free File of the Month
  • Author had a File in an Envato Bundle
  • Bought between 10 and 49 items
+3 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.

274 posts mekshq.com
  • Elite Author
  • Has been a member for 4-5 years
  • Sold between 50 000 and 100 000 dollars
  • Exclusive Author
  • Europe
  • Bought between 1 and 9 items
  • Referred between 50 and 99 users
  • Envato Studio (Microlancer) Beta Tester
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