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