Skip navigation

Q: How can I optimize website graphics to be smaller without sacrificing quality?

A: Two free web services let you upload images to them, and they optimize the image, reducing its size without affecting the quality of the image in any way. The reduced size saves bandwidth and makes your website load faster. The two web services are as follows:

  • PunyPng  --Great for PNG files (also supports JPG and GIF)
  • Smushit  -- Many types of image files supported; use it mostly for JPG files

Although you can manually upload images if you use Visual Studio, a plug-in for Visual Studio called Image Optimizer  uses both PunyPNG and Smushit to optimize images to Visual Studio (see screen shot below). optimizegraphicvsadd
optimizegraphicvsadd-Copy

When you run the it, the progress of the optimization and the web engine used is shown (see below). You can also see how much each image is optimized. Remember that the actual image looks exactly the same, because it doesn’t reduce the quality of the image.

Progress output from using smushit on JPG images:

 d:\temp\www.savilltech.com\WebApplication1\images\videos\sccm2012osd1.jpg - using http://smushit.com
Before: 6468 bytes
After: 5971 bytes
Savings: 7.68%

d:\temp\www.savilltech.com\WebApplication1\images\videos\vdi1.jpg - using http://smushit.com
Before: 13318 bytes
After: 12017 bytes
Savings: 9.77%

d:\temp\www.savilltech.com\WebApplication1\images\winfilm.jpg - using http://smushit.com
Before: 39882 bytes
After: 34430 bytes
Savings: 13.67%

 

Got issues? We've got FAQs. Check out more of John Savill's FAQs for Windows!

Hide comments

Comments

  • Allowed HTML tags: <em> <strong> <blockquote> <br> <p>

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
Publish