Skip to main content
Dunham13031955
Inspiring
November 21, 2023
Answered

Images load in low quality when using a small desktop

  • November 21, 2023
  • 3 replies
  • 540 views

Good morning

Am I having a problem when I upload an image to a smaller desktop as described below? I downloaded an image from freepik which after downloading was 5500px x 2600px. I created the workspace in PS with 340px x 150px and when I loaded the image it was of poor quality and completely pixelated. Then I changed DPI to 200 px/in and uploaded it again. There was an improvement, but it still wasn't good, especially when zooming.

 

I saved it as a jpg, 100% quality and changed the size to 3x to see if it improved.

 

I uploaded the same image to Canva and surprisingly it looked great, even with a 380% zoom. I saved it with 100% quality and size 3. If anyone has a solution, please post it here.

 

[Duplicate of above text removed for clarity]

 

This topic has been closed for replies.
Correct answer Conrad_C

What is the reason for creating a document at 340 x 150 px? Is that the required final size of the image?

 

If it is, then you did not finish the Canva test. You must look at the image after Canva has exported it at 340 x 150 px. And chances are it will look as bad as the 340 x 150 px image did in Photoshop. I think the reason you are seeing sharp detail in Canva at 380% is that it has retained the original 5500 x 2600px pixel dimensions just during editing.

 

A 340 x 150 px image can't avoid looking pixelated when zoomed in. Remember, it has only 150 vertical pixels. That's not a lot of pixels, it's like making a picture with Lego bricks.

 

If you wonder why other 340 x 150 px images look good on the web, it's because it is not common to zoom in on those. Therefore, zooming into a web image in Photoshop is not realistic. If a 340 x 150 px image is viewed only at 100% on a web page, as they are typically, it will look fine.

3 replies

Conrad_C
Community Expert
Conrad_CCommunity ExpertCorrect answer
Community Expert
November 21, 2023

What is the reason for creating a document at 340 x 150 px? Is that the required final size of the image?

 

If it is, then you did not finish the Canva test. You must look at the image after Canva has exported it at 340 x 150 px. And chances are it will look as bad as the 340 x 150 px image did in Photoshop. I think the reason you are seeing sharp detail in Canva at 380% is that it has retained the original 5500 x 2600px pixel dimensions just during editing.

 

A 340 x 150 px image can't avoid looking pixelated when zoomed in. Remember, it has only 150 vertical pixels. That's not a lot of pixels, it's like making a picture with Lego bricks.

 

If you wonder why other 340 x 150 px images look good on the web, it's because it is not common to zoom in on those. Therefore, zooming into a web image in Photoshop is not realistic. If a 340 x 150 px image is viewed only at 100% on a web page, as they are typically, it will look fine.

jane-e
Community Expert
Community Expert
November 21, 2023

 

 

quote

I created the workspace in PS with 340px x 150px

By @Dunham13031955

 

In addition to what Kevin said:

  • Skip creating a workspace with 340 x 150 pixels
  • Instead use File > Open to open the image that you have already downloaded at its full resolution
  • Do not save it as a JPEG, then make it 3x larger.  JPEGs are lossy and should not be resaved after editing. Making an images 3x larger never improves it.

If you simply open the image you downloaded, which is 5500 x 2600 pixels, it should look fine exactly as it is. View it at 100% zoom level.

 

Jane

Kevin Stohlmeyer
Community Expert
Community Expert
November 21, 2023

@Dunham13031955 340x150px is tiny and is expected to have this quality at that size. The bottom photo must be zoomed in huge to show the comparison.

Once downsampled to this size, you cannot simply increase size or resolution. You cant just add pixels.

You need a better understanding of pixel dimensions so you can create better quality images.

This page can help explain:

https://www.photoshopessentials.com/basics/pixels-image-size-resolution-photoshop/