how to create a better thumbnail

When creating a thumbnail for use on a website, it would be easy to just resize the image with code. This creates a sloppy, smushed image that takes a disproportionately long time to load.

A better way is to create an entirely new image.

First, open your current image in Photoshop or the photo editor of your choice.

Next, create a new image with the dimensions you would like your thumbnail to be.

In the original image, select all and copy, then paste into the new canvas.

Through this method you are able to drag the image around the canvas to find the best possible representation of your image.

When you’ve finished, simply save and upload and you have a custom thumbnail!

~ by cupcakesupremacy on January 30, 2011.

One Response to “how to create a better thumbnail”

  1. I think this “how to” would be tough for someone who is not familiar with Photo Shop or photo manipulation.

    Luckily, I knew how to resize the image. But I did not know where to “select all” on a Mac. After some tinkering, I did find it though. I guessed where to find a new canvas.

    I think it would have been more helpful if you clearly described how to do this resizing/creating a thumbnail process.

    Someone who has never used photoshop would have been very lost.

    Also, I think putting screen shots into the blog may have helped!

Comments are closed.

%d bloggers like this: