Compress and Optimize Images Online using Smush.it

Even with most people using broadband, it is still very important to pay attention to file sizes when creating websites and blog posts.

Large images can take a long time to download even on a broadband connection and if a post becomes very popular on the web, optimising images for size can mean the difference between a web server being able to cope or not

Developed by Yahoo, Smush.It is an online tool that analyzes the file format of the specific image file that you are trying to optimize and then applies the specific optimizations for that particular image format without altering the quality of the image

Smushit reduces the file size of images by reducing the number of colors, strips off excess metadata, and also discards other non visual data.

There are three ways you can use Smushit:

  • Upload a bunch of pictures in your browser
  • Provide a list of image URLs
  • Install WPSmush.itWordPress Plugin to optimize the images for Blogs.

WPSmush.it WordPress Plugin

There are many, many plugins that can help you to optimize blog images, but one of the best is WPSmush.it. I’m using it on many of my blogs and it really helps to make blog load faster.

This plugin offers an API that performs these optimizations automatically, and it integrates seamlessly with WordPress. Every image you add to a page or post will be automatically run through Smush.it behind the scenes—you don’t have to do anything differently.

WPSmush.it WordPress plugin basically:

  • Strips meta data from JPEGs
  • Optimizes JPEG compression
  • Converts certain GIFs to indexed PNGs
  • Strips the unused colours from indexed images.

Hopefully, a good-quality web editor will already be optimising images but this is very useful as a way of double-checking and for sites that use  image editors, such as blogs.

1 Response

  1. August 21, 2011

    [...] Also see: Compress and Optimize Images Online using Smush.it [...]

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>