Page 1 of 2 12 LastLast
Results 1 to 15 of 20
  1. #1
    Resize photos for web

    Member Since
    Jan 05, 2013
    Location
    Savannah, GA
    Posts
    174
    Specs:
    15" Core i7 2.3ghz retina-MacBook OS 10.9.1
    Resize photos for web
    OK so I have adobe photoshop CC.

    I need to resize photos for the web so they will load faster.

    Some are resized already in the html.

    How do I resize for web?

    Thanks

  2. #2
    Resize photos for web
    RadDave's Avatar
    Member Since
    Jan 20, 2012
    Location
    North Carolina
    Posts
    2,548
    Specs:
    MBP 13" (2013); 2.6 GHz i5; 8 GB RAM; SSD 256 GB; OS 10.10.5
    Hello - I use Preview for quick cropping & resizing (also, other basic editing can be done) - see the attached pic - a screen capture of an art work brought into the app - the 'Edit' button (blue arrow) will open the lower menu bar; the 'Resize' button (yellow arrow) will allow the size of the image to be change (in this case for posting, I reduced the dimensions by half). Hope this helps - Dave
    .
    Attached Images Attached Images

  3. #3
    Resize photos for web

    Member Since
    Jan 05, 2013
    Location
    Savannah, GA
    Posts
    174
    Specs:
    15" Core i7 2.3ghz retina-MacBook OS 10.9.1
    Thanks for the reply. As I understand there are two ways to resize and one is for web and one is for print.

    Could you elaborate on making sure I do the right one for web?

    Thanks for your help.

  4. #4
    Resize photos for web
    Sawday's Avatar
    Member Since
    Nov 19, 2006
    Location
    York, UK
    Posts
    1,122
    Specs:
    24" Aluminium, 2.8 GHz, 4Gb RAM. iPad2, iPhone5s
    Quote Originally Posted by RadDave View Post
    Hello - I use Preview for quick cropping & resizing (also, other basic editing can be done) - see the attached pic - a screen capture of an art work brought into the app - the 'Edit' button (blue arrow) will open the lower menu bar; the 'Resize' button (yellow arrow) will allow the size of the image to be change (in this case for posting, I reduced the dimensions by half). Hope this helps - Dave
    .
    Is that a power socket right next to the sink? What country allows that?
    Happiness is not getting what you want, but wanting what you get.

  5. #5
    Resize photos for web
    RadDave's Avatar
    Member Since
    Jan 20, 2012
    Location
    North Carolina
    Posts
    2,548
    Specs:
    MBP 13" (2013); 2.6 GHz i5; 8 GB RAM; SSD 256 GB; OS 10.10.5
    Quote Originally Posted by burnedfaceless View Post
    Thanks for the reply. As I understand there are two ways to resize and one is for web and one is for print.
    Could you elaborate on making sure I do the right one for web?
    Hello again - I've attached several pics (the first another screen capture w/ the 'Resize' option opened; and a pic from the web illustrating 'Print sizes vs. Megapixel size' needed for a decent print).

    For web posting, the resolution of a computer monitor is typically 72 ppi (pixels/inch) - in the pic below mine is set for 144 ppi, which is fine for the web - your next concerns are the size of the image and the overall number of pixels (720 x 400 in my example); the latter is important in emailing/uploading images, i.e. the smaller the better (of course, w/o compromising quality - it's a 'trade-off'). As to image dimensions, the pic should fit the monitor or be smaller; this will vary w/ the size of the monitor & its resolution - I usually keep my uploaded images under 1000 pixels (for the larger dimension) - experiment yourself.

    For printing, that is an entirely different set of guidelines; the standard 'good' quality print will require 300 dpi (dots/inch - same as ppi); SO, an image will need MANY more total pixels to make a decent print - look at the attached chart and see the blue arrow I added - for a 5 x 7 inch print, over 3 MP is suggested (even 1.5 MP at 200 dpi). Let us know if this helps - Dave



    .
    Attached Images Attached Images

  6. #6
    Resize photos for web
    RadDave's Avatar
    Member Since
    Jan 20, 2012
    Location
    North Carolina
    Posts
    2,548
    Specs:
    MBP 13" (2013); 2.6 GHz i5; 8 GB RAM; SSD 256 GB; OS 10.10.5
    Quote Originally Posted by Sawday View Post
    Is that a power socket right next to the sink? What country allows that?
    Well, not so much country (North Carolina, USA) but timing - our house was built in the late 1960s, and I assume that was code @ the time (a 3 wire plug w/ a ground is present). We had the same in both bathrooms and the kitchen - we remodeled the BRs & kitchen earlier this century and now all sockets are GFCI - never thought of replacing the one in the den - LOL! Dave

  7. #7
    Resize photos for web

    Member Since
    Jan 05, 2013
    Location
    Savannah, GA
    Posts
    174
    Specs:
    15" Core i7 2.3ghz retina-MacBook OS 10.9.1
    That helps out a lot actually. Thanks.

  8. #8
    Resize photos for web
    FritzDaCat's Avatar
    Member Since
    Nov 02, 2011
    Location
    California Sierra Nevada
    Posts
    114
    burnedfaceless:
    Here's another method that I would recommend...
    First 2 steps include resizing. Skip to #3 if you don't need pixel dimensions changed.
    1) Open image, Choose>Image Size
    assuming that you are decreasing the size of the image (or at least not enlarging it)
    2) Select Pixel size that you require. If you're not sure, about 1000 pixels the long direction is typically plenty big. Make sure "resample image' and 'bicubic sharper" are selected. Ignore the resolution-- it's irrelevant for your task and will be dealt with automatically.
    3) Select>File>Save For Web...
    4) On the next screen, select JPEG HIGH for preset and 60 for quality. Check 'convert to sRGB'.
    5) Click Save... and select a location.
    The file will save automatically as 72 dpi, the quality will be very good for web and the file size will be minimal.

  9. #9
    Resize photos for web

    Member Since
    Jan 05, 2013
    Location
    Savannah, GA
    Posts
    174
    Specs:
    15" Core i7 2.3ghz retina-MacBook OS 10.9.1
    Quote Originally Posted by FritzDaCat View Post
    burnedfaceless:
    Here's another method that I would recommend...
    First 2 steps include resizing. Skip to #3 if you don't need pixel dimensions changed.
    1) Open image, Choose>Image Size
    assuming that you are decreasing the size of the image (or at least not enlarging it)
    2) Select Pixel size that you require. If you're not sure, about 1000 pixels the long direction is typically plenty big. Make sure "resample image' and 'bicubic sharper" are selected. Ignore the resolution-- it's irrelevant for your task and will be dealt with automatically.
    3) Select>File>Save For Web...
    4) On the next screen, select JPEG HIGH for preset and 60 for quality. Check 'convert to sRGB'.
    5) Click Save... and select a location.
    The file will save automatically as 72 dpi, the quality will be very good for web and the file size will be minimal.
    Thanks will experiment. Part of the job is adding a logo and I'm having trouble with the framework we're working out of. I hate to say it but I'm probably going to have to dig through the css.

    Appreciate it.

  10. #10
    Resize photos for web
    Exodist's Avatar
    Member Since
    Nov 26, 2012
    Location
    Agusan del Norte, Philippines
    Posts
    1,023
    Specs:
    L2012 Mini, i7 2.6Ghz, 8GB RAM, 256GB SSD + 1TB HDD(fusion), BenQ 32" 2.5k QHD Display
    Quote Originally Posted by Sawday View Post
    Is that a power socket right next to the sink? What country allows that?
    LOL I Guess every country but the UK.. The one in the bathroom in the USA can have them but some places require them to have the switch with the micro circuit breaker.

    Joe's Photo & Video Blog on YouTube
    Lightroom, Photoshop, FCP, Gear Reviews and more...
    ***If someone helps you, please don't forget to use the reputation system.***

  11. #11
    Resize photos for web
    RadDave's Avatar
    Member Since
    Jan 20, 2012
    Location
    North Carolina
    Posts
    2,548
    Specs:
    MBP 13" (2013); 2.6 GHz i5; 8 GB RAM; SSD 256 GB; OS 10.10.5
    Quote Originally Posted by Exodist View Post
    LOL I Guess every country but the UK.. The one in the bathroom in the USA can have them but some places require them to have the switch with the micro circuit breaker.
    Just curious about when the GFCI (Ground Fault Circuit Interrupter) became code in the USA - see attached chart; bathrooms in 1975 (we moved into our house in 1977); kitchen 1987; and wet bar not until 1993. NOW, pre-code wiring is 'grandfathered', so we would not have needed to upgrade in our kitchen and bathroom remodels as long as the power outlet sockets remained in the same place, but we did for safety; and if we sold the house, I would not have to update the power outlet in the bar sink area. Dave
    Attached Images Attached Images

  12. #12
    Resize photos for web
    chscag's Avatar
    Member Since
    Jan 23, 2008
    Location
    Fort Worth, Texas
    Posts
    45,283
    Specs:
    27" iMac i5, 3.2 GHz, iPad 3, iPhone 5c, iPhone 6+, 3 iPods, Yosemite
    Depends on where you live. Here in Texas GFCI is required wherever a water connection is present - bathrooms, laundry rooms, wash sink, etc, and in the garage. They're really a pain because their longevity is short. I have had to replace every one of mine with upgraded GFCI sockets. You can do it easily enough yourself but local code usually requires the job be done by a licensed electrician.

  13. #13
    Resize photos for web
    chas_m's Avatar
    Member Since
    Jan 22, 2010
    Location
    Victoria, BC
    Posts
    18,967
    Specs:
    Mid-2012 MBP (16GB, 1TB HD), Monoprice 24-inch second monitor, iPhone 5s 32GB, iPad Air 2 64GB
    Sorry to interrupt this meeting of the Electrical Workers' Union () but I thought I'd throw in that my ancient copy of Photoshop (CS3) has a specific menu item called "Save for Web and Devices" that automatically takes an image you have open and scales it for 72dpi (web standard) and lets you tweak the compression for best compromise of image quality and size. If you're already inside Photoshop working on an image, then that's probably the best option for making web-optimized images. The latest versions may call this option something else, I wouldn't know.

  14. #14
    Resize photos for web
    RadDave's Avatar
    Member Since
    Jan 20, 2012
    Location
    North Carolina
    Posts
    2,548
    Specs:
    MBP 13" (2013); 2.6 GHz i5; 8 GB RAM; SSD 256 GB; OS 10.10.5
    Quote Originally Posted by chas_m View Post
    Sorry to interrupt this meeting of the Electrical Workers' Union () but I thought I'd throw in that my ancient copy of Photoshop (CS3) has a specific menu item called "Save for Web and Devices" that automatically takes an image you have open and scales it for 72dpi (web standard) and lets you tweak the compression for best compromise of image quality and size. If you're already inside Photoshop working on an image, then that's probably the best option for making web-optimized images. The latest versions may call this option something else, I wouldn't know.
    OH, Chas_m - you're breaking up the party! And, no one commented on my beautiful Australian Aboriginal linocut hanging in that bar area - so sad - Dave

  15. #15
    Resize photos for web
    chas_m's Avatar
    Member Since
    Jan 22, 2010
    Location
    Victoria, BC
    Posts
    18,967
    Specs:
    Mid-2012 MBP (16GB, 1TB HD), Monoprice 24-inch second monitor, iPhone 5s 32GB, iPad Air 2 64GB
    The Aboriginal linocut is beautiful -- I also fancy all those wood burn brands that make up the wallpaper!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. Photos does not resize images for email.
    By Rod Sprague in forum OS X - Apps and Games
    Replies: 0
    Last Post: 06-11-2015, 12:00 AM
  2. resize photos in iphoto
    By olddog in forum Images, Graphic Design, and Digital Photography
    Replies: 1
    Last Post: 12-13-2011, 01:45 AM
  3. Uploading photos to web
    By Habby in forum iPhone Hardware and Accessories
    Replies: 4
    Last Post: 12-12-2007, 10:15 PM
  4. Uploading photos to web
    By Habby in forum iPhone Hardware and Accessories
    Replies: 1
    Last Post: 12-12-2007, 05:51 PM
  5. Posting Photos on Web
    By skibrat in forum Images, Graphic Design, and Digital Photography
    Replies: 6
    Last Post: 03-25-2007, 06:25 PM

Posting Permissions

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