You may want to consider switching to a default (Twenty*) theme and disabling your plugins.
If the problem disappears, re-enable them one by one in order to isolate the issue.
Also remember to clear any cache.
All the best!
I see images on the page link you gave.
In order to know what images are not loading, you are going to have to be more specific. What images do you expect to see but do not?
Thread Starter
nmbipb
(@nmbipb)
@carike
We would like to stick to the current theme. I will try to disable and re-enable the plugins (will give feedback when done). Cache has already been cleared, so that was not the issue.
@otto42
The pictures are showing but the majority appear blurred, as if the image does not fully load. On our homepage for example, only 1 picture appears sharp as it should (Nr. 3 of header-slider), the rest is out of focus: http://neue-mobilitaet.berlin/
The same goes for pictures within the main/content section of pages.
Here an example (header + content pictures blurred): http://neue-mobilitaet.berlin/dare-more-sustainable-mobility?lang=en
Here a different example (header image blurred, pictures of content section are sharp): http://neue-mobilitaet.berlin/summer-fleet-2018?lang=en
I hope this helps. Do you have any further suggestions @otto42, besides the ones by @carike?
The images are blurry because they are very low resolution.
Here, for example, you using this image for the right hand side background:
http://neue-mobilitaet.berlin/wp-content/uploads/2014/12/fisbroker-Kartenausschnitt-Mierendorff-INSEL_k-uai-258x299.jpg
The size of that image is 258×299 but you have blown it up to be the full page. So, blurry. I don’t know if you have the original sized image available, but using that would make it not blurry.
It is important to switch your theme for trouble-shooting purposes, in order to determine which code is causing the issue.
You can use the Site Health plugin to check for theme conflicts without affecting visitors to your site:
https://wordpress.org/plugins/health-check/
Edit: First do what Otto said 🙂
-
This reply was modified 4 years ago by
Carike.
The header image you have on that last page is here:
http://neue-mobilitaet.berlin/wp-content/uploads/2015/05/2018-03-13-NMB-Umparkerkampagne-08-WS-kl-uai-258x182.jpg
And you have widened it to full screen. So yeah, of course it is blurry. The image name suggests you’re using some kind of plugin or image optimizer to resize and manage things. I suggest not using whatever that is and just use the normal image systems instead.
Thread Starter
nmbipb
(@nmbipb)
@otto42 Thanks for the support.
We make use of Imagify to reduce the size of the images and speed-up loading time of pages. Made use of optimze image solution. We did this for basically all pictures.
What was great about this, is the fact that although the size (in MB/KB) of the picture was strongly reduced, the quality of the displayed picture barely suffered (dimension stayed the same, that is why I don’t understand why in the links there is 258×182 and 258×299).
This stopped working after the update. Is the plugin incompatible with the new version?
Simply disabling the plugin did not change anything, I guess I would have to bring back to original all pictures. This would be very bad for our website, as it would slow it down tremendously. So how can we make the plugin work again?
By the way, I cannot open the links of the images you sent, it shows 404 Page not found.
The links won’t work when you click them because your site is using a referrer check to disallow hotlinking from other sites. If you copy and paste the links into a new window, then they will show up as is.
As for the imgify plugin, don’t know about that. You would need to ask the plugin authors.
Thread Starter
nmbipb
(@nmbipb)
@otto42
I just checked the details of the Imagify plug-in, apparently it only works up to 5.3.2, has not beed tested on 5.4.
In this case, I will try to downgrade WP 5.4 to 5.3.2
What is the best way to do this?
I have not tried the plugin, but there’s a plugin for that 🙂
https://wordpress.org/plugins/wp-rollback/
Make sure to back up your site before you attempt to roll back using any method.
All the best 🙂
Why
(@yvancg68)
I have a similar issue on all my sites.
I updated from 5.3.2 to 5.4 and managed to isolate the issue: like all other members here, my images do not load on individual pages (they load on the homepage). My sites have the Optimole plugin installed for image optimization, and this worked awesomely well until the update. I narrowed down the problem to the lazyloading of images (when i deactivate that option on the plugin then the images appear properly. When I re-activate it, problem starts again).
I also noticed that resizing the image within each post would solve the issue. For example if the image is scaled as “medium”, scaling it to “large” then back to “medium” would then make it appear.
I have seen quite a few posts pointing out the same issue so far, for different plugins but always about lazyloading. IMHO that is a bug from the new update and I hope they will fix it soon.
Thread Starter
nmbipb
(@nmbipb)
@carike @otto42
I think @yvancg68 is right, I have not downgraded yet, instead I deaktivated Imagify and started reuploading the header images in proper size. Same problem, it seems like that it does not depend on the size of the image, there simply are errors loading the images. Some work some don’t…
Please get this fixed as soon as possible. Thanks guys
Hallo @nmbipb ,
In order to fix an issue, it needs to be reproduce-able.
Then it needs to be reported to Core Trac (screenshots help a lot), as these forums are for providing support only.
I checked the links you provided and I do not see any broken image links.
I do still see some blurry images on the second link you provided, but those images are all smaller than 300px x 300px and blurriness is to be expected.
If your optimization plugin previously rendered such small images without blurriness, you would need to report the matter to the authors directly via their support forum so that they can investigate and ensure full compatibility with the new version of WordPress.
Thread Starter
nmbipb
(@nmbipb)
@carike
Thanks for your reply. The isse apparently does not have to do with Imagify optimizer, maybe initially yes, but now not anymore.
I have deactivated Imagify, I rolled back to WP 5.3.2 and uploaded new images to the header, but they still appear blurry. On a couple of pages, the header images temporarily showed sharp, then after making changed to headers of other pages, they again became blurry (I emptied cache in between, so thats not the issue).
What could be the reason?
Here is an example: http://neue-mobilitaet.berlin/das-projekt
The header image appears blurry, although it is 2409×1355 pixel. What size does the image show to you @carike?
