It's a well-known paradox within the digital photography industry that as consumers flock to cameras with ever-increasing resolution, the number of images that actually get printed is very, very small.
The print medium places very high demands on image resolution and one of the primary benefits of having more megapixels is that you can make larger, more detailed prints. With the ubiquity of email, social networking sites and blogs, however, the overwhelming majority of images being captured are distributed online. And with 10 megapixel+ sensors now being the norm for low-end ultra compacts, this means that every time most people press the shutter they create a file far too large for its likely destination; the web. So before you clog someone's inbox with a file that requires scroll bars in their web browser, let's take a look at how to properly optimize files for online use.
The first piece of order is to understand just a bit about pixels and resolution. Resolution is most commonly expressed in terms of pixels, which you can think of as the building blocks of a digital image. The more pixels an image contains, the higher its resolution. Camera makers tout image resolution of their camera sensors in terms of megapixels - one megapixel being equal to one million pixels. So, a camera that outputs images which measure 4000 x 3000 pixels is a 12MP camera (4000 x 3000 = 12,000,000).
The screen area of the monitor sitting on your desk is also measured in pixels. Let's suppose your display has a resolution of 1600 x 1200 pixels. If your camera has a resolution of 3000 x 2000 pixels, then an uncropped image from your camera, when viewed at 100% (actual size) expands beyond the edges of your screen. You will have to scroll to see all parts of the entire image.
|When viewing an image than contains a greater number of pixels than the device on which it is being displayed (simulated here with a blue frame, to represent the boundaries of a screen), you have to either scroll to see the hidden parts of the image or reduce view magnification until it fits entirely on the screen. Proper image sizing avoids the need to do either, while also reducing the file size.|
By taking into account the device on which your images will be viewed, you can make it easier to view, as well as save space on your harddrive, by not saving an image larger than it needs to be. So, with all the different monitors on the market, how do you know which one to account for? The answer is that you don't. But we do know that people view web images in a browser. And since websites are typically designed with page widths of less than 1000 pixels wide ,you'll rarely need to create a file of even that width. And of course, if you are emailing images, the preview panes in email clients are much smaller than that.
Suffice to say then that the largest web-destined image you are ever likely to need is about 800 pixels wide. For most uses, 400-600 pixels will be plenty. As a point of reference, the images accompanying this article are 520 pixels wide. Keep in mind these recommendations are for "full-size" images. For thumbnails, avatars and profile pictures on social networking sites, you need only a fraction of that resolution.
Now that we have an understanding of how large web images should be, let's look at how to resize them so they look their best. We're using Adobe Photoshop CS5 here, which offers a flexible one-stop save function specifically designed for this purpose, called Save for Web & Devices. Go to File>Save for Web & Devices to bring up the dialog you see below.
The Save for Web & Devices dialog provides one location where you can optimize file settings and produce an image tailor-made for its intended use. The options here are so complete that I'm going to use them to walk you through the hows and whys of creating an image that looks great on the web.
Our first task is to choose a file format and quality setting. We make these crucial adjustments in the group of menus and checkboxes at the top right of the dialog window.
One crucial choice that is often overlooked is conversion to the sRGB color space. I'll spare you the colorgeek explanation, but many web browsers, tablets and other non-colormanaged devices may display wildly inaccurate color renditions of your image unless this conversion takes place. If your image is not already in an sRGB color space, this is the time to do it.
When we resize an image by any significant degree, its perceived level of sharpness can change. The Bicubic options offer a quick and easy method for retaining a similar degree of apparent sharpness between the original image and the resized version. As a general rule, images that are being reduced in size will benefit from the Bicubic Sharper option.
We've taken a very brief look at the major areas of concern when repurposing your images for online use. Following these simple steps will allow you to transmit appropriately sized files while maintaining control over image quality. Although the amount of options can seem overwhelming at first, most of us end up using the same, or very similar settings over and over. So the next time you're getting ready to email or upload your latest masterpiece, take a few moments and prepare an optimized file that elicits joy from the recipient instead of frustration.
Amadou Diallo is a technical writer at dpreview, photographer and author of books on digital image editing and travel photography. His fine art work can be seen at diallophotography.com.
Jun 18, 2014
Jun 18, 2014
Jun 18, 2014
Jun 11, 2014
The Canon EOS Rebel SL2 (also known as the EOS 200D) is the company's impressively compact entry-level DSLR. Packing a 24MP APS-C sensor, DIGIC 7 processor and Dual Pixel AF, it promises a lot of bang for the buck. And while not mind-blowing, it handles most tasks very well.
Correct these four common composition mistakes and your photos will be more balanced, tell a better story, and lead your viewer's eye where you want it to go.
The rugged, compact 360° action camera Kodak unveiled at Photokina in 2016, the Kodak PixPro Orbit 360, is finally available in the United States.
iOS 11 launches tomorrow, and it'll save all of your pictures in a new high efficiency image format called HEIC. Fortunately, there's now a converter that will let you turn those photos back into JPEGs.
Photo protection company ImageRights recently released a new service that lets non-subscribers take advantage of their streamlined copyright registration system that checks for errors and fills out all the required forms for you.
What's the difference between a $200 circular polarizing filter and a $100 circular polarizing filter? Roger Cicala at Lens Rentals put six different filters through a few tests to find out.
A flurry of leaks reveal that GoPro's upcoming Hero6 will shoot 4K at 60fps, 1080p at 240fps, will cost $500, and is scheduled for announcement/release on September 28th.
Before he became the iconic director whose name we've all heard, a teenage Stanley Kubrick struck up a business relationship with New York’s Look magazine. No surprise: he was an incredibly talented photographer.
WD's new G-Technology G-Drive mobile SSD R-Series is a portable solid state option for photographers who want the reliability of an SSD in a rugged water and dust-resistant package.
Fast, stabilized and affordable is an appealing combination when it comes to lenses. With its latest 24-70mm F2.8, Tamron aims to upgrade autofocus speed and stabilization. We've got a full gallery from this updated full-frame zoom.
Photographer Clay Cook tells the story of his most ambitious photographic dream and career goal coming true: photographing A-list actress Jennifer Lawrence.
In an interview with a Chinese website, Nikon Japan's Director of Development dropped a bombshell, saying that a Nikon mirrorless camera "must be full-frame."
Here's a side-by-side spec comparison of two flagship devices with particular attention to the things that really matter – at least to people who prioritize photography features.
A month and a half after revealing the finalists of the 2017 EyeEm Awards, the photo sharing community and licensing marketplace has finally revealed the winners.
Photographer Josselin Cornou tells the breathtaking story behind two beautiful photos captured while snorkeling with humpback whales in Tonga.
The Sony RX10 IV is a fixed lens camera with a 1"-type sensor and 24-600mm equivalent lens that can shoot 4K video or stills at 24 fps, but that's not what we think is interesting about it. The addition of phase detection autofocus is pivotal to all those features.
The announcement date is set! Google will reveal their next generation Pixel phones—their response to Apple's shiny new iPhone X—on October 4th. Let the smartphone camera wars begin.
Sony just debuted three palm-style 4K camcorders that steal a bit of speedy phase detect autofocus technology from the company's RX10 IV. In fact, they kind of improve on it.
Earlier today, NASA's Cassini spacecraft plunged into Saturn's atmosphere, ending a 20 year long mission. Here are 21 of our favorite photographs captured by this incredible machine and its makers.
Fans of film photography should keep an eye out for the widespread theatrical release of Kodachrome, a movie staring Jason Sudeikis about the final days of the iconic film stock.
Photographer Manny Ortiz breaks down the pros and cons of shooting natural light vs off-camera flash, and explains why he chooses to shoot one, the other, or both in any given situation.
A leaked product page and a bunch of leaked photos shows Profoto is preparing to release its first ever speedlight: the Profoto A1 Air TTL
The Yashica camera brand disappeared in 2003, but a new teaser video and website hint at a comeback. Excited?
Western Digital just debuted a new, higher capacity WD Gold internal hard drive. The new drive offers 12TB of storage and class-leading reliability to the tune of a 550TB/year workload rating.
The new Godox XPRO-C is an affordable, highly capable flash trigger for Canon users that boasts a lot of useful features at a very reasonable price.
Tamron is working on a lightweight, durable and compact 100-400mm tele-zoom lens that will be available for Canon and Nikon cameras by the end of the year.
The Nikon D850 promises equal parts resolution and speed. On a trip to Bend, Oregon, we had the chance to try it out with fashion, sports, landscapes, and more. Check out our updated sample gallery to see how it fared.
A leaked photo of the upcoming GoPro Hero6 in its final retail packaging shows a powerful little camera that will be able to shoot 4K video at 60 frames per second.
Photography enthusiast Michael Sechler recently shot a Hurricane Irma photo that went viral and was used by media all over the world… so why didn't he make dime for his work?
Nissin claims the new Super Light Stand LS-50C is the lightest light stand in the world. Weighing in at just 575g/1.2lbs, it can still hold up to 1.5kg/3.3lb.