Design & Publishing . / . WEB . / . PixelSmith . / . Photo-Mail . . . . . . . . . Have you had your web site reviewed yet?

Mr. Pixelsmith  -- The Truth about Photos in Email

...from the letters department: How NOT to send photos in email (continued)

The Truth about Photos in EmailWe've repeated our "Score Card" on this page as well, and now we'll concentrate on the second version of the image.

As you can see in the second version of the file, "NewiMac2.jpg" we realize that the original was 6 times or 600% larger than it really needed to be.

The original image was taken directly from the camera, intended for printing. So, to achieve a relative 300 ppi/dpi print output, the printer would reduce this image 25%.

Tweaking the image

For our email version that's what we did. We simply reduced the file size in Photoshop, using Image Size > Percentage = 25%. This yielded the file you see as #2 (middle, at right).

We also cropped the image a bit, to more closely focus on the SUBJECT of the image. We asked ourselves if the recipient really needed to see the walls and surrounding areas of the subject. Always ask yourself if the surrounding areas are essential to the meaning and/or "action" of the image. If they are not, then you don't need it.

Here's a diagram of how the scale turned out in relative sizes of the images. Each reduced in this diagram at 20% of its original for speed of display. (It will open in a new browser window, which you may close once you've viewed the image.)

The new image is roughly 57 bytes, and downloads substantially faster than its 378,761 byte parent. It also begins to reveal the SUBJECT in the actual email. (Which you can view in a separate browser window here.)

But we're not done yet.

Here's the way one might set the
photo for
*quick* download, and
more logical cropping. . .




Share and learn. . .
We invite you to send in your comments on this article, tips, tricks or your questions about Web Design: http://www.graphic-design.com/contact.html

Discuss it. . .
If you would like to discuss web design with your peer web designers, then join us in the WebDesign & Review email discussion list. Visit: http://www.graphic-design.com/subscribe.html or simply send an email to:
webdesign-on@lists.graphic-design.net



Have you had your web site reviewed yet?

Design & Publishing . / . WEB . / . Pixelsmith



If you've got a tip or trick you'd like to share, or if
you'd like Mr. Pixelsmith to answer some of your questions, feel free to
contact us!

Thank you for visiting the Web Design & Review Web site at: http://www.WebDesign-Review.com/ ... Copyright 1997, 1998, 1999, 2000, 2001, 2002 WebDesign & Review, all rights reserved. The screen shots herein represent the copyrighted works of their respective owners, and are used here for editorial demonstration purposes. Permission has been granted to display and review all sites in WebDesign & Review by the website owners. Not all areas of the online environment allow special characters such as the registration and trademark marks. This file will alert you to proprietary works that cannot be duplicated or distributed. Copyright 1996, 1997, 1998, 1999 Showker Graphic Arts, for the The Design & Publishing Center, ALL RIGHTS RESERVED. WebDesign & Review, Pixelsmith, WebEye are all trademarks for The Design & Publishing Center. Other products mentioned in these pages are the registered trademarks of their respective owners. The Design & Publishing Center and WebDesign & Review are Affiliates of The Graphic Design Network. Other Affiliates include: 60 Second Windows, News - Serve Network, Graphic Design .com The Design Center is a spam free website.The Designers' Bookshelf, The User Group Network, -- copyright 1994 - 2002, The Graphic Design Network, Showker Graphic Arts & Design, Harrisonburg, VA. WebDesign & Review is a supporter and advocate for The Association of Macintosh Users & Groups at http://www.AACUG.org