Time to be with your loved ones

Time to be with loved ones

by sat

submit your photo


Hall of Fame
View past winners from this year

Please participate in Meta
and help us grow.

Take the 2-minute tour ×
Photography Stack Exchange is a question and answer site for professional, enthusiast and amateur photographers. It's 100% free, no registration required.

I want to use some of my images for the background of a web page in my browser and for computer desktop wallpaper on my widescreen notebook.

When I use a (landscape oriented) picture as is (in a simple web page), the browser scales it to fill the width and centers it. This causes a lot of the top and bottom of the picture to be cropped.

If I resize the image in any way while maintaining the aspect ratio, it makes no difference. I had to resize it to 1600x700 without maintaining the aspect ratio to get most of my subject to fit vertically. That stretched the image so far horizontally as to be unusable.

It doesn't seem like there's any way to fix this.

What I want to know is how should I compose new photographs so that they will be usable for this purpose?

My first thought is to zoom out on the subject so the part I want fills around half of the height and then crop the picture vertically later. (With my current camera and a newer one, there should be plenty of pixels to support this.) This sounds like it would be hard to get the initial picture right, especially when the tendency is to fill the viewfinder/screen with the desired image.

Maybe my cameras or other similar ones can shoot in widescreen (16:9) to start with. I'd still have to resize it, but much less (because the browser window is wider than 16:9).

I'm relatively new to photography and just learning digital image manipulation. My older point and shoot digital camera takes images that are 3024x1184. (I also have a newer, higher end, point and shoot with much higher resolution and a number of manual settings.)

Right now, I do my digital work on Linux with gimp and imagemagick, but I also run Windows 7 and I have a copy of Lightroom that I have not installed yet.

As much as possible, I'd like an answer of "what" to do and not just "how" because I don't own Photoshop.

I read some things about bicubic scaling and about a liquid-scaling plugin for gimp, but they were a bit over my head.

share|improve this question
1  
This doesn't address how to compose for it, but in general, I just crop (not resize) the picture to the same aspect ratio... –  rfusca Mar 3 '12 at 3:13
1  
That, and I leave a lot of negative space which makes it easy to crop and also makes it easier to see any icons on the desktop –  MikeW Mar 3 '12 at 3:17
1  
If you're asking how to compose an image for a specific aspect ratio, it may help to read thedigitalbits.com/articles/anamorphic/aspectratios/… and photo.stackexchange.com/questions/15298/… . If your camera doesn't have native support for the aspect ratio you want, you'll have to visualize the aspect ratio in your viewfinder, which will take practice. If you have a Canon P&S, CHDK gives you the option to draw composition grids on the screen to help with that. –  drewbenn Mar 3 '12 at 9:41
    
@drewbenn Great articles! Nothing to do with my question though. I'll check my cameras for the CHDK. One of them (Canon Elph) might have it. I don't have it here to look at now. That might actually be "the answer". –  Joe Mar 4 '12 at 14:28
    
For web pages you may want to tweak around in order to have the image not resized but cropped (aligning left of image to left of screen, or center of image to center of screen). This can be done using CSS or JavaScript –  Paolo Mar 5 '12 at 13:49
show 1 more comment

2 Answers

up vote 2 down vote accepted

First, you should be aware that most wide screen laptops are not 16:9 - they are made with the screen shorter to reduce size and cost, for example, you said your monitor is 1600x700 - you don't need too much math to work out this is 16:7 and not 16:9.

Now that we got that out of the way it's actually easy to make a picture into a desktop background:

  1. First, be aware you will need to crop the image when you shoot it, the simplest option is to leave plenty of space on all 4 edges and let the OS do the work for you -on windows you set the tiling mode to "Crop to fit" (exact name changes between versions) and everything just works, you linux desktop should have a similar setting.

  2. If you want to crop the image yourself just scale it down in GIMP so the width of the picture is the same as the width of the screen and then crop it to fit the height.

Here's a diagram that will give you an idea how much space you need to leave when shooting:

Blue frame is 4:3 aspect ratio common in point&shoot camera

Red frame is 3:2 used in DSLRs and film cameras

Black area is 16:9

Yellow area is 16:7 (your screen)

Crop diagram

share|improve this answer
    
As you say, the actual ratio for wallpaper would be the screen pixel dimensions, but for the browser with toolbars, etc, it's a lot smaller. Just having 16:9 would still be an easier place to start from. I know neither case is exactly 16:9. As for cropping, that's post processing. The question is about composition. For "normal" pictures, cropping it that severely would ruin most images. They have to be composed "right" to make the cropped image viable. –  Joe Mar 4 '12 at 13:51
    
@Joe - I wrote you have to be aware of cropping when shooting and leave plenty of empty space, if starting from 16:9 is easier for you go for it, but you will still need to crop over a fifth of the image's height (as opposed to about half with a 4:3 image common in point&shoot cameras) so you still can't fill the frame. and I ignored the web browser part because that's a completely different discussion that's not on-topic for this site (toolbar size can vary, the browser doesn't have to be maximized, page may be viewed from a device with different screen size, etc.) –  Nir Mar 5 '12 at 8:35
    
@Joe - I've added a diagram that may help you visualize how much empty space you need to leave when shooting –  Nir Mar 5 '12 at 8:41
    
The diagram is very helpful. I guess I'll just have to eyeball it when I'm shooting - unless my camera has a CHDK type option to make it easier. –  Joe Mar 6 '12 at 9:31
add comment

Though you didn't bring up the issue of clutter, personally I feel that a wallpaper should not have too much detail behind the icons, if any.

In this Windows "Dangerous Creatures" wallpaper, the bokehed background on the left allows the desktop icons to be easily seen.

At the same time, the lion on the right gazing to the left draws the eye towards the icons (provided that no icons cover the lion) and provides visual interest.

Additionally, there is enough background around the lion's head that it remains effective even after cropping to fit other aspect ratios.

share|improve this answer
    
I appreciate that. However, composition of the image is a separate question that might not even fit in this forum. I wear reading glasses and I'm careful about using appropriate backgrounds to make things easier to read. The idea of the lion facing the menu is cool though. –  Joe Aug 22 '13 at 20:54
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.