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?

ENGAG EXPLOR EVALUAT

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

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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.
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 44
Are you familiar with Haiku?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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.

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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.

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 7
Guide Questions

1. Which part of composing the haiku poem is

easiest? Which part of the poem is the
hardest?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 8
Guide Questions

2. Why do you think composing a poem with

haiku format is hard?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 9
Guide Questions

3. In terms of posting images, how do you

think could an image become meaningful
yet simple?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 10
What is Image?

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 11
 Image is a
representation of
something that
conveys meaning
like photographs,
paintings,
drawings,
illustrations,
sculptures,
abstracts, etc.
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 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
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 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.
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 15
15
Printable Image
File Formats
● JPEG
● PDF
● EPS
● TIFF

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 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

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 19
19
 Encapsulated
PostScript
(EPS)
● is a file
format for
images
printed in
large
billboards
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 20
20
Tagged Image
File Format
(TIFF)
● used for raw
files that came
from filmed
cameras

ENGAG EXPLOR EVALUAT

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

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 22
Online Image
File Formats
● GIF
● BMP
● SVG

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 23
 Graphic
Interchange
Format (GIF)
● refers to a
graphic file
format that has
movements
(interchanging
movements)
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 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
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 25
25
 Scalable Vector
Graphics (SVG)
● commonly used
file format for
images on web
pages and
websites

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 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

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 29
29
How can you manipulate such
image file formats?

30
Principles of
Image
Manipulation

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 31
31
 Choosing
an Editing
Application
Software

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 32
32
Choosing
the right
image file
format

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 33
33
 Purpose of
the
manipulated
image

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 34
34
Themes
and Motifs

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 35
35
 Symbolism
of the image

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 36
36
Parallelism
of the
elements in
the image

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 37
37
 Contrast of
the
elements in
an image

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 38
38
Harmony of
the
elements in
the image

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 39
39
 Proportion
of the
elements in
an image

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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.

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 41
 ● JPEG ● SVG
● PNG ● PDF
● BMP ● EPS
● GIF ● TIFF
Printable Online Uploadable

ENGAG EXPLOR EVALUAT

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

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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.

ENGAG EXPLOR EVALUAT

EXPLAIN EXTEND 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.
ENGAG EXPLOR EVALUAT
EXPLAIN EXTEND 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