Cristina - web design         Cristina's®         Capt. Peter - web design

How to Reduce a Picture Size

Here you find advice on how to change and reduce the physical size of your pictures and images.
If you want to reduce picture file size (in KB) go to How to Reduce Picture File Size.
This page is part of Don Pedro's Website Design Handbook.

Site Goldaward - Pakistani Maritime  International Association of Webmasters and Designers
Site Gold Awards for Excellence on the Web in 2004
Classification: Maritime, Marine, and Boating

Last up-dated: Aug. 31, 2010

At the bottom of the page, there is a link
to a print ready version.
Use "Paint"
Use Image Editor
What is EXIF data ?
How to Cut Out a Part of a Picture
How to Cut Scanned Pictures
This page is best in any browser

Please note: Every link on this page opens in a new window. If your "Pop-up killer" is too efficient it can also stop new windows. When this happens, please press "Ctrl" and click on the link you want.

When you want to reduce the physical size of a picture (width x height) there are two different ways to do it. Whichever way you prefer this concerns the size of the picture on the computer screen.

Use "Paint"

You can use "Paint" which is included in every Windows program. Go to "Start" --> "Programs" --> "Accessories" --> "Paint". When you then go to "File" --> "Open" you open a copy of your picture in the program. Because it's a copy, whatever you do to it, your original will not change as long as you save the new version of your picture under a new name.

When you want to save the new picture version always choose "Save as ...", because then you can change the picture file name and choose in which folder to save it. If you click on "Save", then most probably the original picture will be overwritten ( and lost to you ) or you don't know where the computer saved it.

When you change the picture size in "Paint" the procedure is different from most image editing programs.

Once you have opened your picture in "Paint" you go to "Image" --> "Stretch / Skew". This is the part where "Paint" is different from most picture editing programs. In most image editors the "aspect ratio" ( width divided by height ) is preserved, in other words the picture is changed symmetrically. In "Paint" it is not so.

When you change the size in "Paint" you are offered a choice of how many percent (%) to change width ( Horizontally ) and height ( Vertically ). The starting point is 100 %, which is unchanged size; with 50% you reduce the size down to 50% of the original.

So if you change only height to 50% it means the picture of your old slim and tall grandfather will turn the gentleman into a fat and short person. Because you changed only the height. To reduce the size symmetrically you have to use same percentage for both width and height.

As a result of reducing the physical size ( pixels x pixels ) also the picture file size will be reduced. Please note, the picture is not saved in your folder as a picture but as code. When you open the picture file the computer reads the code and produces the picture on the screen. With smaller physical size you get less picture code and therefore also a smaller file.

Use Image Editor

I use Irfanview for my own picture editing and changing needs. Basically all editors change the size in the same way, only the terms and words are little bit different. To change the physical size in an image editor go to "Image" --> "Image Size" or something similar - in Irfanview "Resize / Resample".

In most image editors the "aspect ratio" is preserved by default, but you can switch it off - don't do it. This means when you open the "Resize" window the numbers for "width" have an dark background - "highlighted". Now when you hit the "Return key" ( with an arrow to the left ) the highlighted numbers disappear. Instead you type in the new width that you want, usually this is in pixels by default, although in most programs you can change to inch or centimetres.

Once you have typed in the new width the program calculates the corresponding height and changes that. When you save the new version of your picture, remember to use "Save as ..." and either change the name completely or just add a letter or a number at the end - before the extension ( .gif, .jpg, .png, or whatever you want ). Never keep two different pictures with same name in different folders. One day may be the original is overwritten by mistake and lost forever.

As the physical size of the picture directly affects the file size so do the number of colours / colour shades too. If you try to explain a photo picture to a blind person - who knows what yellow, green, etc. means - you need a lot of words because of the many colours. The same goes for the picture file. The more details and colours there are in the picture the more code is needed to produce it.

What is EXIF data ?

