The previous step showed how to upload images to the image gallery.
PDF Download Sizing Images for a DotNetNuke site (100k). This lesson is a sample from the manual.
Now we go through preparing images before uploading them to the website.
Sizing Images
Use the photo or image manipulation software that you already have or are most comfortable with. Most digital cameras are sold with photo enhancing software that can be used for cropping, removing red eye, resizing and special effects. Most have a “save as web image” option to correctly size the finished product. Popular applications include Adobe Photoshop, Paint Shop Pro, MS Paint (the free application with Windows), and Office XP Image manager. Lesser known applications include:
- Resize 2 Mail (http://www.resize2mail.com/) – easy 3 step procedure
- Photo Filtre (http://www.photofiltre.com/) - great masking and special effects
- Irfan View (http://www.irfanview.com/) – non-commercial freeware that is particularly good at resizing, cropping, adjusting sampling ratios
- Snag It – great for capturing screen images and adding special effects and comments. This is what we have used to capture the images for this manual.
For purposes of this lesson we will use MS Paint simply because it is installed as standard in Windows, and use the application Resize 2 Mail.
Step 1
To use Paint open the program
Start Menu ==> Programs ==> Accessories ==> Paint 
Step 2
Open your image file
Step 3
The Image menu option is where all the work is done.
Figure: Image menu in MS Paint
Step 4
Cropping - consider reducing the image size by removing unimportant imagery around the edges of the image.
There are 2 ways to crop images.
Select the cropping tool (circled), use the mouse to select the area that you wish to crop (as illustrated) then select cut from the edit menu or by right clicking to copy the selected section to the clipboard. Now start a new file and paste the selected image from the clipboard.
Figure: Cropping the image
Another option is to use the attributes menu option to enter the width and height of the image required. This is easier than cutting and pasting and good for large images.
Shrinking
Select the Stretch and Skew option from the menu. Enter the appropriate % in the Horizontal and Vertical fields and click on OK. Remember to keep the %'s the same if you wish to retain the proportions of your original image.
Figure: Stretch and Skew tool in MS Paint
When you are happy with the result, select Save As from the File menu and Save the image to your hard drive or network location.
Resize 2 Mail
This is an online resize website which has been developed for digital camera owners, webmasters and anyone who wants to quickly resize an image. This can be done in three easy steps. Once you have launched the website (you can click on the link above), follow the steps:
- Select the image you wish to resize using File manager and selecting the “Browse…” button. (Use jpg or jpeg images).
- Then select the size you wish your new image to be. For example, there are 43 pixels in one centimeter. The image below is 8.01cm x 9.03cm which is 386 x 342 pixels.
- Click on the OK button and wait for the next page to appear.
Your image will appear resized. If you are happy with the size, right-click on the image and select Save Picture As… option and save your image in the correct folder on your own computer.
If you need to crop (or cut) part of the image, Left Mouse Click on the gray crop box on the image to move the selection around. Hold the Shift Key Left Mouse click to change the size of the crop box. Make the selection you need on your image, and click on the Crop It button.
Remember to resave your image
Click here to return to DotNetNuke lesson contents
Click here to go on to the next step of Compressing the images