spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

HOME | EXPERTS | GRAPHICS | column 50

Zoom In on the Best Image: Photo Composition for the Web

 

 

The last article, Web Photos that Pop, attracted a lot of mail. It seems there are many of you out there who feel a little out of control when it comes to photos for your Web pages. We looked at enhancing images with raster program controls in that article, and this time, rather than go deeper into the correction mode, I want to focus more on composing your images, or choosing the best way to present your photos.

If you have any experience with photography, you know that using the correct light, film, or settings will only take you so far. Soon into your development, you will discover that the best technical settings in the world will not overcome weak composition. Artists who work with pen or brush discover the same reality. Good composition is the backbone of any photo.

Most times, however, we do not have the control with Web photos that we have with photography. If we are working for clients, or even compiling our own pages, we are usually working with prepared images. These images can be poorly composed, and if scanned, quality is questionable. To bring this content to life, make sure you see Web Photos That Pop. You can also add energy and impact to photos, by cropping the image, which means to trim some of the content, or stripping out a background. Reducing clutter in a photo can make the difference between a "yawn" image and one that makes your page sizzle.

Take a look at the images at the left. In the top image, it is hard to find a focus for the image. Are you showing a family, a car, or a suburban street scene? Pay attention to how your eyes dart all over the image without finding a resting spot. This is a weak photo.

However, zoom in many times, and strip out the background, as in the lower image, and you are making a connection with this family. The detail that emerges as the size increases brings the people to life.

   

 

Photos in this article are from the Hemera Photo-Objects 50,000, Volume 2. The images in this collection are excellent quality. However, for this article I may deliberately wreck images to represent a common problem with image composition, so that I can show you how to fix them

 

Before we get into the specifics and artsy topics of selecting image content to feature on your pages, we need to step aside for a discussion about resolution. There may be no more confusing topic to beginners in the graphic world, and even designers with excellent skills and years of experience may not understand resolution issues well. The next page is a bit dry, and certainly not exciting, but please do not skip over it. Unless you understand how resolution works for images, you will never reach full mastery of images.

   

 

Wendy Peck is a working Web designer and writer living in NW Ontario, Canada. http://wpeck.com

 

Next page

Zoom In on the Best Image: Tutorial Index

Photo Composition for the Web
Know Thine Resolution
Taking Advantage of Resolution
Finding the Right Portion of an Image
Removing Backgrounds



Front Page2345

Quality, Affordable Dental Plans from DentalPlans.com
Developer News
Sir Tim Talks Up Linked Open Data Movement
From L.A. to Vegas With 100GbE
Salesforce Rolls Out Big Summer '08 Update


Created by Wendy Peck,

JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
IBM eBook: Planning a Service Oriented Architecture
IBM eBook: Choosing the Right Architecture--What It Means for You and Your Business
Microsoft Article: Will Hyper-V Make VMware This Decade's Netscape?
Avaya Article: Using Intelligent Presence to Create Smarter Business Applications
Intel Go Parallel Article: Getting Started with TBB on Windows
Microsoft Article: 7.0, Microsoft's Lucky Version?
Avaya Article: How to Feed Data into the Avaya Event Processor
IBM Article: Developing a Software Policy for Your Organization
Microsoft Article: Managing Virtual Machines with Microsoft System Center
Intel Go Parallel Article: Intel Threading Tools and OpenMP
HP eBook: Storage Networking , Part 1
Microsoft Article: Solving Data Center Complexity with Microsoft System Center Configuration Manager 2007
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
HP Video: StorageWorks EVA4400 and Oracle
HP Webcast: Storage Is Changing Fast - Be Ready or Be Left Behind
Microsoft Silverlight Video: Creating Fading Controls with Expression Design and Expression Blend 2
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Red Gate Download: SQL Toolbelt and free High-Performance SQL Code eBook
Iron Speed Designer Application Generator
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
Silverlight 2 App and Walkthrough: Leverage Silverlight 2 with SQL Server and XML
IBM Article: Enterprise Search--Do You Know What's Out There?
HP Demo: StorageWorks EVA4400
Microsoft Article: The Progress and Promise of Deep Zoom
Microsoft How-to Article: Get Going with Silverlight and Windows Live
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Book Review: Head First JavaScript · Web Hosting Control Panels · Use Your Blog for Fast Search Engine Rankings
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
NetApp's Virtual Storage Strategy Crystallizes · F/MC Watch: A Cisco-Centric Approach · Olympic Time Trials Use Wi-Fi Mesh


URL: http://www.webreference.com/graphics/column50/
Created: July 21, 2001
Revised: July 21, 2001