Unit 6: Image Manipulation Techniques

Lesson 1
Online File Formats and
Principles of Image Manipulation

Empowerment Technologies
Senior High School Applied - Academic
Have you ever tried
to produce filtered
photos?

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 2

 How does
image
manipulation
help us in
showing our
feelings and
emotions?

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 3

 ● Define image.
● Identify the classification of
Learning image file formats.
Objectives ● Become familiar with online
image file formats.
At the end of the ● Determine the principles of
lesson, you should be
able to do the image manipulation.
following:
● Follow the principles of image
manipulation.
ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 44
Are you familiar with Haiku?

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 5

Haiku

Is a short Japanese poem that contains 17 syllables with a

3-line format. It follows the five-seven-five format, which
means that the first and third lines have five syllables, and
the second line has seven syllables. It is made famous for
being short yet meaningful.

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 6

Haiku Format

In this activity, you will create a poem in a haiku

format. The title is not included in the number
of syllables per line. Present your work in the
class and explain how meaningful your poem is
in your life.

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 7

Guide Questions

1. Which part of composing the haiku poem is

easiest? Which part of the poem is the
hardest?

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 8

Guide Questions

2. Why do you think composing a poem with

haiku format is hard?

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 9

Guide Questions

3. In terms of posting images, how do you

think could an image become meaningful
yet simple?

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 10

What is Image?

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 11

 Image is a
representation of
something that
conveys meaning
like photographs,
paintings,
drawings,
illustrations,
sculptures,
abstracts, etc.

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 12

What do you think is the relation
of haiku in image?

13
Image has
various formats
but classified
into two
categories:
● Printable
File Format
● Online File
Format
ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 14
 Printable Image
File Format are
those image
formats that can be
uploaded on the
internet and can be
printed out (as the
name says) to have
a hard copy of the
image.
ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 15
15
Printable Image
File Formats
● JPEG
● PDF
● EPS
● TIFF

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 16

 Joint Photographic
Experts Group
(JPEG)
● refers to the file
format of a still
and flat image. It is
a file extension
that still pictures
are saved as

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 17

17
Portable Network
Graphics (PNG)
● used for creating
flyers and posters
● even if the image is
resized into a larger
size or a smaller
size, it will not
reduce its quality

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 18

Portable Document
Format (PDF)
● converts word processed
document, spreadsheet,
and even presentations
into an image file format
where they can still read
the document even if they
are away from their
desktop computers
ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 19
19
 Encapsulated
PostScript
(EPS)
● is a file
format for
images
printed in
large
billboards
ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 20
20
Tagged Image
File Format
(TIFF)
● used for raw
files that came
from filmed
cameras

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 21

 Online Image
File Formats
● Images that can
be uploaded
and shared
online

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 22

Online Image
File Formats
● GIF
● BMP
● SVG

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 23

 Graphic
Interchange
Format (GIF)
● refers to a
graphic file
format that has
movements
(interchanging
movements)

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 24

Bitmap (BMP)
● refers to a file
format for colors
per pixel
● used for creating
animated
characters in a
low resolution
where pixels
(colors per box)
are shown

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 25

25
 Scalable Vector
Graphics (SVG)
● commonly used
file format for
images on web
pages and
websites

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 26

How do a printable file format and
an online file format differ from
each other?

27
Difference of Online and Printable Image File Formats

File Format Printable Online Use

JPEG (JPG) Yes Yes with some quality
compression
PNG Yes Yes with same file quality
PDF Yes Yes but as a document file
EPS Yes No due to high quality
compression
TIF (TIFF) Yes Yes with some quality
compression

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 28

28
Difference of Online and Printable Image File Formats

File Format Printable Online Use

GIF Yes but with low quality Yes
printing
BMP Yes with low quality printing Yes
SVG Yes but very low quality Yes
printing and small image only

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 29

29
How can you manipulate such
image file formats?

30
Principles of
Image
Manipulation

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 31

31
 Choosing
an Editing
Application
Software

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 32

32
Choosing
the right
image file
format

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 33

33
 Purpose of
the
manipulated
image

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 34

34
Themes
and Motifs

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 35

35
 Symbolism
of the image

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 36

36
Parallelism
of the
elements in
the image

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 37

37
 Contrast of
the
elements in
an image

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 38

38
Harmony of
the
elements in
the image

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 39

39
 Proportion
of the
elements in
an image

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 40

40
Practice 1
Listed on the next slide are
different image file formats.
Classify the following items
as either printable or online
uploadable by writing them
in their appropriate boxes.

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 41

 ● JPEG ● SVG
● PNG ● PDF
● BMP ● EPS
● GIF ● TIFF

Printable Online Uploadable

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 42

Practice 2
In line with activity 1,
write down at least two
(2) principles of image
manipulation and explain
how it is important.

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 43

Answer the following completely in your own words.
1. Define Image.
2. What are the two classifications of image file formats?
3. What is the difference between printable file formats and
online file formats?
4. Can an EPS file format be uploaded online? Why or why not?
5. Why is a bitmap format not recommended to be printed?
Defend your answer.

ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 44

44
Answer the following
comprehensively:
Stephen King says
“Symbolism exists to adorn
and enrich, not to create
an artificial sense of
profundity”. What is your
perspective on this?
Explain your answer.
ENGAGE EXPLORE EXPLAIN EXTEND EVALUATE 45
 Wrap Up
Image is a representation of something that
conveys meaning like photographs, paintings,
drawings, illustrations, sculptures, abstracts, etc.
Image File Formats are classified into two
categories: Printable File Formats and Online File
Formats.
Printable File Formats and Online File Formats
have similarities yet differences in usage and
capacities.
46
 Wrap Up
Under Printable File Formats are JPEG, PNG, PDF,
EPS and TIFF. On the other hand, under Online
File Formats are GIF, BMP, and SVG.
There are various principles of image manipulation
to consider: Choosing of Editing Application
Software, File Formats, Uploading and Printing,
Themes and Motifs, Symbolism, Parallelism,
Contrast, Harmony, and Proportion.

47
 Bibliography
Daculan, M. n.d. “PRINCIPLES AND BASIC TECHNIQUES OF IMAGE
MANIPULATION.” Academia.edu. Accessed May 13, 2020.
https://www.academia.edu/31500683/PRINCIPLES_AND_BASIC_TECHNIQUE
S_OF_IMAGE_MANIPULATION.

Lundquist, Samual. 2020. “Image file formats: when to use each file type.”
99designs. 99designs. January 24, 2020.
https://99designs.com/blog/tips/image-file-types/.

Magdaraog, Lany Lyn. 2019. “Empowerment Technologies - Principles and Basic

Techniques of Image Manipulation” LinkedIn SlideShare. January 12, 2019.
https://www.slideshare.net/LanyLynMagdaraog/empowerment-technologie
s-principles-and-basic-techniques-of-image-manipulation.

48
 Bibliography

Nehring, Cathy, Dan Polden, and Dan Polden. n.d. Print File Formats. Accessed May
12, 2020. https://dcopy.net/support/file-formats/print-file-formats.php.

“Scalable Vector Graphics.” 2020. Wikipedia. Wikimedia Foundation. May 7, 2020.

https://en.wikipedia.org/wiki/Scalable_Vector_Graphics.

49