Go Back  DVD Talk Forum > General Discussions > Tech Talk
Reload this Page >

Whats the best size for pictures in Webpage

Tech Talk Discuss PC Hardware, Software, Internet and Other Technology

Whats the best size for pictures in Webpage

Old 03-29-04, 08:23 PM
  #1  
DVD Talk Platinum Edition
Thread Starter
 
Join Date: Dec 1999
Location: Berlin
Posts: 3,824
Likes: 0
Received 0 Likes on 0 Posts
Whats the best size for pictures in Webpage

I have a Canon S400 and I take pictures around 3MP a shot so that I can get a good resolutions and print out using my color printer.But if I want to have my pictures online, the 3MP a picture seems to be very big for the website and a time consuming affair for those with dialups.Whats the best solution?Shall I crop and downsize the pictures?
What's the ideal size of the picture to be for a webpage.
I have Photoshop so I can try to adjust the image size.
Old 03-29-04, 08:32 PM
  #2  
DVD Talk Reviewer
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,613
Received 2 Likes on 2 Posts
There is no real 'ideal' size.

You can use Photoshop to reduce a 3mb image down to a managable 50 - 300k that should load relatively quick.
Old 03-29-04, 08:32 PM
  #3  
DVD Talk Gold Edition
 
Join Date: Feb 1999
Location: HB, CA
Posts: 2,600
Likes: 0
Received 0 Likes on 0 Posts
Unless you want to be able to fit more images on your memory card, just keep shooting at 3MP.

