Making optimized thumbnails

771 views
709 views

Published on

A short guide that shows you how to create perfect thumbnails for your online content using the awesome free tool Paint.net.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
771
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Making optimized thumbnails

  1. 1. MAKING OPTIMIZEDTHUMBNAILSUsing the free drawing softwarepaint.net to make high qaulitythumbnails that are optimized forthe internet.
  2. 2. IntroductionWelcome to the Making Optimized Thumbnails guide. This will bea quick presentation that will show you have to make perfectthumbnails for your content. This guide was designed for contentsubmitters of freegameaction.com but it can really be usedanywhere you need a nice thumbnail with size considerations inmind.We decided to use Paint.net because it’s free! Plus we know noteveryone has Photoshop and we wanted to make a guide that’suseful to a more general audience. Also, Paint.net is a really niceapplication that has a lot of the same features as Photoshop.
  3. 3. Requirements and DownloadingPaint.net does require windows, so if your on Mac OS or Unix likesystems this won’t work for you. It’s recommended that you haveWindows 7 but the software does work with vista and XP. Anothernotable requirement is 1024 X 768 minimum screen resolution, so somenetbooks and small devices may not work as expected. That’s basicallyit for requirements.To download the software click the link below,http://www.getpaint.net/download.htmlThere a some ads on the site that say download, so know that theactual download page link is located to the top right. Once you havedownloaded the software, open it and begin installing.
  4. 4. Capturing a Screenshot and pasting it in Paint.net Find the content you want a After you have captured the screen, open paint.net and press thumbnail of and simply press the Ctrl+V on your keyboard to paste. A screen will pop up asking to Print Screen key on your keyboard expand or keep the document size. Click Expand Canvas and your to capture the screenshot. The key soon to be screenshot should be visible. is usually located to the top right of keyboards and may be abbreviated as Prt Scr. You may want to press it a few times just for good measure.
  5. 5. Selecting the ThumbnailNow that you can see your screenshot, click the selection tool in the toolbar to the left.Now you can click and drag a box to select the general area you want. Remember to selectmore than you need as we will be cropping the image to our needs later. I need 100 x 100pixels for my thumbnail so I’ve selected 118 x 105. Use the bottom status bar to figure out how much you currently have selected. When you have enough of an area selected press Ctrl+C on your keyboard to copy.
  6. 6. Cropping the ThumbnailClick File > New in the top menu to open a new document. Once the new document dialog box opens youcan change the size to match your needs. In my case I have changed the width and height to 100 pixels.Click OK when finished. Press Ctrl+V on your keyboard again to paste our previously selected image into the new document. This time, when the paste dialog box opens, select keep canvas size.
  7. 7. Adjusting the ThumbnailNow that we’ve pasted an image into our new document the current tool will haveswitched to the move tool. Now use the move tool to drag the image into position. Tryto center the image and hide any unwanted areas outside of the canvas. Be careful not to deselect the image or select another tool, otherwise the image will get cropped and you wont have any extra area to work with.
  8. 8. Saving and OptimizingNow that the image looks good, it’s time to save and optimize. Click File > Save As in the top menu. The Save AsDialog box will pop up and you can choose a file name, file type, and a location to save the thumbnail. In my caseI will be saving as JPEG for freegameaction.com. Once finished click Save and the Save configuration dialog boxwill open.Now you can move the quality slider from right to left to optimize the image. For Free Game Action the limits are6 KB. By moving the slider from 100% to 85% I was able to shrink the size of my thumbnail from 9 KB to about 3KB with no noticeable difference in quality. Now click OK and your finished.
  9. 9. ConclusionNow you have a free program and the knowledge to makeperfect thumbnails for your online content. Take some time andplay around with Paint.net as it have some good features thatmake it an impressive and lightweight drawing application. If youend up using paint.net often then I would highly suggest donatinga few dollars to support the developers in creating an even betterapplication. That’s all I got for this guide. Thank you.

×