Pictures aren't as clear when uploaded to WordPress.com?

  • Author
    Posts
  • #2924191

    As titled.

    I suddenly realized they are not as clear when uploaded compared to when I look at them on my desktop. Anyone experiencing the same thing? I uploaded it as full size pictures in case you guys are wondering. The pics just look blurred and the colors are not as vibrant.

    If WordPress is affecting the quality of the pics, then that’s not good! Please share your experience or perhaps ways to fix it?? Thank you!

    The blog I need help with is brownkittycat.wordpress.com.

    #2924295

    Aloha brownkittycat, Can you please post a link to one of the pages where the images are not clear?

    #2924297

    dave2swords
    Member

    Hello
    How are you adding the images? Do you upload them from your computer/device to your media library, upload via URL, or cut and paste?

    best,
    dave

    #2924315

    @geoffreyshilling Hi, here’s the link. You can’t really tell from here because you don’t have the originals to compare.

    https://brownkittycat.wordpress.com/2017/04/08/styling-your-spring-outfit-with-a-unique-accessory/

    @dave2swords

    Hi, I uploaded it from my laptop to the media library and then to the post.

    Thank you for helping!

    #2924327

    dave2swords
    Member

    Hello again
    Which photo(s) on that page are not right?
    dave

    #2924328

    Hi Dave!

    They all are not as sharp but the first one is the most apparent. The clarity is lost on the watch. The needles on the watch are blurry as well as the cushion details compared to the original.

    #2924343

    dave2swords
    Member

    Hi
    Sorry it took me a while to get back to you, had some life stuff to take care of this morning.

    I opened the photo on its own and increased the magnification as a test. That is a really nice photo, with lots to look at, and an impressive background.

    The original is 2520 wide x 1680 high the file size calculates to around 12403 kb IF you are using 32 bit color. The image displayed in the page is 663 wide x 442 high, and calculates about 859 kb. I used http://jan.ucc.nau.edu/lrm22/pixels2bytes/calculator.htm to calculate the uncompressed file sizes.

    Looking at the information about the photo as in your blog, i found this: https://cl.ly/2A0F330H0Z1B The image on the page has a filesize of 137 KB, which is about 16% of the calculated size of an uncompressed image of the same size.

    The original from your Media Library at WordPress is 1,820.38 kb, which is about 15% of the calculated size of an uncompressed image of the same size.

    Are the photos you see as the most degraded the ones you might have edited multiple times? And do you “optimize” the images before uploading them to WordPress for publication?

    JPEGs are better suited for photographs than most other file formats. In most image editing software, every time you open a .JPEG file, edit it, and save it again, you are asked how much compression (what quality) you want to save it as. If you open the image several times, edit, then save, every save will be of higher compression (lesser quality) than the last one. The higher compression (lesser quality) will manifest as lost details like the watch hands. Then if you Optimize the image as discussed in the above link, you lose even more detail.

    So yes, the images in your blog are not as sharp as they could be. It is a delicate balance between clear and vivid photos and the amount of storage you have available in your media library. My suggestion would be perhaps a bit less background :-( and more of the subject, and less editing/optimization, or buy more storage space.

    Long answer, i know.
    best,
    dave

    #2924356

    Thank you Dave for the reply.

    I usually resized the photos to around 2mb in paint in Windows and then I uploaded them to WordPress after. For this particular photo, I did also try uploading the original file (non resized one) and the quality is still very bad.

    I read somewhere in this forum (a topic that was in 2010), someone had the same problem. They said the pixel width of the pics has to match the pixel width allowed for your specific theme (in which case mine is 662px). So I tried that, it was definitely clearer but still not as clearer as the original file if you get what I mean.

    I don’t know if this is a WordPress problem or something I can do on my end. I’m just curious if others are experiencing the same thing and if so, what can be done to fix it. I know what you mean by less background but sometimes that’s what makes the pictures nice lol

    Sorry about the long msg. I’m just frustrated that’s all. Thank you for listening and the help!

    #2924357

    supernovia
    Staff

    Howdy @brownkittycat

    Dave’s advice is spot on, and applies well here:

    I usually resized the photos to around 2mb in paint in Windows and then I uploaded them to WordPress after.

    This could be part of the problem. With jpg files, you may lose some quality with each modification. If you’re already modifying to resize, then we have to modify again to display it on your site, that could cause issues.

    If uploading full size doesn’t help, have you thought about resizing to the size your site needs, then uploading that? That way you’ll have a little more control & could maybe do some selective sharpening as needed. Or if it looks bad at that size even on your own computer, you could try some of the cropping ideas mentioned.

    #2924359

    Hi there @supernovia,

    As mentioned previously, the pics look fine after I resized it to 2mb on my computer. I also did upload the original file to see but it’s still blurry. I also did resize it to 622px width which is my theme “button” allows, although slightly clearer but still not like the original.

    Please tell me what I’m doing wrong…. Thank you!

    #2924365

    supernovia
    Staff

    @brownkittycat

    As mentioned previously, the pics look fine after I resized it to 2mb on my computer.

    But after you resize to something a little smaller, we have to resize it again. It’s like making a copy of a copy.

    I mentioned this earlier:

    have you thought about resizing to the size your site needs, then uploading that?

    The image you mentioned here is 663×442 pixels, so try making your image that size on your computer then uploading. Let me know if that makes any difference in the quality.

    #2924391

    I did try that as well 662px. Although clearer but it’s still not like the original. Thanks.

    #2924392

    dave2swords
    Member

    Hi
    Try resizing the “original original” if you still have it, then optimize it and see what happens. Also, Paint may not be your best choice for editing a JPEG. There are several open source image editing programs out there that might do a better job for you.

    dave

    #2924394

    supernovia
    Staff

    Also, Paint may not be your best choice for editing a JPEG.

    Agreed on that.

    @brownkittycat when you resize it to 662px (actually please make it 663px), does the picture at that size on your own computer look better than it does when you upload it at that size to WordPress.com ?

The topic ‘Pictures aren't as clear when uploaded to WordPress.com?’ is closed to new replies.