How to shrink your image sizes using Photoshop

How many time have you clicked on a link only to have a site load all of text… then waited 5 seconds, 10 seconds, or (gasp) longer for the images on the page to come up?  Page load times have never been a more important consideration.  Google weights them in it’s search algorithm.  Luckily, a solution to this issue can be found easily.  It’s all about technique, and a little help from Photoshop.

How many times are you trying to create something like this?  Lots of layers, high resolution, etc.  In fact, as you can see here, the actual image size is 29,5mb, typical for full-size Photoshop files.

Photoshop

Now, you could Save-As, then dial down the quality level, but you’d still never come close to a file size that will load fast online.  Luckily, Adobe has included a feature most people overlook, conveniently called “Save for Web”

Save-As-Window

 

 

 

 

 

 

Selecting this give you the option of adjusting file type, previews the file quality preview, quality percentage, and file size.  Now we’re getting somewhere!

Save-for-Web

 

 

 

 

Next, just upload this new, fast loading image file into your website’s admin and you’ll not only look like a web savvy publisher, your site visitors will get a better experience!

Have a digital marketing question you’d like answered, just post it in the comments!

Leave a Reply