Image Resize
Cropping, Resampling, Scaling
Part 2


Adobe: This is the Photoshop Marquee tool (the moving "marching ants", like marching movie theater marquee lights - you have to see it). The Marquee tool and there is also a "Crop tool" too work the same in Adobe Elements and Photoshop (both tools in both programs can provide the Fixed Ratio below). This is about both programs, and about most programs. And there are other ways too... I often do this crop in Adobe Camera Raw (select its Crop tool, then right click in the image to see the aspect ratio menu).

The idea is that we can mark this crop box on the image, and then crop it so that only this area remains in our picture (in the copies further below).

There are usually two purposes for cropping.

The Marquee tool is the rectangular icon symbol selected and marked here in yellow near the top of the Photoshop tool bar (right click it for other shape options). Then when this tool is selected, we can simply draw a rectangle on the image, by dragging the mouse over the image (dragging: with left mouse button held down). Then menu Image - Crop will do the crop, leaving only the area in this marked box.

Choosing the crop shape: If we also specify a Fixed Ratio in the tools top menu (like 4:5 here, which is marked yellow - Note this is A SHAPE, NOT A SIZE), then any crop box we can draw (of any size) can only be this 4:5 shape, which will fit 4x5 or 8x10 paper. You can see the two different shapes here, right? The overall image is aspect ratio 2:3 (taller narrow shape), and the marked rectangle is 4:5 (shorter wider shape). The point is, you can see and adjust what you are cropping, so that the parts you want will exactly fit the paper shape.

The really BIG trick in the Marquee tool is that as you draw the rectangle, and get it the size that you want, then keep holding the mouse button down, don't let up on it, and then you can hold the keyboard space bar while continuing to hold the mouse button, and then moving the mouse will simply move the rectangle around on the image, to exactly where you want it. Otherwise, you have to start over again. Works very well, but this is much simpler in Adobe Camera Raw crop, where you can just easily do whatever you want to do.

When crop area is selected (drawn to include the image we want to include), then the menu Image - Crop will trim away all else, leaving only the area we marked to be included. Save it to a file, and we have it. Use "Save As" to specify a new file name - Do NOT "Save" to overwrite your only copy of the original, if you expect to ever need it again. The operation is not recoverable (except on Raw images).

Another way - The crop tool in Adobe Camera Raw (including Lightroom, Photoshop, and Elements) is even easier. Just simply mark a rectangle on the image with the mouse. The rectangle shape is forced to match the selected aspect ratio (you can right click inside that rectangle to select other aspect ratios). Then you can grab the corners of the crop frame to drag it to be other size, and you can just scoot it around to frame the area you want. Couldn't be easier.

Fitting the image to the paper size (or screen size):

When we select a tool on that vertical tool bar, we get a secondary menu bar, under the main menu bar. This secondary menu bar has options which apply to the tool we have selected. Here, the Marquee tool bar shows Style, which selects Normal by default. Normal means we can draw any shape box we wish. My choice above was Style - Fixed Ratio, and I specified Width 4 and Height 5, which means any box I draw will be forced to be this shape (not size, but shape), same shape as a 4x5 or 8x10 inch paper. In this tool, if we wanted 5x4 (landscape instead of portrait orientation), we have to specify 5x4, but the left/right arrows between Width and Height will swap the fields. NOTE there are no units in Fixed Ratio. This Aspect Ratio is the simple ratio of the dimensions, and 4x5 is about the shape, not about the size. The idea is to match the "shape" of the paper we will print on. The size will be the pixels remaining after drawing the box, whatever they are (we will fix that in next step below). A minimal amount of practice will make this be clear.

After the marking the crop, you can move the selected area by selecting the Move tool (icon above the Marquee tool), and then dragging it. To change its size, the Marquee tool requires redrawing it, but other tools allow us to drag one edge. You can remove the marked rectangle several ways, usually just clicking someplace else on the image removes it, or the menu Select - Deselect. There are of course other options, but these are the basics.

