Posts by Pirenko

RubenBristian said

Pirenko said
To avoid that caching issue why don’t we use a PHP session for that? Each time a retina device opens the page a session is created setting a PHP variable to true. This should fix that, right? I’m currently coding a solution with sessions that seems to be working…

you can’t detect retina via php

To avoid that caching issue why don’t we use a PHP session for that? Each time a retina device opens the page a session is created setting a PHP variable to true. This should fix that, right? I’m currently coding a solution with sessions that seems to be working…

RubenBristian said
@Pirenko Yes, you’re right. Static images embedded by authors which are not thumbnails or sliders or galleries or whatever you make for them will not be retina ready. You can’t have a perfect solution..

RubenBristian said

Pirenko said

premitheme said
No, HiRes images will be served only when retina display is detected. Retina display will be detected using javascript, when detected a cookie will be generated then you can use php conditional statement to check the existence of this cookie, if it’s existing then generate image with x2 size (using one of the available image resizing scripts/technics) otherwise generate image with normal size. But to be sure that the x2 size will look sharp you need to upload already big images to the WP media library.

This starts to make sense now, but I see a problem… Let’s grab an example: the theme logo. The user has to upload it in the size he wants it to be displayed (instead of a larger size to be shrinked) so how will you handle these cases? The cases on where the image maximum size is the size you want to use on the frontend?

The logo is a different story. Just provide the user the option to upload 2 logos and specify the width of the small logo, then do the switch in CSS. The logo is an exception from what i’ve wrote earlier..

premitheme said
No, HiRes images will be served only when retina display is detected. Retina display will be detected using javascript, when detected a cookie will be generated then you can use php conditional statement to check the existence of this cookie, if it’s existing then generate image with x2 size (using one of the available image resizing scripts/technics) otherwise generate image with normal size. But to be sure that the x2 size will look sharp you need to upload already big images to the WP media library.

I’m sorry to ask again, but can someone clarify if according to RubenBristian and Enabled method will the normal screens will be served with those high res images too? If this is true it seems to be a poor solution in terms of bandwidth usage…

You need to server “retina images” only for retina displays. There’s no need to double everything on the site! You can simply check if the user is on a retina display with js, store this with a cookie and server double images via an image resizing plugin..

But, according to this method, we have to upload only high res images, right? If this is correct, will the normal screens will be served with those high res images too?

Great stuff! Waiting for this log time ago… Thanks

This might sound a bit dumb, but did you activate the child theme?