Skip the navigation header

K-State Logo K-State Research and Extension logo
go to Research and Extension home page go to News go to Publications and Videos ask a question or make a comment search the Research and Extension site

body

Web Builder

<!--

Graphics: introduction | tutorials | tips | copyright | links

< Home

< Frontpage

< Graphics

< Webtech

< Accessibility

< Web Development Resources

< Meta Data

-->

Resizing & Cropping Graphics:

Resizing and cropping images makes them physically smaller, allowing them to fit in a certain area, and also making download times faster. This is especially useful for those using a dial-up modem to connect to the Internet, which is still the majority of users.

Cropping

Cropping an image involves drawing a box around a portion of an image, and then removing everything outside the box. This is often done to remove extra backgrounds from a photo.

  1. Open the desired graphic in IrfanView


  2. Hold down the left mouse button while drawing a box over the desired portion of the image.


  3. Select Edit -> Crop, or press Ctrl-Y to crop the image.


  4. If you don't like the results, choose Edit -> Undo (or Ctrl-Z), to undo, and try again. If the image is correct, choose Edit -> Save As to save the image, and you're done. Be careful not to simply save, as this will overwrite your original image, unless you're certain you won't need the unaltered version again.

Resizing

  1. Open the desired graphic in IrfanView


  2. Choose Edit -> Resize/Resample, or press Ctrl-R. The following dialog box will appear.

    Resizing window

  3. You can resize as an absolute pixel size, or by percentages. Usually, the "Preserve aspect ratio" box should be checked. This allows you to avoid "squashed" images, and tedious manual calculations of picture dimensions. Resampling filters are only used when enlarging, and control how "boxy" or pixelated the final image appears.


  4. Click OK, and then choose Edit -> Save As to save your results. Again, you can press Ctrl-Z or choose Edit -> Undo to undo the resize. Again, be careful not to overwrite the original image unless it is no longer needed.