Yet another way - Photoshop has the Camera Raw crop tool, and has the Marquee tool above, and also has another actually called Crop tool. In it, you can move the cropped frame around on the image, easier to use. Photoshop CS6 has removed the Resolution field from it, which removes my objection and warning. I understand there is some controversy about it, and I don't know any final decision. But CS5 and earlier had it. So a warning - about the formal Photoshop Crop tool before CS6 . It's useful, it has additional powerful options, and does all that too, but it has one feature to watch out about. It's menu bar also shows image width, height and printing resolution. If Width and Height are entered, it is aspect ratio, and becomes the only shape you can mark. That's great. But if resolution is also entered, it will resample to honor it, so that width and height become actual inches on printed paper. Users enter a number because the field is there, not desiring any resample, but it DOES resample. If using this actual Crop tool, and if you enter a Resolution value there (like 300 dpi), then it will crop as marked, and then the Crop tool WILL also RESAMPLE your image, to provide the number of pixels to print the size and resolution that you specified. If that's what you wanted, great. This can combine this Cropping step and the next Resampling step too, meaning, if you want 8x10 inches at 300 dpi (2400x3000 pixels), just say so, and that's exactly what you will get. It is good to be aware however. If you merely want to crop, then simply DO NOT enter a resolution value in the Crop tool. Just leave Resolution blank if only cropping, so it will not resample. Or, I instead just use the Marquee tool above, which simply marks a selection (to be cropped), and will never resample. The Image Size dialog resamples.
Said again: Crop tool will resample if you enter a dpi value (might resample to be smaller, or to be larger, which is good if you intended that, but you should not be unaware). If you use the Crop tool, but merely want to Crop, then you must leave the dpi field blank, and then the Crop tool will only crop to shape, and will not resample. Playing with it a little will quickly show this.

Aspect Ratio

