Image not loading in wordpress add media - wordpress

Has anyone face this problem ? My images are not loading whenever i try to add an image from Add media button/ featured image option in wordpress. It shows an error like this:
An error occurred in the upload. Please try again later.
Please help if anyone knows the solution.

A lot of factors could be causing this issue.
First - is this a new issue? Have you upgraded/changed anything recently and this began happening?
Second - what are the image sizes? Are they large? Not only in file size but dimensions? Sometimes large images can cause an upload error. Scale them down, both in file size and possibly image size, and see if that helps.
Third - disable your plugins one by one and check the upload again between each plugin. If it's still not uploading when all plug-ins are disabled then activate the default WordPress theme. If it's still not uploading then it may require uninstalling/reinstalling wordpress or even a larger issue that may be out of standard troubleshooting range & would require a more detailed look.

Related

swiper.js is redirecting my lightbox to the original media URL

The swiper.min.js file that was part of my WordPress them is not allowing any lightbox related plugins on my website to load. When you click on it, you can see the lightbox arrows for a split second, then it redirects to the original media URL. Can someone pinpoint what it is in the swiper.js file that is making this happen. That way I can remove it. I would so appreciate it. I've been spending days trying to figure out what the issue is, and I've finally at least pin pointed that it's coming from swiper.min.js.
Website link where lightbox plugin is used: https://smithspecialized.com/edmonton-drawworks/
I tried removing some things in the file that I thought had something to do with the lightbox redirecting to media URL, but then it broke the code so I think I removed too much, or the incorrect section in the code.
Hey there it's difficult to find any error without accessing website from inside. If don't want to give access then-
please use different plugin or
try to disable and enable plugin, as sometime confliction between plugin caused the issue.

Could not be loaded image in revolution slider

I have used revolution slider in my site. In that I am facing problem.
The problem is that images in some of the slides not loaded and also it replaces image with dummy.jpg from revolution slider.
Also when I inspected that it shows this error in console.
So anyone know what is the cause of this issue.
Please help.
Thanks in Advance.
You may find that your image slider is loaded but the slides are not showing. Sometimes the images are not properly uploaded or your image slider code files may be causing a code conflict.
If your slider plugin isn’t updated or doesn’t match to your WordPress version, it can also cause a problem with the images. Try simply updating your WordPress and all plugins to the latest versions. It may resolve this issue.
If your images still aren’t appearing, it could be a caching issue. See this guide on how to clear your cache in WordPress to see if that solves the problem.
I have resized my all slider images and also compressed them. This has solved my problem

Removing image size assignments - wordpress

I noticed that my images weren't crisp, and in the inspector found the piece of code that is making them blurry. But, now I don't know where to look within the actual code to remove this. It's not assigned in CSS. This is a portfolio page. I am using the Avada theme. Any ideas?
Link: http://www.madpeagames.com/gacha-sets/
enter image description here
Looking at your theme's demo I see sharp images and the image code is different. So, the problem is not caused by your theme.
My guess is that you use Jetpack's Photon on your site. Try to deactivate the module and see if this changes anything.
However, image compression is a good thing, especially when using lots of images. Perhaps, if deactivating the Photon module solves the issue, compare the speed of your website with and without Photon. If it makes a notable difference, look in the Photon settings, to see what you could change to solve the issue.
Also, JPEG files (.jpg) may not be the best choice for your thumbnails, because you lose a lot of quality when the image isn't shown at its original size. If changing the settings doesn't help, you could try to use PNG files instead.
If Photon causes the issue and you don't find a way to solve it, while still compressing your images, I would suggest to contact Jetpack support. Alternatively you could try to use a different WordPress plugin for image compression.
I hope that helps. GL!

WordPress can't find images with a #2x suffix?

I'm using a commercial theme and it seems to use a JS file to add a parallax scrolling effect to certain images at runtime. It was working fine a while ago and I didn't change anything. Now the parallax is not working.
I checked the console to find some 404 not found errors which are looking for the same images but with a "#2x" suffix. But before they were only looking up the original image names since those are the only names that exist in the library. What could have caused this?
Okay it's probably a server issue. Clearing the browser cache seems to stop the retina images requests/responses.

Drupal.. images compression issue

for some reasons the images I upload to my Drupal website are downsampled.
For example the image I'm uploading is 857x947
I've checked the following settings:
- the size of the CCK ImageField: 420x840
- the size of image cache used to re-sample the image: 420x840
Image Toolkit: Compression: 100%
I'm using cropping functionality. But I'm not dragging a small area, just almost all the original image is selected.
What am I missing ? Maybe php is compressing the image while uploading it ?
Thanks
Just to be sure that it is not caching try to clear all Drupal caches and your browser cache as well.
Then check if the imagecache preset you're using really isn't containing any scale action, just a crop action. To be sure, again just flush the imagecache preset and check the folder that there is no old, wrong image left.
Then go to your content type -> Manage Fields -> your picture field and check if the maximum resolution in there is set correctly.
I'm not aware of any other steps that downsample an image, if you don't have any other image-related modules installed. You wrote that you checked theses things, but most likely one of those steps is responsible.
By default Drupal resamples uploaded jpgs to 75% of their original quality.
Change it in this configuration page
/admin/settings/image-toolkit
Also I noticed that Image Magick library gives better results than default GD, but depends of the format of the image, etc.
Even if you do not use any imagestyle effect and whatever the setting at /admin/settings/image-toolkit the image will always be altered, see https://drupal.stackexchange.com/questions/246398/image-derivative-size-different-from-original-even-in-absence-of-any-effect and the related Drupal 7 core issue https://www.drupal.org/node/2914964

Resources