EXIF means "Exchangable Image File Format" and is intended for storing information in image files in addition to pixel and colour information. Both digital cameras and camera phones have this property.

You can view the data, for instance in Windows XP by giving a right hand click on the file name in the folder where the picture is. Choose "Properties" --> click on "Summary" - sometimes continue with "Advanced". You can use this also to reduce picture file size.

For additional info about EXIF and other Operational Systems ( like Vista ) go to Exif data is your friend.
Facebook Buttons By ButtonsHut.com
Cristina's Website
Design and Promotion

























How to Cut Out a Part of a Picture

Usually a photo is not taken for the purpose of displaying it on a webpage. It can be a beautiful picture as such, but it's not the best possible one for your webpage. In most cases there is something not necessarily needed in the context of your webpage.

You can cut out ("crop") what you need, sometimes may be just a small detail in the original picture. Remember you are working with a copy of the original, so your cutting won't damage the original, as long as you don't overwrite it.

Select area to crop

For this you can also use "Paint". Once you have opened your picture in your program, look in the top of the sidebar to the left. You can see a small rectangle drawn with broken lines (see picture above) just below "Edit". When you put the mouse arrow on it you get a small yellow rectangle with "Select". Click on this rectangle and move to your picture copy. Put the "cross" at a suitable place, click and keep the click down while you move the "cross" diagonally down towards the right lower corner. What is inside the rectangle in your picture will be copied as a new picture.

If you are not completely satisfied with the rectangle first time, click somewhere in the picture and the rectangle disappears. Then you renew your "drawing". Once you are satisfied go to "Edit" --> "Copy to ...", select folder and new name and click "Save".

Of course this new picture will result in a smaller version than the original as it contains only a part of it. You can reduce the physical size of this new version as explained above. You can do the same operation in Irfanview.

How to Cut Scanned Pictures

When you scan two or more pictures at the same time you get a picture with those pictures embedded, i.e. a "picture of several pictures". Don't start changing this, neither size nor colours, every picture is best handled individually. What is good to change in one picture isn't necessarily same as in another one, even if they have been scanned at the same time.

Before you do anything with this "collection" of pictures, you should cut out each picture separately as explained above. Once you have copied one picture where you want it, just click on the picture to remove the rectangle and then do the same with the next one. The big scanned picture you can delete afterwards or if you want to keep it save it somewhere. Each new copy you treat as an original, because that's what they are.

Remember to use different name for each "copy". Once the "operation" is finished you start editing these new pictures separately.


Languages available: Arabic ( Arabic ), chinese ( Chinese ), Deutsch, Español, Français, Icelandic, Italiano, Japanese, Korean, Nederlands, Português, Pycckий. If the Translator Tool doesn't appear, please click on "Refresh".

















Locations of visitors to this page
Home   -   Site Map

Free Backgrounds

Free Pictures

Website Design Handbook

What's No-Index ?

Computer Viruses and Worms

Hide Your E-mail Address

How to Choose Website Colours

How to Change my Pictures and Photos

Reduce Picture Size

Reduce Picture File Size

Reduce Download Time

Increase Picture Size

How Protect my Pictures

Webpage Optimization

Find Best Keywords

SEO Check-List

Website Promotion

Search Engine Marketing

List of Search Engines


Website Design and Promotion Search
Powered by Google



Return to TOP

Related pages:
| How to Protect my Pictures and Images | How to Change my Pictures and Images |
| How to Reduce Picture File Size | How to Increase Picture Size |

Get version (2 pages small font, 3 pages normal, incl. black-white picture)

© by Cristina and Peter Forsberg.
You are allowed to print out the text for your personal needs.
You are also allowed to copy and distribute the printout for educational purposes when free of charge,
as long as you give the source: www.donpedrowebdesign.com/reduce-picture-size.html

Last updated:
Aug. 31, 2010

Visitor counter
Since Oct. 20, 2006,
according to
www.digits.com/

eXTReMe Tracker