User Tag List

Thanks useful information Thanks useful information:  17
Page 1 of 3 123 LastLast
Results 1 to 20 of 61

Thread: How to resize photographs for the Internet

Hybrid View

Previous Post Previous Post   Next Post Next Post
  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,126
    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
    Member Geenie's Avatar
    Join Date
    15 Jul 2009
    Location
    **Suburb/Town Required**
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Rick, I found this very helpful.

  12. #12
    Administrator
    Threadstarter
    ricktas's Avatar
    Join Date
    24 Jun 2007
    Location
    Hobart
    Posts
    16,846
    Mentioned
    12 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by Geenie View Post
    Thanks Rick, I found this very helpful.
    Welcome Geenie. Good to see you posting. If you need assistance getting around the site, just ask. If you can't find the answer to something, click my username in a post and send me a private message and I will assist.

  13. #13
    Member
    Join Date
    12 Sep 2009
    Location
    Melbourne
    Posts
    126
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    For your information

    There is freeware program from http://www.faststone.org/ called FastStone Photo Resizer

    That allows image resizing and can even do a batch of them at once.

    Chris Bevan

  14. #14
    Member
    Join Date
    25 Jul 2010
    Location
    Adelaide
    Posts
    38
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by chrisbevan4 View Post
    For your information

    There is freeware program from http://www.faststone.org/ called FastStone Photo Resizer

    That allows image resizing and can even do a batch of them at once.

    Chris Bevan
    Thank You chrisbevan. The program you suggested is so easy to use, as I don't have Photoshop.
    [SIGPIC][/SIGPIC]

  15. #15
    Serial Truant....
    Join Date
    01 Jun 2008
    Location
    Launceston
    Posts
    592
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you have XP it's worth downloading the excellent image resizer powertoy, it integrates in to the explorer shell and allows resizing of single or multiple files at in a simple manner. On my Vista machine I use VSO image resizer as the Microsoft powertoy doesn't work with Vista.

  16. #16
    Member
    Join Date
    08 Jul 2009
    Location
    Central Coast NSW
    Posts
    131
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You may find it beneficial to resharpen after downsizing.
    regards
    Bill

    Nikon D90 with grip. 35mm 1.8G, 50mm 1.8D. 18-105VR. 70-300VR
    SB-600. GF Lightsphere. Stroboflip flash bracket.
    Benro A357 & B2 ball head.
    and a bag full of gadgets.

  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)
    BDSIZER is also a good option for those without Photoshop and it is Free.

    http://www.photo-freeware.net/bdsizer.php

  18. #18
    It's all about the Light!
    Tech Admin
    Kym's Avatar
    Join Date
    15 Jun 2008
    Location
    Modbury, Adelaide
    Posts
    9,632
    Mentioned
    23 Post(s)
    Tagged
    0 Thread(s)
    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.

  19. #19
    Member David's Avatar
    Join Date
    15 Apr 2009
    Location
    westbury
    Posts
    1,255
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Kym and Rick: another quality tutorial for people to learn from.
    Comments and CC welcome..

    Gear: Canon 6D & 1Ds Cameras l Canon EF 17-40mm F 4.0 L USM l Canon EF 24-105mm F4.0 L IS USM l Canon EF 70 - 200 F4.0 L USM Lenses I Manfrotto Tripods I Adobe Photoshop CS6 l Lightroom 3.0 I Lee Filters



    "The real voyage of discovery consists not in seeking new landscapes but in having new eyes." Marcel Proust 1871 - 1922

  20. #20
    Member
    Join Date
    24 Apr 2010
    Location
    Mundaring
    Posts
    6
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Great Tutorial, I found it very helpful
    Mark

Page 1 of 3 123 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
  •