When authoring images in Media Manager for use in the CMS there are a few things you can do to ensure the images load quickly, appear as intended, and are as accessible as possible.
Compress your images
Consider the size of the image you are uploading. In order for images to load quickly for all users (who choose to let them load) we need to make sure images are of an appropriate size and are also compressed correctly to ensure they load quickly.
While there are a few things we can (and do) do in most cases using our backend image service, there are two quick steps you can do before uploading your image to Media Manager.
1 - Crop your image
Consider how and where the image will primarily be used and make sure it is appropriately sized before you upload it. Crop the image appropriately for it's primary usage while also consider any other usages you may want to make of it. While we can perform some automatic crops of images in the backend getting the right balance of overall image size in pixels on it's long and short edges can make all the difference. Only use an image that is as big as it needs to be for it's primary use, this will help keep the file-size of the image down making it quicker to download.
2- Compress your images
There are a number of online tools such as tinyjpg and optimizilla that can automatically compress an image you upload to create a smaller file using a balance of removing unecessary parts of an image file while retaining desirable levels of quality. Using compressed images can drastically reduce page load times which can be key to the success of a page and overall website.