<span lang="en" xml:lang="en">Change the Size of an Image (Scale)</span>
</h3>
</div>
</div>
</div>
<a id="id2584999" class="indexterm"></a>
<a id="id2585007" class="indexterm"></a>
<p>
Problem: you have a huge image and you want to put it nicely for viewing
on a web page. The GIMP is a quick solution. Our example image is this
beauty m51_hallas_big.jpg from APOD
<a class="xref" href="bibliography.html#bibliography-online-apod03" title="Astronomy Picture of the Day - M51: Cosmic Whirlpool (2002 July 10)">[<abbr class="abbrev">APOD03</abbr>]</a>.
</p>
<div class="figure">
<a id="id2585033"></a>
<p class="title">
<b>Figure 3.12. 
<span lang="en" xml:lang="en">Example Image for Scaling</span>
</b>
</p>
<div class="figure-contents">
<div class="mediaobject">
<img src="../images/tutorials/quickie-scale-example.jpg" alt="Example Image for Scaling" />
</div>
</div>
</div>
<br class="figure-break" />
<p>
The first thing that you might notice is that The GIMP opens the image
at a logical size for viewing. So, if your image is really big (like the
sample image) it will display it zoomed out until it fits nicely. You
can tell if GIMP has done this by the percentage number in the title
bar. Just because it looks right in this “<span class="quote">View</span>” doesn't
mean anything.
</p>
<p>
The other thing to look at in the title-bar is the mode. If it says RGB
in the title bar, you are fine. If it says Indexed or grayscale there,
you should read the <a class="xref" href="gimp-tutorial-quickie-change-mode.html" title="4.6.  Change the Mode">Section 4.6, “
<span lang="en" xml:lang="en">Change the Mode</span>
”</a>.
</p>
<div class="figure">
<a id="id2585089"></a>
<p class="title">
<b>Figure 3.13. 
<span lang="en" xml:lang="en">GIMP Used for Image Scaling</span>
</b>
</p>
<div class="figure-contents">
<div class="mediaobject">
<img src="../images/tutorials/quickie-scale-menu.png" alt="GIMP Used for Image Scaling" />
</div>
</div>
</div>
<br class="figure-break" />
<p>
<span class="guimenu">Image</span>
entry in the menu and the sub menu from the screenshot should reveal
itself. Click on <span class="guimenuitem">Scale Image...</span>.
When ever you click an option from the menu that has ... behind it,
expect another dialog. This time, you should get the
<span class="guilabel">Scale Image Dialog</span>.
</p>
<div class="figure">
<a id="id2585143"></a>
<p class="title">
<b>Figure 3.14. 
<span lang="en" xml:lang="en">Dialog for Image Scaling in Pixels</span>
</b>
</p>
<div class="figure-contents">
<div class="mediaobject">
<img src="../images/tutorials/quickie-scale-dialog.png" alt="Dialog for Image Scaling in Pixels" />
</div>
</div>
</div>
<br class="figure-break" />
<p>
If you have a desired width, put it in the dialog at the top where it
says <span class="guilabel">New Width</span>. If you don't have such a number in
mind, you can steal the width of GIMP's default image size, which is
256 pixels. This is demonstrated in the figure above.
</p>
<div class="figure">
<a id="id2585187"></a>
<p class="title">
<b>Figure 3.15. 
<span lang="en" xml:lang="en">Dialog for Image Scaling in Inches</span>
</b>
</p>
<div class="figure-contents">
<div class="mediaobject">
<img src="../images/tutorials/quickie-scale-dialog2.png" alt="Dialog for Image Scaling in Inches" />
</div>
</div>
</div>
<br class="figure-break" />
<p>
Perhaps you want your image to look more like a 4x6 inch photo on most
image rendering web browsers. Simply switch the units to
“<span class="quote">inches</span>” and put 4 inches in the height box (opting for
smaller than 4x6 rather than bigger). You can see this dialog above.
</p>
<p>
Let GIMP choose the other dimension length for you. Meaning, it will
take more image knowledge to change both width and height and have it
look correct. So only change one and let GIMP change the rest. To change
the other length see <a class="xref" href="gimp-tutorial-quickie-crop.html" title="4.4.  Crop An Image">Section 4.4, “
<span lang="en" xml:lang="en">Crop An Image</span>
