Typically JPG and PNG images can use additional

[zihadhosenjm80]

Typically JPG and PNG images can use additional compression when exported. Imagify, ShortPixel, and Smush are all great WordPress plugins for compressing images automatically. Basically these plugins will compress your images as you upload them leading to faster page load speeds. You can also select how much compression is applied to images.

Since it costs processing power to compress images many of these plugins will have a fee for a large amount of images. ShortPixel also offers a plugin to compress images on the cloud using their content delivery network & API. If your site is already using CloudFlare you can sign up for their Pro plan to optimize images on the fly.

Images will often drag down your PageSpeed scores if left unoptimized
Images will often drag down your PageSpeed scores if left unoptimized
For Developers: There are plenty of tools for image optimization including online tools Colombia Phone Number Library Crush Image and desktop apps like imageoptim. Likely you’ll want to compress images at scale so I prefer to use a CDN that automatically compresses images. My personal favorite is the CloudFlare Pro ($20/m) plan that will automatically compress and even server webp images. You can also move to using SVG for graphics like your site’s logo. Also a good rule of note is to use JPEG files for actual photos and SVG/PNG files for graphics. Using a PNG file for a photo will result in an unnecessarily large file.

Properly Size Images
An example of improperly sized images is a large 2000px by 2000px image in a 800px wide div. Since only 800px is visible the browser had to load the larger image for no reason. This leads to a slower page load speed and worse experience for users. Most well designed WordPress themes won’t have this issue.

For Developers: If you’re developing a WordPress theme you can set default WordPress image sizes to correctly match your theme’s width. You’ll need to regenerate WordPress thumbnails after changing image sizes. Keep in mind that if you want to serve images for a retina display you should use the srcset attribute. WordPress also has built-in functions for serving images on a high-pixel density display.