How to make a Thumbnail in Photoshop

Skill Level: Beginner / Views: 1266 / System Requirements: Photoshop

For those who have Photoshop and need to make Thumbnails for their gallery pictures here at Renderosity. This technique can also be used for other galleries, though different sites have different size requirements to be aware of. (For Photoshop 7.0, but with slight adjustments should work in all versions.)

ThrommArcadia on 4:34AM Fri, 26 January 2007


I like to think of a Thumbnail like a cover for a book or a poster for a movie.  Your Thumbnail is your chance to grab a viewer's attention, it is your opportunity to stand out from the thousands of other pictures presented and it is your artwork's first impression.

But, first you need to know the basics.

The first thing to know is that for Renderosity your Thumbnail's size is restricted to a minimum of 100 by 100 pixels and a maximum of 200 by 200 pixels with a file size maximum of 15kb.

There are a few ways to make Thumbnails, but I think this is the quickest and easiest.  Trust me, it's really easy.

Tutorial Comments

darman42  5:21PM Thu, 13 August 2009

thank you SO much. ive never been able to get a good thumbnail, lol thanks for pointing out the "Save for Web"

Nikienana  12:48AM Mon, 24 November 2008

Thanks so much. I really needed this.

EportsCreations  12:29PM Wed, 17 October 2007

Thank you! It was a great helping hand.

Seaview123  2:12PM Fri, 28 September 2007

Very well laid out and informative tutorial. We can't thank you enough for your insight.

alltheoriginalnames  7:59PM Sun, 09 September 2007

I can't say enough about this. It was useful, precise and to the point. Pictures and everything. I had a different version of photoshop but it still wokred like a charm. Thank you very much, I'm a newb so I had no clue till I read this.

dinkyshoe  11:05PM Mon, 02 April 2007

I have made thumbnails before but you showed and told me some things that I did not know, thank you. I am learning by trial and error, sometimes it is very frustrating. (:0(

keelin  7:11AM Sun, 18 March 2007

Thank you!

jackrobb  2:30PM Sat, 17 March 2007

I am kinda senior citizen, 81 to be exact. But I am a trained artist, photographer and made a nice living at it on Madison Ave. in my beloved NYC. My son is an accomplished webmaster and touted this old guy onto Renderosity and I have learned more from tutorials like yours (I free lance for the History Channel since I was part of it)than any manual or OEM I have ever tried to comprehend. Thanks for sharing and thanks for your skill in communicating the "how to." John McCullough Easton, PA

MajinBoo  11:15PM Thu, 15 March 2007

I like this tutorial its great for beginners and it gives me a different to think about how I make my thumbnails.

danamongden  7:13AM Thu, 15 March 2007

One other tip: in Photoshop's Save-for-Web, you can bring up the palette menu on the quality settings and tell it to "optimize for file size" and specify the size. That's a quick one-step way to get it down to 15K.

ecko30  7:45PM Wed, 14 March 2007

sometime back i downloaded a fee program called Stphmkre and i use this to make thumbnails and put the colored border around my pictures all i need is to save a jpg thought this might help forgot where i got the program

stick  3:47PM Wed, 14 March 2007

Thanks for this tutorial. I could never make a thumbnail, now that I have this i'll try it and if I get it right I can start posting stuff. Again thanks.

3DVim  12:04PM Wed, 14 March 2007

Great Tutorial! Very well done!

karosnikov  9:54PM Tue, 13 March 2007

ON could use the crop tool, move it around and scale it, it can be set to a certain size and/or resolution ( 100 px X 100 px ), hit return, save thumbnail for web, ok, then undo the cropping. save for web the full view for web, save the original psd..

carlosfinales  2:12PM Mon, 12 March 2007

thank for you help carlos f

X-PaX  2:58AM Fri, 09 March 2007

That is a nice tutorial but IMHO it would be easier to duplicate the orginal image and simply resize that copy to the thumbnail size. If that was done the thumbnail can be sharpen.

Click2Move  5:18PM Sun, 04 March 2007

Great Tutorial, i never thought of making thumbnails that way i used to resize the image first then the canvas! thanks

evielouise  7:46PM Tue, 27 February 2007

Thank you I just merge my layers save as:named then make a new size (100 X 100 )for renderosity and copy and paste from large to small But I like yours also well done /member evie hugs ))

ephotosaver  8:17AM Mon, 05 February 2007

Well Done

corvas  3:10AM Mon, 05 February 2007

thank you so much for this ive never been able to make a good thumb thanks

Privacy Notice

This site uses cookies to deliver the best experience. Our own cookies make user accounts and other features possible. Third-party cookies are used to display relevant ads and to analyze how Renderosity is used. By using our site, you acknowledge that you have read and understood our Terms of Service, including our Cookie Policy and our Privacy Policy.