MXWEBSITES
10-16-2005, 08:53 PM
PLEASE NOTE IF YOU ARE INSERTING PHOTOS IN THE PHOTO GALLERY MODULE PAGES THE SOFTWARE WILL RESIZE THE PICTURES FOR YOU: HERE IS A SCREEN SHOT SO YOU CAN SEE....
http://www.mxwebsites.com/images/screenshots/sitebuilder3/resizingimages.gif
IF YOU ARE INSERTING INDIVIDUAL PHOTOS ON PAGES THEN PLEASE CONTINUE TO READ SO YOU CAN LEARN HOW TO RESIZE PHOTOS:
If you have received an email saying you have used all your disk space or over the limit you probably took digital pictures and put them on your web site without resizing them!
Here is a quick blurb to bring you up to speed if your confused:
When you take a picture with a digital camera or scan some pictures in they are USUALLY really big in size as in how much disk space they take up and also very BIG in size as in HOW TALL & WIDE! They are like that so they will PRINT clear and allow you to print poster size pictures.
Online you DON'T WANT HIGH RES PHOTOS! Most pictures should be approx 640x480 pixels or so. This will save disk space and also allow your web page to load MUCH FASTER!
---------------------------------------------------------------------
How To Easily Compress and Resize Images
This Tutorial will show you how you compress and resize an image using a simple program called IfranView that you can download for free from this site.
Download IrfanView Software (http://www.mxwebsites.com/iview375.exe) Then run the Setup program. The program will be stored on your C Drive. Open the window,
Single Photo Conversion
Step 1. Open the program
Figure 1
http://www.mxwebsites.com/images/phototutorial/fig1.gif
Step 2. Click on "File" on the tool bar on the top left. Select Open and the file folder or disk in which your images are stored. In the example below, we have our files on the C:\ ccsample. Notice that this file is 140,461. Select and open your image.
Figure 2
http://www.mxwebsites.com/images/phototutorial/fig2.gif
Step 3. After you have the image on the screen, select Image/Resize from the drop down.
In the lower left of that screen under "Some Standard Dimensions" select 800 x 600 and then click "OK"
Qwik and Dirty: Set the size (width) to a maximum of 800 - if your image is already smaller, then you can skip the resize.
Step 4. Select "Save As" from "File" on the tool bar.
Qwik and Dirty: If you are not worried about over-writing your original, just click File/Save and once it's saved, you are done. Exit the program and your photo is now ready for uploading. If you want to preserve your original phot, read on.
Figure 4
http://www.mxwebsites.com/images/phototutorial/fig4.gif
Step 5. Click on the "Options" button in the lower right corner. Select "save progressive" and a save quality of 30.Then click OK. This assumes a jpeg image. This will apply to the majority of all digital camera images.
Figure 5
http://www.mxwebsites.com/images/phototutorial/fig5.gif
Step 6. Change the name of your image so that you always have the original to make any other compression changes. Click "Save".
Figure 6
http://www.mxwebsites.com/images/phototutorial/fig6.gif
Compressed Image at 15,000 Bytes (15k). 10-1 compression.
Quick Web Graphics Tips for making Web graphics small, fast, and smooth.
TIP #1 Save images in the right file format. Images with large areas of solid color (such as vector graphics or illustrations) should be saved as GIFs. Images with lots of shading or gradients (such as photos) should be saved in JPEG format.
TIP #2 Resize images in a graphics program. Save images using a good compression utility.
Tip #4 Cropping an Image reduces the overall physical size of an image and allows you to save only the part of the image important to the photograph. To crop a photo in this program simple click and hold your left mouse button down and drag over the area you want to crop and then release the button. If you did not get the exact area you wanted just do it again until you get it right. Next, hold down on your "ctrl" key and then press your "X" then "V" key. That's it. If you have made a mistake you can always hold down on your "ctrl" key and then press "Z" to undo.
Batch conversions
1) From the IfranView tool bar click on "File" and then "Batch Conversion"
2) At the top of the screen select the file folder that contains all your photos.
3) You can hold your "ctrl" key and select individual photos or hold your "shift" key and select blocks of photos. Then click the "add" button. Or click the "add all" button to all your photos.
4) On the left side under "File output format" make sure it is set to "JPG - JPEG FILES.
5) Click on the " Options" button. Select " save progressive" and a save quality of 30.Then click OK. This assumes a jpeg image. This will apply to the majority of all digital camera images. Then click "OK".
http://www.mxwebsites.com/images/phototutorial/fig5.gif
6) Under "Output Directory" select the directory where you want your compressed files to be stored.
7) To the right of that click on "Advanced Options". Under "resize" click the button for "Set new size". For width place 800 and leave the height blank. A few boxes below click "Preserve aspect ratio" and "Use resample function".
Click "OK"
Click "Start"
After the conversion is over click "Exit"
http://www.mxwebsites.com/images/screenshots/sitebuilder3/resizingimages.gif
IF YOU ARE INSERTING INDIVIDUAL PHOTOS ON PAGES THEN PLEASE CONTINUE TO READ SO YOU CAN LEARN HOW TO RESIZE PHOTOS:
If you have received an email saying you have used all your disk space or over the limit you probably took digital pictures and put them on your web site without resizing them!
Here is a quick blurb to bring you up to speed if your confused:
When you take a picture with a digital camera or scan some pictures in they are USUALLY really big in size as in how much disk space they take up and also very BIG in size as in HOW TALL & WIDE! They are like that so they will PRINT clear and allow you to print poster size pictures.
Online you DON'T WANT HIGH RES PHOTOS! Most pictures should be approx 640x480 pixels or so. This will save disk space and also allow your web page to load MUCH FASTER!
---------------------------------------------------------------------
How To Easily Compress and Resize Images
This Tutorial will show you how you compress and resize an image using a simple program called IfranView that you can download for free from this site.
Download IrfanView Software (http://www.mxwebsites.com/iview375.exe) Then run the Setup program. The program will be stored on your C Drive. Open the window,
Single Photo Conversion
Step 1. Open the program
Figure 1
http://www.mxwebsites.com/images/phototutorial/fig1.gif
Step 2. Click on "File" on the tool bar on the top left. Select Open and the file folder or disk in which your images are stored. In the example below, we have our files on the C:\ ccsample. Notice that this file is 140,461. Select and open your image.
Figure 2
http://www.mxwebsites.com/images/phototutorial/fig2.gif
Step 3. After you have the image on the screen, select Image/Resize from the drop down.
In the lower left of that screen under "Some Standard Dimensions" select 800 x 600 and then click "OK"
Qwik and Dirty: Set the size (width) to a maximum of 800 - if your image is already smaller, then you can skip the resize.
Step 4. Select "Save As" from "File" on the tool bar.
Qwik and Dirty: If you are not worried about over-writing your original, just click File/Save and once it's saved, you are done. Exit the program and your photo is now ready for uploading. If you want to preserve your original phot, read on.
Figure 4
http://www.mxwebsites.com/images/phototutorial/fig4.gif
Step 5. Click on the "Options" button in the lower right corner. Select "save progressive" and a save quality of 30.Then click OK. This assumes a jpeg image. This will apply to the majority of all digital camera images.
Figure 5
http://www.mxwebsites.com/images/phototutorial/fig5.gif
Step 6. Change the name of your image so that you always have the original to make any other compression changes. Click "Save".
Figure 6
http://www.mxwebsites.com/images/phototutorial/fig6.gif
Compressed Image at 15,000 Bytes (15k). 10-1 compression.
Quick Web Graphics Tips for making Web graphics small, fast, and smooth.
TIP #1 Save images in the right file format. Images with large areas of solid color (such as vector graphics or illustrations) should be saved as GIFs. Images with lots of shading or gradients (such as photos) should be saved in JPEG format.
TIP #2 Resize images in a graphics program. Save images using a good compression utility.
Tip #4 Cropping an Image reduces the overall physical size of an image and allows you to save only the part of the image important to the photograph. To crop a photo in this program simple click and hold your left mouse button down and drag over the area you want to crop and then release the button. If you did not get the exact area you wanted just do it again until you get it right. Next, hold down on your "ctrl" key and then press your "X" then "V" key. That's it. If you have made a mistake you can always hold down on your "ctrl" key and then press "Z" to undo.
Batch conversions
1) From the IfranView tool bar click on "File" and then "Batch Conversion"
2) At the top of the screen select the file folder that contains all your photos.
3) You can hold your "ctrl" key and select individual photos or hold your "shift" key and select blocks of photos. Then click the "add" button. Or click the "add all" button to all your photos.
4) On the left side under "File output format" make sure it is set to "JPG - JPEG FILES.
5) Click on the " Options" button. Select " save progressive" and a save quality of 30.Then click OK. This assumes a jpeg image. This will apply to the majority of all digital camera images. Then click "OK".
http://www.mxwebsites.com/images/phototutorial/fig5.gif
6) Under "Output Directory" select the directory where you want your compressed files to be stored.
7) To the right of that click on "Advanced Options". Under "resize" click the button for "Set new size". For width place 800 and leave the height blank. A few boxes below click "Preserve aspect ratio" and "Use resample function".
Click "OK"
Click "Start"
After the conversion is over click "Exit"