Change Media modal image size

I don’t know of any good way to do that as the problem is most likely that the images are way larger than they should be.

However, there are a couple of things that you could do to resolve the problem.

First, re-size your images before uploading them if at all possible.

  • For most applications, there is no reason to upload 5MB+ files to a web site, especially since most users cannot see anything larger than about 1200px wide anywise.
  • Resize images to 1200px wide or smaller before uploading and then they will load a lot faster. If you don’t need them larger than 800px wide, then scale them down to that before uploading.

Second, for images that are already loaded the best bet would be to write / find a script to automatically scale down all images larger than your chosen size.

  • This is easier said than done, but if you can write code decently or know someone who can, it doesn’t take terribly much to write such a script and it saves a lot of time.
  • If you cannot do it in an automated fashion, you could simply go through them all, remove the current images, and then put smaller images up in their place.

I see a lot of people uploading images directly from their modern cameras. In many cases, the image files are 4000+ pixels wide and over 5MB in size. Except for a few applications, uploading anything over about 800px wide is just wasting bandwidth.

Leave a Comment