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
|_MG_5100 by tim and jan|
from Welcome to the Saloon!
|The Grimm 11 year old by Ryan Gardner|
from Trick or Treat
|Heron with fish by APenza|
from A Big Year - birds
Read the story behind this gorgeous wedding photo captured at Trolltunga in Norway by husband and wife duo Priscila Valentina Photography. The 14 hour hike in the rain that preceded this shot was TOTALLY worth it.
Go behind the scenes with filmmaker Nick Arcivos, who recently created a beautiful cinematic short film in Paris using only the iPhone X, a couple of gimbals, and a few lights. The results are very impressive.
A Bay Area startup offering a pay-by-the-photo camera service cleverly addresses the pain points photographers experience when they pick up their first DSLR. But can it survive the smartphone?
It's been a big year for software innovations, dual cameras and huge displays. Take a look at our picks for the top smartphone cameras and why we think they stand out.
We're counting down our top 10 most popular sample galleries of 2017. At the #7 spot is the ready-for-any-weather Olympus Tough TG-5.
By combining his skills as a time-lapse filmmaker and an engineer, Julian Tryba created this out-of-this-world creative 'layer-lapse' of New York City that alternates between night and day in time with the music.
Canon Japan's new lineup of novelty camera-themed gifts was just revealed online, including a lens mug and lens thermos, two retro camera-themed USB drives, and a picnic mat.
The Profoto A1 most certainly isn’t for everyone [...] But for those who are used to using the Profoto systems, and want something that pairs seamlessly with the strobes you already have, there is no better companion.
Fujifilm has asked a US district court to clear it of any wrongdoing, after allegedly being threatened with trademark litigation by Polaroid.
While a couple of our reviewers are out testing the Sony a7R III in Arizona, back in Seattle we slapped the camera in front of our studio scene to get a close look at its image quality. See how it stacks up against the competition.
We're counting down our top 10 most popular sample galleries of 2017, and the #8 ranking belongs to the Nikon D7500.
B+W has announced a new aluminum filter holder that offers three slots so users can use multiple filters at the same time. The holder goes with the 2mm thick 100mm square filters it launched earlier this year.
8K video is coming a lot faster than you think, and Blackmagic is ready for it. Meet the DeckLink 8K Pro, a new high performance PCI-E capture and playback card built to handle 'real time high resolution 8K workflows.'
"Glass is everywhere in photography. From Eugène Atget’s reflective vitrines to Lee Friedlander’s sly self-portraiture, photographers have long been in thrall to the visual complications glass can inject into a composition."
Former Apple Aperture lead developer Nik Bhatt has designed an iOS app called RAW Power that lets you edit raw photos from your professional camera using your phone and tablet.... color us intrigued.
Advertising photographer Blair Bunting got his hands on the new Microsoft Surface Book 2, and it blew him away. Bye bye MacBook Pro...
The OnePlus 5T retains many of the 5's features and specs, but comes with an edge-to-edge display and a dual-camera that is optimized for low light.
Sony's recently announced IMX461 backside illuminated medium format sensor will bring 100MP resolution and almost 2x the speed to the next-gen Fuji GFX and Hasselblad X1D.
With the ‘Rent a Hasselblad’ camera equipment renting program, the camera makers is aiming to give enthusiast and professional photographers easier access to its medium-format photography products.
They say seeing is believing, and that's exactly what happened when one DPR staffer took the Google Pixel 2 out for an afternoon shooting under challenging conditions.
We're counting down our top 10 most popular sample galleries of 2017. At the #9 spot we have the Fujifilm GFX 50S, a medium-format camera that took CP+ 2017 by storm.
Instagram is testing a new feature that lets you follow hashtags in addition to people, making it possible to keep track of your favorite #landscapes or #portraits without leaving your home feed.
Despite the gigantic volume of second hand film bodies in existence, it seems there is still a demand for new 35mm SLRs with a retro feel. The latest is a remake of the Ihagee Elbaflex from the 1960s, but with a Nikon F mount.
The Polaroid Insta-Share Moto Mod straps an instant printer directly to your Moto Z smartphone, so you can print your photos as soon as you've captured them.
The Mitakon Speedmaster 135mm F1.4 lens is being relaunched in 7 different mounts, including: Sony A, Sony E, Canon EF, Nikon F, Fujifilm G, Pentax K, and Leica L. Got an extra three grand lying around?
In January, Kodak announced it would bring back the beloved slide film Ektachrome. The timeline has been pushed back a bit, but Kodak says you can expect to purchase Ektachrome again in 2018.
Instagram popularity is threatening some of the most beautiful landscapes in the US, as hordes of 'nature lovers' trample over the same spots over and over again in search of the same exact shot.
You’d have to be pretty brave to immerse your $50K RED cinema camera underwater. But if you've got the guts, Gates just released a new housing you can be pretty sure won't wreck your unbelievably expensive toy.
Adobe has released a 'Lightroom Downloader' app for Windows 10 and macOS High Sierra that allows you to download all of your images from the Adobe Cloud, all at once.
After releasing a popular 4K action cam and an affordable mirrorless M43 camera, Chinese camera maker YI is diving into yet another market: 360° VR. Meet the YI 360 VR: a powerful little two-lens camera that can shoot and stream in 4K.