BEST IMAGE RESIZER FOR WORDPRESS 2015 MANUAL

When you’re working with images outside the “add media” dialog-for example, adding a previously uploaded image to your footer using raw PHP.

The “logo” space of the ever-popular Avada theme is an example: it’ll use a 5MB file for your logo if you ask it to.

When you’re using a plugin or a theme settings page to upload an image into an area that has no WordPress auto-resize set for it.

When you’re modifying an image inside a post to be some other size than the WordPress defaults.

BEST IMAGE RESIZER FOR WORDPRESS 2015 MANUAL

You do need to do manual image sizing in the following cases: In terms of editing posts, you also don’t need to worry about image sizing if you’re happy sticking to WordPress’s default image size options (more on those later) in your posts. WordPress autocrops and autoresizes these images to be the perfect size for the space they fit, so you just need to choose which featured image you’d like to use (which could be a 10MB camera image) and let WordPress do the rest. Most WordPress themes automatically generate custom image sizes for some things, notably featured images. The first question is, When do we need to worry about manually resizing images at all, and what is done for us automatically in WordPress? When do you need to worry about this stuff in WordPress? This is why appropriate image sizes are the first, best tool for managing image file sizes. It’s very difficult to use other means (lossy and lossless image compression) to remove fifteen-sixteenths of the information in an image and have it still look decent. (sidenote) An image shrunk by three-fourths (to one-fourth of its original dimensions) will have one-sixteenth its original file size. Image file sizes don’t scale linearly with image size, but quadratically: all else equal, an image that you shrink by half (e.g., take from 1000px square to 500px square) will not have half the file size of its original, but one-fourth the file size. Paying attention to appropriate image dimensions makes a surprisingly large difference, because of the math inherent in working with two-dimensional images.Īn image shrunk to one-fourth of its original dimensions will have one-sixteenth its original file size. In extreme cases like this one, using the wrong image size effectively throws all the other speed optimizations you might have done out the window. This was an innocent mistake by the site admin, but it could not have been worse for the site’s page speed. Using the wrong image size can throw all the other speed optimizations you might have done out the window.

I recently noticed slow load times on a website I visited, and realized it was because the author’s headshot (about 150px by 100px on the page) was being loaded as a 2MB image more than 1000px on a side. Loading large images into small spaces slows down your site and forces your users to expend more bandwidth on every page load. The single most important lesson for working with image file sizes is this: Don’t use images that are much larger than the space they occupy. The first and most important step in creating manageable image file sizes is to use appropriate image dimensions. We’ll discuss image compression in a later post, but here we’re going to talk about the most important and easiest method of controlling image file sizes: resizing.

Resizing: change the number of pixels in the image.

Compression: either lossless (cut out image metadata like “author” and “camera used” and optimize the way pixel data is stored) or lossy (use algorithms to destroy pixel data with as little quality loss as possible).

As such, you can change an image’s file size in two main ways: Let’s get started! What determines image file sizeĪ digital image’s file size is another way of saying “how much information is in the image file.” This basically boils down to two elements: the number of pixels in the image, and how the image stores information about those pixels. Playing around with caching and CDNs and everything is really great, but if an image on the page is 400KB bigger than it should be, to a large extent you’re back where you started. This has such a huge impact on site speed that it’s important to know the fundamentals. Here we’ll be discussing basic best practices for working with image sizes in WordPress.

Best image resizer for wordpress 2015