Sri Chaitanya Saraswat Math, Nabadwip

 

Standard Operating Procedure No:    001  

Standard Operating Procedure Name: How To Prepare Pictures for Web Pages  

 

Date written:                                         29 May 2006

Compiled by:                                        Malini Devi Dasi

Checked by:                                          Mahananda Das Bhakti Ranjan

 

Amendment date:

Amended by:

Checked by:

 

Contents:                                              1.0    Selecting the Pictures for Editing

                                                               2.0    Preparing the Pictures for the Web

                                                               3.0    Saving for the Web

                                                               4.0    How to Utilise the Pictures                                   

Procedure:

 

1.0      Selecting the Pictures for Editing

 

1.1      View your pictures using a picture browser such as iPhoto, iView, PictureViewer or a similar program.

1.2      Browse through the pictures to select the ones you want to use for the web-page, and delete the unsuitable pictures. Do take into consideration a logical sequence for the pictures to create a ŌstoryŌ one can follow. 

1.3      Arrange them in the appropriate order and rename them with a sequence number for reference.

 

2.0      Preparing the Pictures for the Web

 

2.1      Open Adobe Photoshop or a similar picture editing program on your computer.

2.2      Open the picture files for editing. (You may use File-Open and select several of the pictures you want to use from the folder simultaneously to open them all at once OR you may drag the pictures from the folder onto the program icon.)

2.3      Arrange the pictures in Cascade from the View options given to enable easy shuffling between pictures if required, as well as giving a good view of each picture.

2.4      Click on the picture to be edited.

2.5      Go to Image-Image Size. A window will appear asking for dimensions of the picture by pixels or percentage.

2.6      When reducing the size of pictures, be sure to Constrain Proportions i.e. to proportionately scale the image, otherwise it is likely to become distorted.

2.7      Check the size that is required. This is either being requested in the template you have been given, or in your correspondence.

(N.B.   Our templates are usually either 350 pixels or 500 pixels wide, but sometimes other requirements are necessary so kindly be sure according to the circumstance.)

2.8      For example, we will take the template for 350 pixels wide. Therefore in the Width box change the value. You will see that  if 'Constrain Proportions' is ticked, the height value will also change automatically.  Make sure that the option is set on pixels not on percentage. Click OK.

2.5      If pictures are dull, try:        Image - Adjust - 'Auto Levels'
Also worth trying are:          Image - Adjust - Brightness/Contrast
and:                            Image - Adjust - Curves.

2.6      Finally, most pictures after reduction in size, benefit from the command:
Filter - Sharpen - Sharpen.

 

3.0      Saving for the Web

 

3.1      Go to File-Save for Web (shortcut on Apple Mackintosh is Shift Option Command S). A window will appear with a preview. If your image programme doesnÕt have the command Save for Web, then do Save As....

3.2      Have the settings set on JPEG, on Medium, at 30% Quality, Optimized (Yes). This produces a reasonably good picture quality in relation to its file size. Ensure ÔBlurÕ is zero. Click OK.

3.3      A window will appear to ask you to locate a folder where the new picture should be saved. Find the original folder and save in there with a sequence number (01... 02... 03..., etc.)  and descriptive name (e.g. 01frontviewmandir).

3.4      Close the original picture. A window will appear to ask if you want to save changes; select DonÕt Save (otherwise it will save the original big picture at the reduced size too).

 

4.0      How to Utilise the Pictures

 

4.1      If you are preparing the pictures to use in a web page template, now go to SOP002 How to use Web-page Template.

4.2      If you are preparing the pictures for e-mail, attach 5 or 6 pictures at a time and put a sequence number in the e-mail subject for reference.

 

Sri Chaitanya Saraswat Math | Tips for Multimedia