User Tag List

Thanks useful information Thanks useful information:  17
Page 1 of 4 1234 LastLast
Results 1 to 20 of 61

Thread: How to resize photographs for the Internet

  1. #1
    Administrator ricktas's Avatar
    Join Date
    24 Jun 2007
    Location
    Hobart
    Posts
    16,846
    Mentioned
    12 Post(s)
    Tagged
    1 Thread(s)

    How to resize photographs for the Internet

    How to resize your photographs for posting on the internet.

    Many photography forums have size limits that apply to both the physical and file size limits that apply when you post your photographs to the sites.
    There are two sorts of image size to consider, please keep this in mind when reading this tutorial:
    • The number of pixels (width and height)
    • The file size, set by JPEG compression levels


    There are many ways to resize photographs for display on the internet, and an even larger range of photo editing software to do the resizing in. This tutorial is for Adobe Photoshop. Most other software packages offer similar menu options, so it may mean using the help feature in your software to convert these instructions to your own software.

    Ausphotography has the following limits
    * 1024 pixels maximum on the longest side and 250kb file size
    Except
    * The panoramic forum, which has a limit of 1200 pixels and 350kb file size -see here for info
    * Photos linked from external sites do not have size or a KB limit, they are resized on the fly (but keep the file-size down as a courtesy to other members bandwidth)

    Resizing your Photograph

    Open your Image in photoshop and do all your post processing.



    When completed and ready to resize, Go to the menu and select Image > Image size



    If needed change the ‘dimension’ to pixels. Make sure ‘constrain proportions’ is ticked and also ‘resample image’. Leave the resample method at the default – you can experiment with that later if you like, but its outside the reason for this tutorial.

    Looking at the pixel dimension area of that screen, find which is larger of width or height, click in that box and type 800 (or whatever size you want/need). As below:



    The Resolution box will determine the quality of your resized photograph. I leave mine at 240 normally, you can go lower, but if you go under 100 you risk seeing a visible deterioration on the quality of the final resized photograph.
    Click OK. Photoshop will now resize your image automatically.You are now ready to save your photograph at the new size for uploading to the internet

    In Photoshop there are two ways to save the resized photograph. Both are detailed below.

    Using the “File > Save As” method

    This method retains all your EXIF data, so is worthwhile using if you want other members to be able to view important data about your photograph, including, Camera used, shutter speed, aperture and ISO (and a lot more).

    Firstly to save using this method your photograph must be in 8 Bit, go Image > Mode > check that 8 bits/channel is selected (if not - select it now).

    Then go File > Save As



    There are a few things to do on this screen. mainly, select where you are going to save this version of your photograph on your hard drive, give your file a name in the File Name box, and select JPG in the Format Box (if JPG is not available, you haven't changed your image to 8 Bit - see above). Once done, click Ok

    You will then get a quality screen pop-up.



    You will need to adjust the slider until the file size is below the required for the website where you are placing your photograph. As you adjust the slider, the file size data (to the right of the slider will change automatically). When done, click OK.

    You have now saved your photograph at the smaller size (800 pixels in this example) and at a KB filesize appropriate for uploading.

    Using the “Save for web” method


    This method strips your EXIF data and therefore will not allow other members to see technical information recorded about the photograph.

    Once your image is resized (as per the resizing instructions above)

    Go File > Save for Web and Devices



    On this screen there are several things to do as well, In the group of sliders on the top right, you will need to adjust the quality one to increase/decease the KB size to suit where you are uploading your photograph to. Under the bottom left corner of the photograph is a small text showing the KB file size, so adjust the quality slider until the KB size is appropriate.

    Also in the sliders area is the "preset" option, to the right of that is a small triangle, click that triangle and select 'convert to sRGB'. The internet is optimised to work in the sRGB colourspace, so you might as well have your photograph in the same colourspace.

    When you have got your photograph in the right KB file size, you are ready to save it, Click Save (top right). You will then be presented with a screen to select where on your hard disk you wish to save your photograph and the option to name it as well.



    When you have set these, Click Save.


    I hope this tutorial is useful to you and even if your do not use Photoshop to edit your photographs, that you can convert these instructions for your own software.

    Please feel free to discuss this tutorial, if you pick up any errors in the above, let me know. If you use a different software package and wish to add your own tutorial, you are most welcome to.


    If you do not have Photoshop and use Windows XP, you can try the free Image Resizer offered by Microsoft here, down the right hand side of that page find the Image Resizer file and download it. Then when you right click a photo using explorer you can quickly and easily resize it.

    _________
    Addendum:

    There are two main controls for image file size when saving as a JPEG image.

    First is the size in Pixels.
    I.e. The number of pixels width x height.
    Changing the size in Pixels has a secondary effect of changing the file size.
    Eg. an image 3000px x 2000px resized to 1000px x 667px will be a smaller file, 6,000,000px
    down to 667,000px.

    But is the file small enough?

    Secondly, the JPEG compression setting.
    File size can also be adjusted by setting the JPEG quality (1-100) when you save the image.
    The quality is also another way of saying which compression level you want.
    The more compressed the image the more detail you may lose.

    So to size an image for AP you should set the pixel size you want (typically no more than 1024 on the longest edge)
    and adjust the JPEG quality (compression) to get the file size under the 250kB limit.

    Some other advanced controls that have a minor effect on the image size are:
    • Including meta data all, in part or none
    • Saving baseline or progressive (and how many scans, 3 or 5 etc)
    • Saving colour profile information (don't bother with sRGB as that's the web default)

    Note: You should always make sure the image is saved as an sRGB colour profile for web publishing.
    "It is one thing to make a picture of what a person looks like, it is another thing to make a portrait of who they are" - Paul Caponigro

    Constructive Critique of my photographs is always appreciated
    Nikon, etc!

    RICK
    My Photography

  2. #2
    Account Closed
    Join Date
    23 Sep 2007
    Location
    Rockingham, Western Australia
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great tutorial Rick and a good reminder for all members. I have several Actions that I use for different sites. I have one for AP which has the settings for 1000, 800, 640 and 600 with and without slight sharpening. I use these for this site as it just makes it quicker, more of a one touch process.

    I have saved the action group to my website and if members would like to download it feel free. Its location is:

    http://www.embeephoto.net/AP/AP Resize.atn

    Feel free to download it and load it into your actions pane on CS2. It should work fine with CS3 also, but please if you experience difficulties let me know.

    After using the action you can use either save options to save your file, be it save as or save for web. If you are not happy with the result click on the history tab and you will see a snapshot was taken before the changes were made. Click the snapshot and all changes will be undone.

    I hope that this action pack makes it quicker and less hassle for other members here.

    This action has been scanned with Trend Micro before uploading.

  3. #3
    Member jennyw's Avatar
    Join Date
    14 Jul 2008
    Location
    brisbane
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you for the tutorial, Rick, it is a great help.
    I quite like the image you used also.

  4. #4
    Who me?
    Join Date
    02 Sep 2007
    Location
    Tweed Heads
    Posts
    2,746
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great Tute Rick ,
    a good place for newer members or those new to pS to start, maybe it should be a sticky somewhere so it doesn't get forgotten and maybe include Marks action set if he's agreeable. Good work gents
    Cheers David.

    Canon 40D/EF-S 17-85 mm IS/Kenko Extenson Tubes/Canon EF 50mm F/1.8 II (nifty fifty)
    Sigma 10-20mm 4-5.6 /Sigma 70-200/ Sigma 1.4 teleconverter/ some Conkin filters | Adobe Photoshop CS6



  5. #5
    Administrator
    Threadstarter
    ricktas's Avatar
    Join Date
    24 Jun 2007
    Location
    Hobart
    Posts
    16,846
    Mentioned
    12 Post(s)
    Tagged
    1 Thread(s)
    Thanks for the feedback. I have posted this in the tutorial section, so it should not be to hard to find. As the Tutorials section is kept small by not letting it get inundated with threads that aren't in the style of this one.

  6. #6
    Account Closed
    Join Date
    23 Sep 2007
    Location
    Rockingham, Western Australia
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    More than happy for members here to use the actions set. I will leave it on the web for as long as people want it.

  7. #7
    Member
    Join Date
    07 Oct 2006
    Location
    Sth Adelaide
    Posts
    492
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Very comprehensive set of instructions Rick, you do put in a lot of time to this forum...let's hope people get it right now

  8. #8
    Member
    Join Date
    17 Sep 2006
    Location
    Clare Valley
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This link may be of some use for posting images for the web.

    Screen resolution. (worthwhile checking out page 69 as well)

    You can put your own numbers in, but an example is a 17" monitor with a screen resolution of 1024x768 yields a resolution of 80 pixels per inch.
    Last edited by Helen S; 25-07-2008 at 6:19pm.
    Osprey Photography

    Canon: 5D Mk II, 40D, 10D all gripped, 10-22 f3.5-4.5, 17-40 f4L, 24-70 f2.8L, 24-105 f4L IS, 70-200 f2.8L IS, 100-400 f4.5-5.6L IS, 50 f1.4, 100 f2.8 Macro and other assorted accessories.

    Some stalk, some chase and some pursue... but I hunt.


  9. #9
    can't remember Tannin's Avatar
    Join Date
    16 Apr 2007
    Location
    Huon Valley
    Posts
    4,122
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Wow! Ouch! Helen, no disrespect to you here but that page is quite a find! Unfortunately, I don't mean that in a nice way.

    My advice to newcomers: do not read that page! If you do read it (and you are absolutely certain to look at it now that I've told you not to - such is human nature ) try not to get your mind around too many of the concepts the author is expounding, because if you do you may never get your head straightened out.

    Off the top of my head, I'd struggle to find a worse, more confusing, and less constructive way to start off trying to understand resolution. It's not that the page is wrong in detail (though it is in places), it is just wrong-headed. The author obviously lacks a fundamental understanding of digital display tecnology, and is still stuck in a time-warp, trying to pretend that a computer screen is the same thing as a printed page. He has (apparently) vast knowledge of the detail and the history (and demonstrates that he is no dummy on some other pages), but he simply doesn't get it. No wonder he makes it sound so complicated!

    Digital images do not have a linear dimension.

    Simple as that. Digital images only take on a particular linear dimesion when they are displayed under particular circumstances (normally beyond the control of the image publisher), by particular software (also beyond the control of the publisher) on particular hardware (again beyond the control of the publisher).

    How big is an 800 pixel image? Answer: 800 pixels. Always. Every time. It's that simple.

  10. #10
    Member
    Join Date
    17 Sep 2006
    Location
    Clare Valley
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Ooops, my bad... thought it looked fairly knowledgeable.

  11. #11
    Who me?
    Join Date
    02 Sep 2007
    Location
    Tweed Heads
    Posts
    2,746
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    He he.... take it on the chin Helen, I did a similar thing elsewhere, though I'd found a gold mine of info, turned out to be a coal mine, black hole, I felt a real goose, but hey we are only trying to help

  12. #12
    can't remember Tannin's Avatar
    Join Date
    16 Apr 2007
    Location
    Huon Valley
    Posts
    4,122
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    That is the weird thing, Helen, He is knowledgable! Looking, for example, at the previous page in that same multi-page article, we see him make almost the same point I made above ....... and then he throws that entirely out the window and goes back to talking about pixels per inch, which is meaningless nonsense. Doubtless, if we were to read the whole thing from beginning to end it would make decent sense .... but as a one-page intro: ouch!

    Just to reiterate my point, once you throw away the silver halide and go digital, everything is pixels. There is nothing else to measure the size of, not if you want to be able to compare it to anything.

    (I should write a review of my favourite fast image editor, which is so much bettr to use than Photoslug that they are in different universes. But not tonight.)

  13. #13
    Member
    Join Date
    17 Sep 2006
    Location
    Clare Valley
    Posts
    469
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yep Dave, this jaw's not made of glass. I understand completely what you mean Tony, looking back on it now. I should take the time to read the lot... good project for the next rainy day.

    I still like whipping out the AE1+P every now and then... happy reminds me of my humble grass roots.

  14. #14
    Member
    Join Date
    05 Jul 2008
    Location
    Canberra
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Oops sorry Rick Ive been letting photobucket resize and I didnt realise the file sizes on my posts are to big. I can change em if you want, Ill be sure to make sure their under in future.
    Cheers,
    Tom

    18-200mm VR
    35mm 1.8


    P.S I’m a noob photographer dont take what I say too seriously.

  15. #15
    Administrator
    Threadstarter
    ricktas's Avatar
    Join Date
    24 Jun 2007
    Location
    Hobart
    Posts
    16,846
    Mentioned
    12 Post(s)
    Tagged
    1 Thread(s)
    filesizes (250KB) dontapply if you link in from photobucket etc. As long as the dimensions meet AP requirements - 1024 pixels in longest side, or 1200 for Panoramics.
    Last edited by ricktas; 21-11-2009 at 6:49pm.

  16. #16
    Member
    Join Date
    26 May 2008
    Location
    Launceston
    Posts
    2,011
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey Rick
    Just been trying to follow the save for web instructions, but my screen that comes up in CS3 has a lot of different options on it than the one you have. it has things like lossy, colours dither etc.?
    Can you shed any light on what I need to adjust, its obviously a different version.

    Thanks if you can.
    Cheers, Lani.
    Bodies: Nikon D700, D300 Primes: Nikon 50mm 1.4, 85mm 1.4G, 105mm VR 2.8, 300mm f4. Zooms: Nikon 14-24 2.8, 24-70 2.8, 70-200VR II 2.8, Sigma 10-20mm Processing: Photoshop CS5 extended, LR 3.2.


  17. #17
    Administrator
    Threadstarter
    ricktas's Avatar
    Join Date
    24 Jun 2007
    Location
    Hobart
    Posts
    16,846
    Mentioned
    12 Post(s)
    Tagged
    1 Thread(s)
    I use CS3 Lani, you will see filetype on the top right is probably set to GIF, change it to JPG, in the save for web screen.

  18. #18
    Member
    Join Date
    26 May 2008
    Location
    Launceston
    Posts
    2,011
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by ricktas View Post
    I use CS3 Lani, you will see filetype on the top right is probably set to GIF, change it to JPG, in the save for web screen.
    Thanks Rick, a small but important step.
    Every time I think I have learned something, I find ten more things I don't know.

  19. #19
    Member
    Join Date
    07 Jan 2009
    Location
    Brisbane Northside
    Posts
    511
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello Rick,
    Firstly & most importantly - Thank you Rick , I must admit to reading a post from you in a seperate thread a week or so ago....& at the back of my mind I was thinking I should go & read that tutorial.
    I am glad I did...whilst my way was still getting the job done this is a quicker way by far.
    Thanks again.
    NB: The silly thing was I learnt about this way of doing it probably 3 + years ago now.... but just plain forgot.

    Regards
    Kevin M

  20. #20
    possum
    Guest
    Quote Originally Posted by Kevin M View Post
    Hello Rick,
    Firstly & most importantly - Thank you Rick , I must admit to reading a post from you in a seperate thread a week or so ago....& at the back of my mind I was thinking I should go & read that tutorial.
    I am glad I did...whilst my way was still getting the job done this is a quicker way by far.
    Thanks again.
    NB: The silly thing was I learnt about this way of doing it probably 3 + years ago now.... but just plain forgot.

    Regards
    Kevin M
    Gosh I am so lost. I dont have photoshop at all only paint and the software that came with my new camera. It is photoimpact 12se. I havent ever used anything of this kind before and so I am assuming I need to download that to edit my photos instead of just using the standard windows programme on here.(photo gallery).
    There is so much to learn besides learning how to use the camera and taking photos.
    I would like to put some photos on here for critique, but cant understand how to do it in my home page. Please help!!!!!! Sorry to seem so dumb but this site is so different to others I have been on, but also so very good, and the tutorials seem so informative. Thank you. Possum.
    PS only joined yesterday.

Page 1 of 4 1234 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •