Product thumbnails and Retina displays

As Retina and high DPI displays are becoming more common, I am seeing a requirement for Hikashop to be able to adapt and present higher resolution thumbnails on these devices.

Are there any plans to implement this?, it's becoming an important requirement...

Hi,

I don't see what HikaShop could or should do.
We don't have any plan for such implementation, personally (and it's my opinion) I don't think that it is not an important requirement. And I am sure that there are Joomla plugins for that. I don't think that is the HikaShop goal or job.

Regards,

The demand for higher resolution images on websites is a growing requirement - if I'm displaying product photography in my store I want the quality to be as high as possible, who wouldn't?

So when I prepare my image content with high definition displays in mind and I add the images through the product management the thumbnail generation degrades the image to 72dpi. Unless I'm mistaken, the thumbnail generator is supplied as part of Hikashop.

Incidentally, your personal opinion seems to be the opposite of Nicholas's, who, over a year ago suggested that this was something that was being considered. A year ago the uptake of high density displays was MUCH lower than it is today...

www.hikashop.com/forum/2-general-talk-ab...-about-hikashop.html

Hi,

We will see how generate images with PHP GD in a different resolution than 72dpi.

Regards,

Jerome, OK - thanks - I do know that imagemagick have done work in this area...

Hi,

HikaShop uses by default GD. Using imagemagick will add a module restriction. This module is great but is less used than GD.
www.php.net/manual/en/function.imagejpeg.php#78523

You an use a 72dpi image and scale down it using CSS rules in order to increase his resolution for Retina screens.
DPI Resolution is just an indication, the number of pixels is the real information.

Regards,

PS: The Nicolas' message was 11 months ago, right.

So, the strategy should be to define the image size for the product to be let's say 3 times larger than you'd normally use (72 dpi x 3 = 216 dpi which is approximately a Retina display density) and then force the size of the image display in the CSS to be 33% of the size defined for the product?

Yes, that's it. The browser will then scale down the image to the size you specify in the CSS and the retina display enabled device will be able to use that 'artificially' increased DPI of the image.

is there today any simple way to make thumbnails higher resolution? apart from manual resizing and ftp'ing

You should enter a big size for them in the configuration. Then, add CSS to force their size down to fit in properly (example below). And the browser will do the rest.

.hikashop_product img{ width: 100px !important; height: 100px !important; }