Principles and Basic

Techniques of Image
Manipulation
 Most of the time, we just
capture an image and upload
it on our Facebook account.
From there, Facebook does
the rest by formatting our
image to best fit the standards
set by Facebook.
But once you run your own
website, you will have to edit your
images. It seems a simple task but
you have to strike the balance
between the right image quality
and the time for the page to load
these images.
 Personal website do not
necessarily have to downsize the
file size of the images. But If you
have a wider target audience,
you need to make the necessary
changes. Here are some tips to
help you edit your images for your
website:
1. CHOOSE THE RIGHT FILE FORMAT
Try to make a real-life
photograph into GIF to see the
difference between PNG, GIF,
JPEG. Knowing the purpose is the
key to finding out the best file
format.
2. CHOOSE THE RIGHT IMAGE SIZE
A camera with 12 megapixels
constitutes to a bigger image size.
Monitors have a resolution limit, so
even if you have a million
megapixels, it will not display
everything. Thus, it is not always wise
to make our image big, most
especially in a website.
 Know how much space you
want the image to consume. Or
have a “preview” image where
the audience has the option to
“see full size”.
3. CAPTION IT

Remember to put a caption on

images whenever possible. If it is
not related to the web page, then
remove it.
 CREATING AND
MANIPULATING IMAGES
USING PHOTOSCAPE
 There are plenty of image
manipulation tools but if you are
going to create a website, you
have to use one which is efficient.
PhotoScape is a good tool
because it is feasible for beginners
and advanced users alike.
 On PhotoScape’s main screen,
you will see the many feature’s it
has that you can use for creating
web content as follows:
1. VIEWER- as the name implies,
is a picture viewer with features
the same with most image
viewers like changing image
orientation.
2. EDITOR- alters the
appearance of a single image.
3. BATCH EDITOR- alters the
appearance of multiple
images.
4. PAGE- arranges several
photos to create a single one;
similar to a mosaic.
5. COMBINE- links several
images together to form a
bigger image.
6. ANIMATED GIF- allows you to
create an animated GIF from
several pictures.
7. PRINT- readies pictures for
printing.
8. SPLITTER- divides a single
photo into multiple parts.
9. SCREEN CAPTURE- captures
the screen and save it.
10. COLOR PICKER- grabs a
pixel from your screen to be
used in editing.
11. RAW CONVERTER- converts
RAW mages (uncompressed
images usually from digital
camera) to JPEG.
12. RENAME- allows you to
rename a batch of photos.
13. PAPER PRINT- useful tool for
printing your own calendars,
sheets, lined paper,graph
paper, etc.
I. EDITOR EDIT

1. Open PhotoScape then choose

editor.
2. Choose the folder where the
image you want to manipulate is
located using the file explorer on
the upper left.
3. Once you have selected the
folder, you will see a preview of all
the images found on that folder at
the bottom of the file explorer.
4. From the preview, select the image
you want to use. The image will now
be shown on a much bigger preview
inside your work area.
5. Notice the properties of the
image like the file name, the
image size (in pixels), and the file
size found on the bottom of the
preview.
6. Manipulate the image using the
tools on the bottom.
a. HOME TAB- this is where you can
add a frame, resize, sharpen and
add filters and effects to your
image.
b. OBJECTS TAB- this is where you
can place a wide variety of
images like texts, shapes, and
symbols.
c. CROP- this is where various tools
can be found in order to properly
crop an image to a desirable size.
d. TOOLS- includes other tools like red
eye correction, mole removal,
mosaic effect, and brush tools. For
more information, simply click it and
a tip will be displayed describing how
to use it.
II. BATCH EDIT
Batch editing is one of the most
useful tools when trying to easily
manipulate all images at the same
time. This is most useful when you
create a gallery of photos for a
website. You can make their sizes
uniform to what you have specified.
1. Select the folder where your
photos are located, then on the
Preview window, drag the photos
you want to be part of the batch
edit to the work area (center).
2. Use the tools on the right to edit
your photo. This is similar to the
options in edit except the Crop
and Tools tab which are replaced
by the Filters tab. The Filters tab is
used to add a certain filter that will
apply to all your photos.
3. Resize the pictures so that they
do not exceed 800 pixels in width.
Add filters if you want.
4. Click on Convert All button
found on the upper right.
5. The Save dialog box will appear
that will allow you to change the
location, the name of the images,
and the file type. Since we are
working on photographs. We are
going to keep it as JPEG.