Loading... Please Wait...
Loading... Please Wait...

Search Support

Search our knowledgebase? Enter keywords or article id:

> go to search support

Support Index

Help and Support

PixelMill Live Help


Enter keyword or id#:



Quick Links

Printable Article

Cropping to a Specific Size in Photoshop

Article ID: KB101733

Many of the templates on PixelMill have a main image that you can easily replace with your own by cropping your image to a specific size in order to replace the image. This short tutorial explains how to use Photoshop CS2 to crop your image to a specific size.

First, if you're not sure what size the template's original image is, take a quick look in the Image Properties or in the HTML code.

  • In FrontPage, double-click on the image to bring up the Image Properties dialog box.
  • In Dreamweaver, click once on the image and look in the Image Properties panel.
  • In the HTML code, look for the <img width="xxx" height="xxx" ...> code.
  • In a browser, right-click on the image and choose Properties.

Once you have the width and height, go to Photoshop and select the Crop tool from the toolbox. In the options bar, you can type in the specific width and height. In the figure below, I've typed 750 px for the width and 168 px for the height.

Specifying size in options bar

Specifying size in options bar

Now click and drag in your replacement photograph or image using the crop tool. You'll notice that the crop area proportions are "fixed" -- you can't change the shape of the crop area like you usually can with the crop tool. You can move the selection around to grab the perfect area of your picture.

Selecting the crop area

Selecting the crop area

Double-click in the crop area to perform the crop action. Photoshop will automatically size the selection to be the right size!

Note that if you make the selection too small, your final picture will be blurry, so make sure that you select an area that is AT LEAST as big as what you need it to be.

Was this helpful?

Please rate this article:

Not helpful Very helpful
1 2 3 4 5 6 7

Email address: (not required)

(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. Your email address is NOT REQUIRED to submit a comment.)

Comments: (How can we improve this article?)

Clicking "Submit" will not clear this page.

link to this page: http://shop.pixelmill.com/support/al1073/kb101733.htm
permalink to this article: http://shop.pixelmill.com/support/kb101733.htm

Back to top

PixelMill EDU


PixelMill EDUâ„¢ is an innovative and proprietary online training series designed to aid the do-it-yourself Web builder in transitioning to new Web editors, coding standards, and Web technologies.

Webinars and Seminars:

FrontPage to SharePoint Designer Series
This is a 6-Week series designed to give you strong exposure to the new SharePoint Designer web editor and interface, along with examples of working with Windows SharePoint Services and tips for transitioning from FrontPage.
Register Now!

Tables to Tableless CSS Series
This is a 6-Week series designed to help you transition from building Tables-based Web site layouts to working with CSS to edit and build Tableless Web site layouts. For all Web builders using Dreamweaver, Expression Web, or any other web editor.
Register Now!

FrontPage to Expression Web Series
This is a 6-Week series designed to give you strong exposure to the new Expression Web software and interface, along with tips for transitioning from FrontPage.
Register Now!

Learn more and register!



Contact Us

Phone: (866) PIXELMILL
(866) 749-3564
Int'l phone: 1 (530) 297-3662

105 E St, Suite 310
Davis, CA 95616 USA

Payment Methods

Visa Mastercard American Express Discover PayPal Personal check Purchase Order