Terrible picture quality in gallery

strangera · Member · Mar 9, 2017 at 10:08 pm
Copy link

Add topic to favorites
Hi there, by some unknown reason when you open a gallery in my blog all the pictures look terrible and pixselated. The only way to see the picture with normal quality is to click the “View full size” button. For what I can put together, the previews in the carousel are with worst than usual quality and it is widespread tru all articles in my blog. And not just in my blog.

Here are some examples – https://strangera.com/2017/03/09/marvels-guardians-of-the-galaxy-the-telltale-series-info/
https://strangera.com/2017/01/16/acer-new-models/
https://photojunction.net/2017/01/16/ciri-the-witcher-3/

Just click some of the gallery’s and prepare to be “amazed”.

The blog I need help with is: (visible only to logged in users)
timethief · Member · Mar 9, 2017 at 10:11 pm
Copy link
I don’t see ant pixelation at all. I’m on a PC running windows 10 and FF51 and I see a normal display.

It sounds like you are describing either a connectivity issue or a browser related issue.

Are you using a desktop computer and running an up to date browser version?

Are you using an app?

Do you have a dodgy internet connection?

Make sure you are running an up to date browser version found at https://browsehappy.com

Read all the tips here https://en.support.wordpress.com/browser-issues/ Try clearing your browser cache https://en.support.wordpress.com/browser-issues/#clearing-your-browser-cache
Try using another browser.

If you are not successful please provide this specific info:
(a) Exactly what kind of device you are using to connect to the internet and to WordPress.com.
(b) Exactly which browser (and version of it) you’re using by checking here if necessary http://supportdetails.com/

Then type modlook into the sidebar tags on this thread for a Staff follow-up. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Also subscribe to this thread so you are notified when they respond and be patient while waiting. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.
strangera · Member · Mar 9, 2017 at 10:35 pm
Copy link
Strange…

I have tested all my browsers before posting (Google Chrome 57.0.2987.98 (64-bit); Firefox 52.0 (64-bit); Microsoft Edge 38.14393.0.0) and it looks like this https://strangera.files.wordpress.com/2017/03/screenshot-10.png

Also check with a friend, he sees them the same terrible way – https://i2.wp.com/strangera.files.wordpress.com/2017/03/guardians_of_the_galaxy_telltale_star_lord_screenshot1.jpg?resize=318%2C179&ssl=1&w=2000&h=&zoom=2

Windows 10 desktop PC, totally fine internet connection (currently international ping is a little bit higher than normal, but solid 60+ Mbps).

Will test from the office tomorrow. :/
sicantiamo · Member · Mar 9, 2017 at 10:40 pm
Copy link
Hi,
have the same problem, look at https://sicantiamo.wordpress.com/ on the right side bar you will find “Impressionen” and a set of images, just click on one.
I saw this effect on an ipad 3, an iphone 5 and a win 10 PC with firefox browser, so in my opinion its not a local browser issue (cache etc.) merely a wordpress issue. I saw it the first time today, 1-2 weeks ago it was pretty fine.
Any ideas how to solve it? Thanks.
sicantiamo · Member · Mar 9, 2017 at 10:49 pm
Copy link
additional info:
In Microsoft Edge the problem still exists, but I inserted a second galery widget, added one image and published it, and … taa taa … the image is _not_ pixelated. Could anybody help ? hopefully from the wordpress staff ;-)
timethief · Member · Mar 9, 2017 at 10:50 pm
Copy link
I will type modlook into the sidebar tags on this thread for a Staff follow-up. How do I get a Moderator/Staff reply for my question? https://en.support.wordpress.com/getting-help-in-the-forums/#how-do-i-get-a-moderatorstaff-reply-for-my-question Also subscribe to this thread so you are notified when they respond and be patient while waiting. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.
designsimply · Member · Mar 9, 2017 at 11:41 pm
Copy link
Thank you for reporting this!

There was a problem earlier with images in the carousel being mis-sized and it was causing them to look pixelated. It should be fixed now though!

Can you please try refreshing any pages you were looking at to make sure everything looks good on your end?

If you spot something wrong even after a refresh, please drop a link here in a reply and I will take a closer look!
sicantiamo · Member · Mar 10, 2017 at 5:44 am
Copy link
Now it works fine again (tested iphone safari and firefox), thanks for you fast response.
strangera · Member · Mar 10, 2017 at 9:21 am
Copy link
Hi, yea it looks to be fixed on most of the places that I checked, but I still see the problem here – https://strangera.com/2017/03/09/marvels-guardians-of-the-galaxy-the-telltale-series-info/

Carousel looks fine, but the previews in the article itself still are badly pixelated – https://strangera.files.wordpress.com/2017/03/screenshot-13.png

Refreshing and clearing cache didn’t help. I even tried re-uploading the images, but they still look like that in that particular article.
designsimply · Member · Mar 10, 2017 at 7:39 pm
Copy link
@sicantiamo, thanks for reporting back everything’s looking good on your end!

@strangera, I think the images at https://strangera.com/2017/03/09/marvels-guardians-of-the-galaxy-the-telltale-series-info/ may just be normally compressed and some artifacts are showing through because we make a balance when compressing images to make them load fast while still keeping them high enough quality. In my experience, sometimes different types of images work better than others and the quality varies at little.

In regard to the https://strangera.com/2017/03/09/marvels-guardians-of-the-galaxy-the-telltale-series-info/ post, do you by chance know how those images were created or what color profile was used when they were exported? Did you make any changes to the images yourself before using them on the blog or did you just save them from another source?
strangera · Member · Mar 10, 2017 at 8:22 pm
Copy link
@designsimply – yes your totally correct.

I just re-saved the main image in the article using Photoshop, and after re-uploading it, it looks perfect, so probably some kind of issue with the way the fail was initially created. This are official screenshots supplied by the developer of the game (the files where taken from here – https://telltale.com/series/guardiansofthegalaxy/ ), so no idea how they have compressed them but, considering that everything else in the blog looks normal now, I think the case is closed.

Thanks for the help.
designsimply · Member · Mar 10, 2017 at 9:50 pm
Copy link
Ah! Nice work on getting them fixed up in Photoshop! I would actually be curious about how you export images from Photoshop that worked well for this. Any special settings or tips that might help others who may run into the same problem?
strangera · Member · Mar 10, 2017 at 9:57 pm
Copy link
Well it was just “save for web”, quality set to 90%. Didn’t change resolution. I guess that there was just something odd with the way the original images were created, so simply re-saving them via the save for web option in photoshop removes the problem.

This shouldn’t be an issue in normal situation.
designsimply · Member · Mar 10, 2017 at 11:30 pm
Copy link
The “save for web” part is a good note. I bet not everyone does that.

Sometimes, I *think* that the kind of trouble you were seeing before is from using a not-optimal color profile. But that’s mostly theory and coming from a bit of testing I did long ago. :)

Thanks so much for the info!

No items found.