News      Welcome, Guest. Please login or register.
Pages: [1]
  Print  
Author Topic: Save for Web in Photoshop  (Read 1197 times)
0 Members and 1 Guest are viewing this topic.
Roger
Admin
-
*
Offline Offline

Posts: 5978

Subscriber Profile

WWW
« on: February 18, 2005, 05:24:59 PM »

After several people asking how to save / create images that are less than 95KB, I though it would be a good idea to begin a thread on how to save for the web.

I resize my images to 720 in width.  This give you a nice large image, that is small enough for a 800x600 resolution monitor, taking into account the scrollbar and other elements of the websites where the image is posted,

Once I'm happy with the way my image looks I select "Save for Web" under "File" in the main menu of Photoshop.  you will get a new window with the optimized version of the file.  You can select different formats (gif, jpg, png) in which you can save your file.  For photographs jpg is the best when it comes to compression and quality.  Use the slider in the upper right part of the page to select the quality setting and look at the file size (below the image) so you can see that you stay below the 95KB that is the maximum file size for our forums.

That should do the trick in Photoshop.

Roger
Logged

Clone The Cone Campaign '08 - '09

FWIW, I think the line may have been ``At least I still have my motor skills.``  But it was all kinda fuzzy... - M.M. aka Rainman
Larry Grace
-

Offline Offline

Posts: 1322



WWW
« Reply #1 on: February 18, 2005, 07:51:09 PM »

I follow the same steps as Roger. To illustrate this I’ve done some screen capture to show this step by step.
Photoshop CS (Mac OSX) the same step can be use with Windows.
1. This show the image at full size


* 1.jpg (91.09 KB, 780x520 - viewed 157 times.)
Logged

Larry D.Grace
Photographer
Larry Grace Photography

Photographs are Copyright © by Larry Grace/Larry Grace Photography. Permission for use is required. To secure reproduction rights to images by Larry Grace, contact by E-Mail to lgrace@mm.com
Larry Grace
-

Offline Offline

Posts: 1322



WWW
« Reply #2 on: February 18, 2005, 07:52:03 PM »

2. The next step is to change size to 72dpi and the width to 720 I let the height fall in place. Hit OK


* 2.jpg (91.14 KB, 780x520 - viewed 154 times.)
Logged

Larry D.Grace
Photographer
Larry Grace Photography

Photographs are Copyright © by Larry Grace/Larry Grace Photography. Permission for use is required. To secure reproduction rights to images by Larry Grace, contact by E-Mail to lgrace@mm.com
Larry Grace
-

Offline Offline

Posts: 1322



WWW
« Reply #3 on: February 18, 2005, 07:52:47 PM »

3. Under Image size go to Save for Web, enter and the next screen will come up


* 3.jpg (86.23 KB, 780x520 - viewed 153 times.)
Logged

Larry D.Grace
Photographer
Larry Grace Photography

Photographs are Copyright © by Larry Grace/Larry Grace Photography. Permission for use is required. To secure reproduction rights to images by Larry Grace, contact by E-Mail to lgrace@mm.com
Larry Grace
-

Offline Offline

Posts: 1322



WWW
« Reply #4 on: February 18, 2005, 07:53:30 PM »

4. In this box note the image size in the lower left hand side. You will now see the size will be save at 82.93kb under the 95kb here at Fence Check.  You can also change the image size by using the New Size box and hit apply. Also the size will change if you only use the Quality box higher or lower. I would keep the setting at jpeg and high. To learn more play with the setting and you will see different effects to your photo.


* 4.jpg (82.2 KB, 720x480 - viewed 154 times.)
Logged

Larry D.Grace
Photographer
Larry Grace Photography

Photographs are Copyright © by Larry Grace/Larry Grace Photography. Permission for use is required. To secure reproduction rights to images by Larry Grace, contact by E-Mail to lgrace@mm.com
Larry Grace
-

Offline Offline

Posts: 1322



WWW
« Reply #5 on: February 18, 2005, 07:55:40 PM »

5. Here the final photo, save for the web.




* DSC_0006a.jpg (82.46 KB, 720x533 - viewed 155 times.)
Logged

Larry D.Grace
Photographer
Larry Grace Photography

Photographs are Copyright © by Larry Grace/Larry Grace Photography. Permission for use is required. To secure reproduction rights to images by Larry Grace, contact by E-Mail to lgrace@mm.com
FlyingKiwi
-

Offline Offline

Posts: 1627



WWW
« Reply #6 on: February 18, 2005, 08:04:37 PM »

I resize my images to 720 in width.  This give you a nice large image, that is small enough for a 800x600 resolution monitor.

Gee, Roger, I think it's time to swallow hard, open that wallet of yours and buy a larger monitor!   Roll Eyes

Richard.
Logged
tvrphoto
Guest
« Reply #7 on: February 18, 2005, 08:34:29 PM »

Wow Larry, I am so impressed that you were able to catch the prop at the exact same angle on every one of those shots!  How do you do it man?
Logged
Tonyz
Global Mod
-
*
Offline Offline

Posts: 4121


Subscriber Profile

« Reply #8 on: February 18, 2005, 08:56:51 PM »

Tyson Tyson....don't you know how to time the prop?
Logged

Resident plumbing expert.
Larry Grace
-

Offline Offline

Posts: 1322



WWW
« Reply #9 on: February 18, 2005, 09:00:47 PM »

Wow Larry, I am so impressed that you were able to catch the prop at the exact same angle on every one of those shots! How do you do it man?

Why Tyson, Thank you but I did it the same way you do....... Watch the prop.
Logged

Larry D.Grace
Photographer
Larry Grace Photography

Photographs are Copyright © by Larry Grace/Larry Grace Photography. Permission for use is required. To secure reproduction rights to images by Larry Grace, contact by E-Mail to lgrace@mm.com
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.4 | SMF © 2006-2007, Simple Machines LLC Valid XHTML 1.0! Valid CSS!