Uploaded images are blurry

-- HikaShop version -- : 2.6.3
-- HikaMarket version -- : 1.7.0
-- Joomla version -- : 3.5.1
-- PHP version -- : 5.5

When i tried to create product from frontend, the uploaded images showing blurry in mobile devices. Please check the attached screenshot. Already uploaded image is blurry as compared to the one which is in progress.

Thanks in advance.

Hi,

I'm not able to understand what is what in your screenshot.
But please consider that during the upload of an image, the thumbnail is generated by the javascript with the full image while the product images are just thumbnails.
If you're using a device with a retina screen ; the "blurry" effect is just the result of retina processing.

Regards,

Hello,

Thanks for the reply. Yes i am using the retina ready device (iphone 4,5,6).
Image which i uploaded is already retina image. But it is blurry after upload. And for the better clarification i have uploaded the screenshot. Please see.

Hi,

In your screenshot, the image you pointed seems to be the blurry one ; not the image which will become blurry..

Regards,

Hello,

The image which i pointed in my last screenshot was became blurry after upload. Please check the attached image that is the actual image which i uploaded.

Hi,

The image is not becoming blurry ; HikaMarket will ask for a thumbnail generation in the product edition page ; so instead of loading a big image it is loading a small (and lite) one.
You have exactly the same exact behavior in HikaShop product pages ; with thumbnails and the full image in a popup.

Regards,

Thanks Jerome,

I think it was the way the css was stretching the image to meet the min height, so i have just doubled the size of the thumbs and regenerated them now i think they are looking ok, but the client is always right so we will see, thanks again for your help!

Alex

Hi,

Sure ; If you have some CSS which can alter the size of the images (and specially increase them) it would have some kind of blurry effect.
Like I wrote, the thumbnail during the upload is generated by javascript and it use the full image and some CSS to reduce the final display size.
Increasing the size of your thumbnails would be the best option ; and you can see to increase them again if you want to be sure to have a nice display on retina screens.

Regards,