Photos lose quality after uploading to website

Forum|Forum|8 years ago
February 13, 2018
3 replies
1455 views

Hi

I'm new to this forum.

I uploaded photos to my website: www.cardsvalley.co.uk

but unfortunatelly they lost in quality. Can somebody help me to resolve this problem?

Thanks

Rafa

This topic has been closed for replies.

Correct answer Jon Fritz

I do see low quality previews before the image fully loads.

I'm not seeing any actual low quality images on that site though.

Are you sure you site is done loading in your browser? Images will load instantly in local previewing of your site, however that won't necessarily be the case when you're downloading from the internet. You're at the mercy of the server speed, the speed of the network to your router, and the speed of your local area network. If any of those are going a bit slow, you may see your low resolution image previews a little longer than normal before they "snap" in, once fully downloaded.

(if this isn't an attempt at backlink spam)

Nancy OShea

Community Expert

This is certainly not a Dreamweaver question. Your shopping cart site is on Shopify. This is what Shopify says about product images.

Images - Products - Shopify Help Center

JPG is preferred.
Maximum file size 20 MB
Higher resolution photos will look more polished and professional to your customers, and we typically suggest 2048px by 2048px as a guideline for square product images.

Nancy

Nancy O'Shea— Product User & Community Expert

O

osgood_

Legend

https://forums.adobe.com/people/Nancy+OShea wrote
This is certainly not a Dreamweaver question. Your shopping cart site is on Shopify. This is what Shopify says about product images.
Images - Products - Shopify Help Center
JPG is preferred.
Maximum file size 20 MB
Higher resolution photos will look more polished and professional to your customers, and we typically suggest 2048px by 2048px as a guideline for square product images.
Nancy

What, a 20mb product image at 2048px x 2048px?

The only image I can see is the one which loads on the front page which looks ok to me. Maybe the OP is on a retina screen.

Nancy OShea

Community Expert

osgood_ wrote
What, a 20mb product image at 2048px x 2048px?

What it says is you cannot upload any image over 20 MB (that's a benchmark used by lots of sites like this). I'm sure they compress files on the server.

2048px is most likely the hi-res version for Retina / Hi-DPI displays.

Use Export > Export As In Photoshop CC to reduce file size. See screenshot.

Nancy O'Shea— Product User & Community Expert

Jon Fritz

Correct answer

Community Expert

I do see low quality previews before the image fully loads.

I'm not seeing any actual low quality images on that site though.

Are you sure you site is done loading in your browser? Images will load instantly in local previewing of your site, however that won't necessarily be the case when you're downloading from the internet. You're at the mercy of the server speed, the speed of the network to your router, and the speed of your local area network. If any of those are going a bit slow, you may see your low resolution image previews a little longer than normal before they "snap" in, once fully downloaded.

(if this isn't an attempt at backlink spam)