Help - what setting do I use for web style images?

Discussion in 'Commercial/Product photography' started by banana, Feb 28, 2007.

  1. banana
    Offline

    banana New Member

    Joined:
    Feb 28, 2007
    Messages:
    5
    Likes Received:
    0
    Trophy Points:
    0
    Gallery:
    Ratings:
    +0 / 0
    Hi there,

    I have access to Canon S3 IS, Canon A430 and another Canon 5MP compact camera. My question is, I need to upload images onto the web, can you tell me what setting I should have these cameras so that the image isn't so "pixalated" when the image is small. The webmaster recommends saving the image at 600 size so that it fits the webpage and is easy to download, but sometimes the image isn't as clear as I would like. I also use the very basic photoshopping techniques on Photoshop 7.0. Hope someone can help:)
  2. Big Mike
    Offline

    Big Mike I am Big, I am Mike Staff Member

    Joined:
    Dec 16, 2003
    Messages:
    33,507
    Likes Received:
    1,719
    Trophy Points:
    113
    Location:
    Edmonton
    Gallery:
    Ratings:
    +1,721 / 0
    Welcome to the forum.

    I recommend that you always have your cameras set on the maximum setting. That is the largest size and probably something like 'fine detail'.

    When you off load your images from the camera, save those files as your originals and don't overwrite them. Make any edits and save a copy for uploading. I don't know if P.S. has the 'save for web' option...but look for it.

    If you don't have that option, this is what you should do. Go up to the 'image' menu and click on 'Image size'. Unclick the resample box then change the PPI box to 72, the reclick the resample box, then change the size in pixels...making the horizontal (or longest side) 600.

    Once you have resized the image, click file/save as...and save a copy for uploading. Make sure you choose JPEG and then you can set the compression level. For web viewing, you can probably set the compression as low as 3 or 4 (out of 12)...but you can keep it higher if you are worried about the quality.
  3. banana
    Offline

    banana New Member

    Joined:
    Feb 28, 2007
    Messages:
    5
    Likes Received:
    0
    Trophy Points:
    0
    Gallery:
    Ratings:
    +0 / 0
    Thanks Big Mike for your reply.
    PS does have "save for web" which I use. What I'm finding is that if I use S or M as one setting and then superfine, I get less pixelated results that if I use L. It really bugs that when the image is large, it's lovely and clear, but when it's reduced to the size it will be seen on the website, the image is not as clear as I would like (especially the products with writing on them). [​IMG]I have added a link (www.hamperme.com.au if link doesn't work...)to show you the quality I would like to achieve. The main difference, is that the image I will have on our site is much smaller than that shown on this link - does it really make that much of a difference? Is their camera that much better than those we are using? If I'm looking for a new camera for product shots, what should I be looking for - MP, compact, SLR... who knows...
  4. fmw
    Offline

    fmw New Member

    Joined:
    Sep 30, 2006
    Messages:
    1,899
    Likes Received:
    4
    Trophy Points:
    0
    Gallery:
    Ratings:
    +4 / 0
    Usually, when you resize an image, you will need to sharpen it again (unsharp mask) to restore its quality.
  5. banana
    Offline

    banana New Member

    Joined:
    Feb 28, 2007
    Messages:
    5
    Likes Received:
    0
    Trophy Points:
    0
    Gallery:
    Ratings:
    +0 / 0
    Thanks, I'll try that too. BTW, should I have posted this on the digital section of the forum? I thought I would pose my question here, as I'm trying to take product shots and am frustrated that my images are a little too pixalated for my liking (especially packaging with writing on it).
  6. fmw
    Offline

    fmw New Member

    Joined:
    Sep 30, 2006
    Messages:
    1,899
    Likes Received:
    4
    Trophy Points:
    0
    Gallery:
    Ratings:
    +4 / 0
    If they are too pixelated then the resolution is too low for the final image size. You need either to shoot at a higher resolution or do less file size reduction when you convert to Jpeg (higher quality jpeg.)
  7. banana
    Offline

    banana New Member

    Joined:
    Feb 28, 2007
    Messages:
    5
    Likes Received:
    0
    Trophy Points:
    0
    Gallery:
    Ratings:
    +0 / 0
    Thanks FMW, I'll give that a try. It would probably help if I was a little more familiar with PS7 - so if there are any sites out there, written in basic basic language - then that would be great!:)
  8. elsaspet
    Offline

    elsaspet New Member

    Joined:
    Dec 14, 2004
    Messages:
    4,055
    Likes Received:
    37
    Trophy Points:
    0
    Location:
    Dallas
    Gallery:
    Ratings:
    +37 / 0
    My original file sizes are normally in the 5000 px 300DPI range. I change the longest dimension to 600 px, and save at high quality somewhere in the 70s, however I've been told there isn't much difference on web between 40 & 70 percent quality rating.

    My guess is you are shooting medium JPEG. Am I right? If so, go to high, and then do minimal compressions.
  9. banana
    Offline

    banana New Member

    Joined:
    Feb 28, 2007
    Messages:
    5
    Likes Received:
    0
    Trophy Points:
    0
    Gallery:
    Ratings:
    +0 / 0
    Hi elsaspet,

    My guess is you are shooting medium JPEG. Am I right? Yes, you are right. I have only just changed from high to medium, as I felt there was less pixellation at medium - but only just.

    The steps I go through are these:
    1. take image using MandS on camera.
    2. upload onto computer
    3. open image in PS7 (which I have no training...oops...)
    4. make colour, cropping, etc adjustments as needed
    5. save to web and make size 600 pixels wide (or high) and choose either 80 or 100 (something or other) and not much difference there
    6. go into admin section of website, browse for image, select image and upload.

    Am I missing a step or doing the steps in the wrong order?

    The issue is when the image is 100% size on the screen, I'm really happy with how it looks, but when I Ctrl- so that it is the size it will be on the website, the image isn't as clear. The image, especially products with writing on them, develop jagged lines. It is this effect I am trying to prevent - how do I prevent/minismise this?

    I hope I've been a little clearer with my dilemma...
  10. andrew todd
    Offline

    andrew todd New Member

    Joined:
    Oct 13, 2006
    Messages:
    42
    Likes Received:
    0
    Trophy Points:
    0
    Gallery:
    Ratings:
    +0 / 0
    if its just on here that you want to show them.. just upload to flickr.. and it will resize to a a couple different sizes for you.

Share This Page