Uploaded images are blurry

  • Posts: 377
  • Thank you received: 7
8 years 5 months ago #242151

-- 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.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 5 months ago #242152

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 377
  • Thank you received: 7
8 years 5 months ago #242199

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.

Attachments:
Last edit: 8 years 5 months ago by Dibben.

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 5 months ago #242223

Hi,

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

Regards,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 377
  • Thank you received: 7
8 years 5 months ago #242255

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.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 5 months ago #242260

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

  • Posts: 377
  • Thank you received: 7
8 years 5 months ago #242538

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

Please Log in or Create an account to join the conversation.

  • Posts: 26158
  • Thank you received: 4028
  • MODERATOR
8 years 5 months ago #242540

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,

Jerome - Obsidev.com
HikaMarket & HikaSerial developer / HikaShop core dev team.

Also helping the HikaShop support team when having some time or couldn't sleep.
By the way, do not send me private message, use the "contact us" form instead.

Please Log in or Create an account to join the conversation.

Moderators: Obsidev
Time to create page: 0.068 seconds
Powered by Kunena Forum