Aspect Ratio is the "shape" of the image - the simple ratio of the images long side to its short side (in pixels or mm or inches, the ratio is the same). For example, 4x6 is long and thin or 8x10 is short and wide (Aspect Ratio). It is naturally important when printing images on paper that the image shape (aspect ratio) matches the specified paper shape (its aspect ratio). Otherwise the image shape will not fit the paper shape exactly. Then most likely, the photo lab machine will print it so that it fills the paper, but some of the image is cropped away, missing off the edges of the paper. It is of course far better if you see and plan and do this crop yourself, instead of the print lab machine doing it randomly (We have photo editor tools to make this be easy work). Another possibility if printing at home is that some of the paper area is left as blank white space (if shapes don't match).

This is just saying, a 4x6 image cannot fit 4x5 paper, simply Not the same shape. This is not about Size, size can be enlarged as necessary, but Shape can only be cropped. It is a very simple concept (like square pegs in round holes), but not all beginners seem to take notice yet. A 2:3 image will enlarge to 4x6 or 8x12, but it will not fit 8x10 (unless first cropped to 4:5, one way or another). It is a complication that most paper sizes are all different shapes (except ISO metric paper, but which is still different than our images).

Aspect Ratio simply compares the image width and height dimensions, for example 4x6 inch paper is ratio 4:6, which lowest common denominator reduces to 2:3. Or a 3000x2000 pixel image is 3000:2000, which is reduced to 3:2 (same ratio as 2:3, just rotated, but still fits the paper). Or the aspect ratio can be described as the division into the larger dimension, so 2:3 is 3/2 = 1.5, and the ratio compared to "1" as 1.5 to 1... same shape as 2:3.

8x10 inch paper is 8:10, which is reduced to call it 4:5. The big point is that 2:3 and 4:5 are simply different shapes of paper. Obviously, we cannot print on a different shape paper without losing some area (cropped away, off the paper).
Said again, 4:5 aspect ratio can be scaled to fit 8x10 inch paper, but a 2:3 image will require 8x12 inch paper (else if on 8x10 paper, something is cropped off and lost). Or, the idea is that you can do that cropping yourself first, intelligently, your choice of what is cropped. This prevents cut off heads, etc.

When printing the image, you often need to crop it first, to fit the paper shape. Because, 4x6, 5x7, 8x10 inch paper are all different "shapes". 4x6 is a more elongated shape than 4x5 (so the same one image cannot possibly fit both shapes of paper). 4x5 or 8x10 shapes are a little wider, so to speak. Shape and size are different properties. Images can be scaled or resampled to different sizes, but the shape follows in proportion. 8x10 can print on 4x5 paper, but not on 4x6 paper (because 8x10 shape is 4x5). If the image and paper are different shapes, the paper will necessarily crop it - some of the image will be off the paper and lost, or there will be blank unfilled white space - so the correct shape is important. It seems reasonable and necessary to decide this yourself about how to crop your image, before you print it. And frankly, a little tighter cropping often helps many images, like this one above, making the remaining subject area larger and more important.

This Cropping step above shows how to crop the image to fit the paper.

My notions: Aspect ratio is technically width:height, and width:height is reversed by rotation. The paper "shape" is what it is either way, but there is also Landscape and Portrait orientations of the paper, which swaps width and height. Landscape orientation is the long dimension turned sideways, like say 8x10 paper turned to 10x8, matching the normal camera orientation to take a scenic landscape picture. Portrait orientation is the camera turned up on end, like say 8x10, like most portraits are done. We may rotate the paper to use it, but we rarely hear the terms said as 10x8 or 2:3 or 11x8.5, etc. It's just more what we are used to saying. 8x10 paper is 8x10 paper. Anyway, popular aspect ratios like 4x5 or 5x7 are usually said as portrait orientation, but 3:2 seems always be landscape. The numerical divisions (1.25 or 1.4 or 1.5 to 1) are usually landscape, same as the cameras normal mode... because the long side divided by short side is a number greater than 1. So note that the numbers are different, 4x5 and 5x4 do divide as different ratios, 1.25:1 vs 1:0.8. But normally the larger number is divided by the smaller number.

Some common Aspect Ratios are shown. (ratio of the two dimensions, which is "shape"). When the ratio is say 3:2, the sides compare as 3 to 2. Same ratio giving W/H:1 of say 1.5:1 (3/2 = 1.5), means the images long side is 1.5 longer than the short side. This is a "shape", not a "size". Valid for both inches or mm, it is a ratio.

The formats are ordered here from a more square shape to a long and thin shape.
Some are ratios of a few sizes, some are specific sizes in inches.

W : HH/W:1

Aspect Ratio

1:11:1 Square, 5x5, 8x8, 12x12
4:51.25:14x5, 8x10, 16x20, 20x25
11:141.273:111x14 inches, 28x36 cm. Was an old Kodak sheet film size
8.5:111.294:1Inches, American Letter size, ANSI A size
4:31.333:1 Most compact cameras, phones, and non-widescreen monitors
5:71.4:1 5x7, 13x18 cm. Also 2.5x3.5 inches wallet size, which is 1/4 of 5x7 size
Metric1.414:1Metric paper sizes, A2, A4, A6, etc. √2 :1
3.5:51.429:1Half of 5x7. Many old snapshot photos, also 9x13 cm
13:191.462:113x19 inch photo paper
2:31.5:14x6, 8x12, 10x15cm, 35mm film, and most DSLR cameras
11:171.545:1inches, ANSI B size, also called Ledger (landscape) or Tabloid (portrait) size
16:101.6:1Some wide LCD monitors, near Golden Ratio 1.618
8.5:141.647:1inches, American Legal size, law profession
16:91.778:1HDTV 1920x1080, 1280x720, and camcorders

Note: Wallet size can vary slightly. Traditionally 2.5x3.5 inches (measure your wallet picture insert sleeves), which is 1/2 of 5x7 dimensions - meaning, 5:7 images will scale to fit wallet size with no cropping - four can be cut from 5x7 paper. Some however are 2x3 inches (four cut from 4x6 paper).

The International standard is Metric paper sizes A2, A3, A4, etc. Each size step is the previous cut in half, but all remain the same aspect ratio 1.414 (square root of 2), which has this special property that each cut in half is the same 1.414 aspect ratio. A0 size has an area of one square meter. A4 is 210 by 297 mm (8.27 in × 11.7 in). This metric Shape is only about 1% different than 5x7 shape.

North American paper sizes (ANSI standard), A 8.5x11, B 11x17, C 17x22, D 22x34 are all double size of the previous, so they also cut or fold in half, but with two aspect ratios alternating 1.294 and 1.545 at every other size.

Regardless, the images from the camera are a different shape than print paper (6x4 inch paper, and 3:2 DSLR or 35mm film being the one exception of same shape).

Regarding printing photos, the point is, these shape differences are the reason people complain that the photo lab didn't print all of their picture area. To prevent the lab from cropping your image in an surprising way (but it is expected, the image shape must fit the paper shape), you should crop to 3:2 shape BEFORE you order 6x4 inch prints, or to 4:5 shape BEFORE you order 8x10 inch prints, or to 5x7 shape BEFORE you order 5x7 inch prints. Then what is cropped is your own choice. If you don't, and if you send it to the lab anyway, the lab will fill the paper, cutting off a little of your expected image. Or sometimes you can request they just print it uncropped, leaving blank white space where it does not fill. It is best if you tend to this before you send it, cropping the way you want it so that the image shape fits the paper shape without surprises. Note the obvious, in these "red" images above at right, we can of course move our own cropping selection to be at or near either edge, to better center our actual subject in the final area (to choose what gets cut off).

Most paper sizes are each a different shape (except metric is consistent, all actual ISO metric sizes (A, B, C series... A4, A6, etc) are the same shape) but few paper sizes are the same shape as our images. In the old days, a human operator might see and select a better print cropping, but the machines are fully automatic today, so forget that, at least for discount price. This is something you surely want to see and choose first, your way, instead of letting the printer do it automatically by machine, their way (often unseen by human eye).


The image above has been cropped now, to show the image that I decided I wanted to show, and also to fit paper shape of 4:5 aspect ratio. This step gets it to 8x10 inch size when printed.

Also shown is the Adobe Image Size dialog box (same in Photoshop or Elements ). It is menu Images - Image Size, or keys CTRL L pops it too (speaking Windows). Most serious image editor programs necessarily do about the same thing, and work about the same way. And BTW, the Best Help available for Adobe stuff is simply to do a Google search for the words you want to know about.

This tool does two very different resize functions: Resample, or Scale for printing. The mode switch on this tool is the Resample Image check box (bottom), checked so it will Resample. If NOT checked, this box will instead Scale for printing (next part below), and then, the top portion of the box (pixel dimensions) is grayed out, image size cannot be changed. But if checked, it will resample, and the pixel dimensions are changed.

Resampling changes the image size, specifically, it changes the dimensions in pixels to be other dimensions you specify, other new pixels. Several reasons why and when we do this, but our camera images have become larger than most uses need, so we generally need to make them smaller, to be the image size needed for our purpose. For example,

    900x600 pixels - an arbitrary large size for video screens, for email or a web page, 0.54 megapixels
1920x1080 pixels - HDTV 1080i (new monitors are becoming this size too) 2.07 megapixels
1800x1200 pixels - for printing 6x4 inches (300 pixels per inch) 2.16 megapixels
3000x2400 pixels - for printing 8x10 inches (300 pixels per inch) 7.2 megapixels
4000x3000 pixels - 12 megapixel 4:3 camera image (compact and phone cameras are 4:3)
6000x4000 pixels - 24 megapixel 3:2 camera image (DSLR and 35mm film are 3:2)

The requirements to print a 6x4 inch print at the ideal 300 dpi resolution computes:

(6 inches x 300 dpi) x (4 inches x 300 dpi) = 1800 x 1200 pixels needed (2.16 megapixels)

If the image is significantly larger than the print needs, we can resample it to closer suitable size. It need NOT be exact, within ± 20% of 300 dpi size is normally acceptable (240 to 360 dpi, but if creating it, why not aim closer to 300 dpi?)
If the image is too small for printing, there's no good solution. Only a larger original image replacement will help the print. Resampling larger does NOT add resolution, it just becomes lower resolution (if lacking the necessary original pixels).

There are two ways we can use this editor box to resample:

After the first crop above (done for shape and content), this tool shows this image size now is 2514x3143 pixels (4:5, or 3143 x 4/5 = 2514). Resampling smaller is a drastic operation, which works great, but there is no going back after the excess data is discarded. First archive your largest original data somewhere unmodified (Raw is great for this).

A diversion about bytes. Image size is dimensioned in pixels, but data size is in bytes of memory to store the RGB data for those pixels.

Note the number on the top line of this tool - the 22.6M is the data size in megabytes, 22.6MB. This is not file size, and it is not image size. This is size of the image data when uncompressed and open in computer memory. It is a computed number, from the image size (pixels). For 8-bit images (24 bit color), this number is always 3 bytes per pixel (it is the RGB data for each pixel). Or 6 bytes per pixel for 16-bit images. So any generic 12 megapixel image is 12x3 = 36 million bytes of RGB data. True of any/every 24-bit RGB 12 megapixel image. But this one is now cropped to be smaller, 7.9 megapixels now (2514x3143).

This 22.6 MB number is close, but not exactly (2514x3143 x 3) bytes. Megabytes is an odd situation. One megabyte (1024x1024 bytes) holds nearly 5% more bytes than one million bytes (1000x1000), so there are about 5% fewer megabytes. See More about that. But this size in memory simply depends on the pixel dimensions, as shown, and it is the size of our data, usually three bytes per pixel.

Image data size is not file size. JPG compression makes the data smaller while in the JPG file. File size is variable with the JPG Quality option (High JPG Quality is larger files and better images, Low JPG Quality is smaller files at the cost of worse images). File compression size varies with image content too - featureless image areas (walls, sky, etc) compress smaller than detailed image areas (tree leaves, etc). We speak of JPG Quality losses, which means the addition of JPG artifacts, see More about JPG. The JPG file size might be tolerable quality if around 1/8 to 1/12 of image data size (very vague numbers, but larger files are better images). The image is the full original size again when opened and uncompressed into computer memory (same pixel dimensions), but quality might suffer from JPG compression. The top line of the resize box shows this uncompressed data size, in MB. This is computed at three bytes per pixel (for 24-bit images). That is simply how large our image data is (JPG files tend to give us other false notions about it).

In this Image Size box - with the Resample Image check box checked - we can Resample to change image size (pixels), done in a couple of ways:

You do want to pay attention to be sure you are resampling smaller, and not resampling larger. For printing, instead of resampling 20% larger, which just makes the image softer (nothing can add detail from the original scene once out of the camera), then it is surely better to simply print it scaled to 20% less resolution (pixels per inch), which increases printed size the same, but leaves the pixels unaffected (which is Scaling, next below).

Bring up this tool and experiment by typing some numbers. It should become very clear, very fast. It is just a simple calculator, about pixels per inch.

The last list box at bottom of the tool is the resampling algorithm to use. For photos, Bicubic Sharper is a fine choice for reducing the image size. Bicubic Smoother can be better for increasing image size, but increasing size is generally not a great option. Note that all images need a moderate bit of sharpening after resampling (all new pixels then). Any sharpening done before resampling is generally pointless, as those pixels will be replaced with different pixels... Sharpening ought to be done last, the final operation. Large images for printing need a bit more sharpening amount than smaller images for video. Very small images cannot stand much sharpening. We sharpen for the viewing goal.


This option is ONLY to prepare for printing the image, to cause it to print the size we want on paper. Whereas... the Resample option above is about changing the pixel dimension of the image, for any purpose, but for example, maybe to make it display smaller on a video monitor. Scaling is very simple, all we do is change the dpi number, specifically without changing any image pixel in any way.

Video and printing are very different. Video monitors simply show pixels directly. If we want to see a different size (maybe the image is too large for the screen), then the image must be resampled, to create a different or smaller image size, the pixels of which are always shown directly on video. Whereas printers operate very differently - printers fill inches of paper by spacing the pixels at different "pixels per inch" rates. Scaling simply changes that dpi number, so the same pixels will cover a different size in inches (on paper). The scaled image will appear unaffected on the video screen, which ignores the dpi number, and shows pixels directly.

Scaling does NOT change image dimensions (in pixels). It never affects any pixel at all, and it has zero effect on the video screen. It is only for preparing to print, and technically, scaling only changes the Resolution field "Number" (pixels per inch), which is just a number. Some new dpi number just causes the printer to compute to print the same pixels to cover a different size in inches on paper (pixels per inch). The dpi number simply "scales" the printed size on paper, by changing the printed pixel spacing to make the SAME pixels cover a different dimension of paper, in inches. The pixels stay the same, totally unchanged. 3000 pixels printed 300 pixels per inch will cover 10 inches of paper, or printed 200 pixels per inch will cover 15 inches (same 3000 pixels). Scaling is very reversible, can be done at will, since there was no actual image change at all (just this one dpi number stored away separately - it is just a number).

We initially cropped this image to 8x10 inch shape (4x5 aspect ratio), so now lets suppose now we want to print it 8x10 inches. If we just feed this image (in first part above, after cropping) to our printer, what this said is 8.38 x 10.477 inches at 300 dpi, and that is how the printer will print it (It is how our local home printer will print it. If we take to Walmart or such, they will print it any size we ask for, i.e., they will scale it for us - they don't look at the dpi value).

Here, same tool, but I unchecked the Resample Image check box, so now it cannot/will not resample. This selects Scaling mode. The top fields become grayed out, the pixel dimensions cannot be changed. All it does is change the separate dpi value, but there is this specific option for it, this is how we do it (it saves the new number in the file, if we save the file). Notice again, the top part (Pixel Dimensions) is grayed out now, we CANNOT change the pixel dimensions in any way. We are not resampling, and we cannot change the image size. All we can do is to just change the dpi number, which changes the printed size, after it is on paper. The purpose is to scale the image size (pixels) to the paper size (inches).

However, we can change the dpi value, or change the printed dimensions in inches, and then the other one will track it. It is just a calculator. I also typed 8 inches for image width in the center at Document Size. This is printing size. The 10 inches automatically changed (because this is the aspect ratio), and the 314 pixels per inch is just the simple calculation: 2514 pixels / 8 inches = 314 pixels per inch. It is still the original pixels, but this dpi value will cause our home printer to print it 8x10 inches.

This 314 dpi is close enough, it is not a critical or exact number. For best printing quality, we would always like it to be around 250 to 300 dpi for printing. Within 10% or 20% is fine (when necessary, when that is the pixels we have), and will be undistinguishable. The places you send it out to for printing normally have capability around 250 dpi, and you would like to have that much. If you don't have enough pixels, then a 150 dpi result is possibly acceptable (not terrible), especially for large prints which are not viewed too closely. My own goal is to provide 300 dpi, "just to be sure"... but 400 dpi is pointless, won't help.

So if we wanted to print this one 4x5 inches, this 2514x3143 pixel size is simply far too many pixels this time. Scaling to 4x5 inches will come out 2514 pixels / 4 inches = 628 pixels per inch, which is simply ridiculous for printing color photos (but is fine and good if for line art). Realistically, printing at 250 to 300 dpi size is all that can benefit the printer (any printer, for color photos), so resampling smaller is often necessary and prudent. It would print if we left it scaled to 628 dpi, but the file and upload would be 4x larger than necessary, for no reason at all.

And when we print, generally the printer driver will use the dpi number to size or scale the printed image. However, many printer drivers today will also allow us to specify the printed size there too. This is the same scaling operation (changes value of dpi to fit the image to the page size). We still need to have the shape right however.

Note this dpi resolution number is just a stand-alone number, which does not affect the image pixels at all (unless we also resample, but this is speaking of scaling - the Resample Check Box is Unchecked). And it only has meaning at the instant of printing on paper. It is arbitrarily chosen to decide print size scaling, and it is unused at all other times. Images viewed on the video monitor do not use this dpi number in any way, therefore images on the internet web also simply do not use this number in any manner. The Adobe menu File - Save for Web strips out this number to save a few bytes, since it is not needed on the web (Adobe reports 72 dpi then, because it is missing, not because it says 72). Video systems simply show the image pixels directly, and in the video system, it simply could not matter less what this resolution number is. It is totally ignored in the video system. It is used for printing on paper, to scale the printed image size to be so many pixels per inch.

Bottom line, if the image size is halfway close to proper printing size, there is no reason to modify and affect the pixels. Just leave them alone, use what you've got, and scale the image to print the exact desired size. If the printing resolution comes out near the ballpark of 250 to 300 dpi, you're good. This Document Size tool is just a simple calculator, which computes: pixels / inches = pixels per inch. And when you click OK, it stores this dpi number in the file, to retain it for printing. Your local printer device uses that number to size the image pixels on paper, so this is how you make it print a specific size in inches. The dpi number is stored in the file (is just a number), but the inch numbers are not stored. There is zero effect on the image pixels if we simply change the dpi number. Then the unmodified existing pixels just print a different scaled size image on paper.

Menu of the other Photo and Flash pages here

Copyright © 2012-2016 by Wayne Fulton - All rights are reserved.

Previous Menu