When you crop/resize for the web, keep in mind that most web pages are optimized for either 800 pixels wide or 1024 pixels wide (800 px is my preference since it's more universal). Think in terms of what percentage of the browser window you want your image to take up. If you want 2 images to fit side by side in a window, then you'll want images to be somewhat smaller than 50% of the window size (eg 350 px when targeting 800 px windows).

The easiest way to do this in Photoshop is to learn the keyboard shortcuts. Open an image, use the rectangular marquee tool to select the part of the image you want, then hit ALT-I then P. That'll crop the image. Then hit CTRL-I. enter the width of the image you want (the vertical size should automatically change to maintain the correct proportions). Make sure you're using Bicubic resize. Then just hit Enter.

edit: fixed the shortcut for cropping.

Last edited by belboz; 03-30-04 at 04:03 AM.
Old 03-29-04, 08:34 PM
  #4  
DVD Talk Gold Edition
 
Join Date: Feb 1999
Location: HB, CA
Posts: 2,600
Likes: 0
Received 0 Likes on 0 Posts
BTW, when you go to save, hit CTRL-SHIFT-ALT-S. That's "save for web". It gives you interactive control over the compression used in JPEG or the palettes used in GIF. It also saves your JPEG's without the preview data, so the files are a bit smaller and more suitable for the web.
Old 03-29-04, 08:35 PM
  #5  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
I wouldn't crop the pictures, but just by reducing the quality (make them jpg 70%) you should be able to shrink them down immensely. The ideal size is usually dependent upon whatever else you have on the page with them. If you're just showing the images and have a small nav bar or a couple of links above the image, then you can probably make it as large as you can (I tend to stick with something that will look OK at 800x600 so people with smaller screens won't have to scroll left and right to see the pictures). Size is pretty much whatever you think will look best with the site/pages you're putting them with.
Old 03-29-04, 09:10 PM
  #6  
DVD Talk Platinum Edition
Thread Starter
 
Join Date: Dec 1999
Location: Berlin
Posts: 3,824
Likes: 0
Received 0 Likes on 0 Posts
I tried belboz idea and it's a good size but the picture is still about 1.3MP. 800x600 is a good size but I want to make the picture a little more smaller in without sacrificing the 800x600 pixels .Anything else I can do?
Old 03-29-04, 09:21 PM
  #7  
DVD Talk Gold Edition
 
Join Date: Feb 1999
Location: HB, CA
Posts: 2,600
Likes: 0
Received 0 Likes on 0 Posts
Okay, I thought you were talking about the size of the image rather than the file size (though the two obviously have a direct relationship).

For any given image size, if you want to make it's file size smaller, you have to crank up the compression.

In Photoshop, save the image by using the "Save for Web" shortcut I mentioned above. In the dialog that comes up, select the "2-Up" tab. That'll show you two small views of the image. One view will be of the original image. The other view will be a preview of the version that you're going to save to disk. You can interactively try different compression settings by fiddling with the "Quality" setting. Higher is better image quality, but larger file size. You can see what file size an image will be for the currently set quality setting by looking at the bottom of the preview.
Old 03-29-04, 09:39 PM
  #8  
DVD Talk Platinum Edition
Thread Starter
 
Join Date: Dec 1999
Location: Berlin
Posts: 3,824
Likes: 0
Received 0 Likes on 0 Posts
I already tried the low JPEG on the preview of the file and after a little more compression the file did not look any more good.So had to stick to 1.3MP
Old 03-29-04, 10:29 PM
  #9  
DVD Talk Gold Edition
 
Join Date: Feb 1999
Location: HB, CA
Posts: 2,600
Likes: 0
Received 0 Likes on 0 Posts
Something doesn't sound right. A 800x600 image, even at good quality compression shouldn't be more than several hundred KB.

When you say 1.3MP, do you mean 1.3 MB? That's what I've been assuming.
Old 03-29-04, 11:17 PM
  #10  
DVD Talk Platinum Edition
Thread Starter
 
Join Date: Dec 1999
Location: Berlin
Posts: 3,824
Likes: 0
Received 0 Likes on 0 Posts
Yes!1.3MB.I am trying to get it more smaller.Maybe around 500k or 700k
I was just given 150MB of free space.I got at least 100 pictures here.So want to make them smaller!Making the compression smaller does not help at all.All the pictures look so bad in resolutions.

Last edited by Kumar J; 03-30-04 at 12:09 AM.
Old 03-30-04, 04:09 AM
  #11  
DVD Talk Gold Edition
 
Join Date: Feb 1999
Location: HB, CA
Posts: 2,600
Likes: 0
Received 0 Likes on 0 Posts
Are you sure you're resizing the images down to 800x600? Because an image of that resolution saved at a quality setting of 100 shouldn't be more than 500KB.

When you're in the "Save For Web" dialog, on the bottom right, click the "Image Size" tab. You should see that the image you're trying to save has a resolution of 800x600.
Old 03-30-04, 05:28 AM
  #12  
DVD Talk Special Edition
 
Join Date: Dec 2000
Posts: 1,155
Likes: 0
Received 0 Likes on 0 Posts
Infanview is a quick, easy, and free image resizing tool . There's also GIMP but i've never used it.

http://www.irfanview.com/

For web pictures I usaully resize with a 10-30 DPI setting and the image size is usually betweem 20-60KB but i'm usually starting with a smaller 1.3MP image (I've got an old 1.3MP Fuji)
Old 03-30-04, 08:37 PM
  #13  
DVD Talk Platinum Edition
Thread Starter
 
Join Date: Dec 1999
Location: Berlin
Posts: 3,824
Likes: 0
Received 0 Likes on 0 Posts
I have resized it from 1600x1400 to 800x600 and still the pictures are in 1.3mb
if I choose the one with a lower quality the the whole picture is not good in resolution.
Old 03-30-04, 09:45 PM
  #14  
DVD Talk Gold Edition
 
Join Date: Feb 1999
Location: HB, CA
Posts: 2,600
Likes: 0
Received 0 Likes on 0 Posts
OK, it' looks like you're either looking at the wrong number or you're not saving as a JPEG. An uncompressed 800x600 24bit image is 1.37 MB.

Go back to the "Save for Web" dialog, make sure you're saving in JPEG format, set the quality at 100 and save the file. Then go look at the actual file in an explorer window. It shouldn't be more than 500KB.
Old 03-30-04, 09:54 PM
  #15  
DVD Talk Legend
 
Join Date: Jan 2000
Location: Region 1
Posts: 16,291
Likes: 0
Received 0 Likes on 0 Posts
Something don't sound right. I resize my images to 800 x 600, quality 10 and the file size are only 129 - 300k.
Old 03-30-04, 10:29 PM
  #16  
DVD Talk Godfather
 
fumanstan's Avatar
 
Join Date: Oct 2002
Location: Irvine, CA
Posts: 55,349
Received 16 Likes on 4 Posts
Originally posted by zuffy
Something don't sound right. I resize my images to 800 x 600, quality 10 and the file size are only 129 - 300k.
Same here.
Old 03-30-04, 11:50 PM
  #17  
DVD Talk Platinum Edition
Thread Starter
 
Join Date: Dec 1999
Location: Berlin
Posts: 3,824
Likes: 0
Received 0 Likes on 0 Posts
Okay!I set the quality UP to Jpeg Medium then I got the resolutions that I wanted.Saved it on JPEG.The went back to check it out.
The 1.3mb of files info i got after I have saved the picture and opened in the photoshop.I Opened the picture and then right clicked and the Image Size then I got the info of 1.3mb there.

Last edited by Kumar J; 03-31-04 at 12:00 AM.

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Thread Tools
Search this Thread

Archive - Advertising - Cookie Policy - Privacy Statement - Terms of Service - Do Not Sell My Personal Information -

Copyright 2021 MH Sub I, LLC dba Internet Brands. All rights reserved. Use of this site indicates your consent to the Terms of Use.