Highlighted

Photos lose quality after uploading to website

New Here ,
Feb 13, 2018

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

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)

Views

400

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Photos lose quality after uploading to website

New Here ,
Feb 13, 2018

Copy link to clipboard

Copied

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

Adobe Community Professional
Correct answer by Jon Fritz II | Adobe Community Professional

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)

Views

401

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 13, 2018 0
Adobe Community Professional ,
Feb 13, 2018

Copy link to clipboard

Copied

cardsv75849285

is that a dreamweaver question?

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 13, 2018 0
Adobe Employee ,
Feb 23, 2018

Copy link to clipboard

Copied

Moving this discussion to the Dreamweaver support forum.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 23, 2018 0
Adobe Community Professional ,
Feb 23, 2018

Copy link to clipboard

Copied

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)

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 23, 2018 1
Adobe Community Professional ,
Feb 23, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 23, 2018 0
LEGEND ,
Feb 23, 2018

Copy link to clipboard

Copied

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.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 23, 2018 0
Adobe Community Professional ,
Feb 23, 2018

Copy link to clipboard

Copied

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, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 23, 2018 0