WordPress News: Image Optimization

A box with a grey outline, arrows pointing inward at all four corners, with grey text, ClarkWP: Image optimization

When you decrease the file size for images before you insert them, uploads and pages will load faster. – WordPress.com

It is important to optimize your images before using them on your WordPress site. The benefits of optimization would include better quality images, faster loading times, efficient data usage, and accessibility; while making the site’s images more attractive overall. For some users with smaller images, it will be significant enough to upload an image and choose from the WordPress default sizes allocated. Images that are set to display as a thumbnail, it doesn’t compress the image. That’s why it’s always better to optimize your images before uploading them.

Optimization is achievable by using photo editing software such as Photoshop. It’s imperative that you don’t take images from your camera and upload them immediately to the web, as images that come from your camera are set for print rather than web. – Visit abrightclearweb.com for more information

Software Recommendations

You can use a slew of programs to edit your photos such as Photoshop, Lightroom, and Paint Shop Pro. Unfortunately these are paid or subscription software programs, so below is a list of free software recommendations.

Example

If you upload an image that is 1080 x 720px and set it to a thumbnail, it will still take just as long to load as if it was set to full size.

The following image was uploaded to WordPress in full size. (1080 x 720px) The file size is 924.9k which takes 168 seconds to load just this image at 56.6 kbps.
A picture of the maid of the mist, heading toward Niagara Falls.

This image was re-sized in Photoshop to the same size as allocated by the large image option in WordPress. It is 156.3 kb which takes 29 seconds to load at 56.6 kbps.
A smaller sized picture of the maid of the mist, heading toward Niagara Falls.

Image Formats

The following image formats are supported by WordPress functionality.

  • JPG – This image format works well when displaying an image with a lot of detail or a photograph.
  • GIF – Used when an image needs transparency and logos, line art, and illustrations with type. GIF however, only supports 8 and 16 bits of color.
  • PNG – Also is used when transparency in an image is needed but supports more color than a GIF file. PNG images are larger so attempt to use the GIF file format first to see if it works for your image.

More Information

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s