Escuela San Gabriel de Colegio de San Gabriel
Archangel Foundation Inc. Archangel of Caloocan
Phase 10 Pkg 6 Blk 1 lot 2-3 Bagong Silang
Caloocan City
COMPUTER GRADE 9
2nd Grading Period
Week 2-3
Module 2: IMAGES
I. INTRODUCTION
Not only are there image formats, but many applications have their own native file
format. It is important to understand that there is a difference between a native file types and an
image file types.
An example of a native file type is a .PSD which stands for Photoshop Document. This
file is created only by Adobe Photoshop and can retain information such as layers, adjustments,
masks, and other Photoshop adjustments.
It is always good to save a version of an image in the native format if plan to make future
edits to the image because the native file format will keep all editing information.
II. MOST ESSENTIAL LEARNING COMPETENCY/IES:
Demonstrate how to insert images in a webpage.
III. MODULE LESSONS AND COVERAGE:
A. SPECIFIC OBJECTIVES:
The following objectives are expected to be attained by the learners at the end of
this module:
Identify the common types of image format.
Define each of the common types of image format.
Use the tags of inserting images in a webpage
VI. PRE-ASSESSMENT
Choose the letter of the correct answer.
1. Is short for Joint Photographic Experts Group
a. JPEG b. GIF c. PNG
2. Known as Windows bitmap
a. Bitmap b. GIF c. PNG
3. Is limited to the 8-bit palette with only 256 colors.
a. Bitmap b. GIF c. PNG
4. Was created by Aldus for desktop publishing and by 2009 it was transferred to the
Adobe System.
a. BMP b. GIF c. TIFF
5. Known as Portable Network Graphics
a. JPEG b. GIF c. PNG
6. Is still a popular image format on the internet because image size is relatively small
compared to other image compression types.
a. Bitmap b. GIF c. PNG
7. Is popular among common users, but has gained recognition in the graphic design,
publishing and photography industry.
a. BMP b. GIF c. TIFF
8. Is the most popular among the image formats used on the web.
a. JPEG b. GIF c. PNG
9. These files are large and uncompressed, but the images are rich in color, high in quality,
simple and compatible in all windows OS and programs.
a. BMP b. GIF c. TIFF
10. Is still a popular image format on the internet because image size is relatively small
compared to other image compression types.
a. Bitmap b. GIF c. PNG
VII. LEARNING ACTIVITIES:
B. EXPLORE:
1. How can you think inserting images in webpage can help to become attractive?
2. Why do think it is important to insert picture in a webpage?
C. FIRM UP:
COMMON TYPES OF IMAGE FORMAT
1. JPEG
- Is short for Joint Photographic Experts Group
- Is the most popular among the image formats used on the web.
- Its files are very “lossy” meaning so much information is lost from the original image
when you save it in jpeg file.
2. GIF
- Short for Graphics Interchange Format
- Is limited to the 8-bit palette with only 256 colors.
- Is still a popular image format on the internet because image size is relatively small
compared to other image compression types.
3. BMP
- Known as Windows bitmap
- Also called raster or paint images.
- Its files are image files within the Microsoft windows operating system.
- It was at one point of the view image formats
- These files are large and uncompressed, but the images are rich in color, high in quality,
simple and compatible in all windows OS and programs.
4. PNG
- Known as Portable Network Graphics
- Were created as an alternative to the GIF file format.
5. TIFF
- Was created by Aldus for desktop publishing and by 2009 it was transferred to the
Adobe System.
- Is popular among common users, but has gained recognition in the graphic design,
publishing and photography industry.
- It is also popular among apple users.
- Easy to use with software that deals with page layout, publishing and photo manipulation
via fax, scanning, word processing etc.
- Is a rich format and supported by many imaging programs.
ACTIVITY NO.1
Identify the following statement if it describes JPEG, GIF, BMP, PNG
and TIFF. Write your answer in the blank provided.
________1. These files are large and uncompressed, but the images are rich in color, high in
quality, simple and compatible in all windows OS and programs.
________2. Is popular among common users, but has gained recognition in the graphic design,
publishing and photography industry.
________3. Is limited to the 8-bit palette with only 256 colors
________4. Its files are very “lossy” meaning so much information is lost from the original
image when you save it in jpeg file
________5. It is also popular among apple users.
________6. Also called raster or paint images.
________7. Is still a popular image format on the internet because image size is relatively small
compared to other image compression types.
________8. Is the most popular among the image formats used on the web.
________9. Was created by Aldus for desktop publishing and by 2009 it was transferred to the
Adobe System.
________10. Its files are image files within the Microsoft windows operating system.
INSERTING IMAGES ON THE WEB PAGE
To insert an image on a page
1. place the cursor where you want the image to appear.
2. type <img src = “image.jpeg” where image.jpeg indicates the location of the image file.
3. type a space and then the final />
SCALING IMAGES
How to scale image
1. type <img src = “image.jpeg” where image.jpeg is the location of the image file.
2. type width = “x” height = “y” where x and y are the desired width and height in pixels of
your image.
3. Add any other image attributes as desired and then type the final />.
ALIGNING IMAGES
- You can align an image in various ways to a single line in a paragraph.
How to align images
1. type <img src = “image.location” where image location indicates the location on the server
of the image.
2. type align = “direction” where direction is top, middle or bottom
3. Add other attributes as desired and then type the final />.
D. DEEPEN:
ACTIVITY NO. 2 HANDS – ON
1. Open Notepad and save it with your surname as file name.
2. Make the title of your page as “My Favorite Flower”.
3. Insert 5 image of flowers that you like the most and below each flower is
your caption.
4. 2 break lines between images.
5. Pm your work
E. TRANSFER:
ACTIVITY NO. 3 HANDS - ON
1. Open Notepad and save it with your middle name as file name.
2. Compose a short poem about nature with 2 stanza, each stanza must have 5
sentences.
3. use Old English Text MT as font style, 20 as font size, and font color of your
choice.
4. Insert 5 image of nature with width of 245, and height of 260
5. Pm your work
VIII. SUMMARY:
"Image format" redirects here. For the camera sensor format, see Image sensor format.
This article is about digital image formats used to store photographic and other images. For
disk-image file formats, see Disk image. For digital file formats in general, see File format.
Image file formats are standardized means of organizing and storing digital images. An image
file format may store data in an uncompressed format, a compressed format (which may be
lossless or lossy), or a vector format. Image files are composed of digital data in one of these
formats so that the data can be rasterized for use on a computer display or printer.
Rasterization converts the image data into a grid of pixels. Each pixel has a number of bits to
designate its color (and in some formats, its transparency). Rasterizing an image file for a
specific device takes into account the number of bits per pixel (the color depth) that the device
is designed to handle.
IX. VALUES INTEGRATION:
Using user-friendly application programs and following appropriate formats
X. POST ASSESSMENT:
Choose the letter of the correct answer.
1. Is short for Joint Photographic Experts Group
a. JPEG b. GIF c. PNG
2. Known as Windows bitmap
a. Bitmap b. GIF c. PNG
3. Is limited to the 8-bit palette with only 256 colors.
a. Bitmap b. GIF c. PNG
4. Was created by Aldus for desktop publishing and by 2009 it was transferred to the
Adobe System.
a. BMP b. GIF c. TIFF
5. Known as Portable Network Graphics
a. JPEG b. GIF c. PNG
6. Is still a popular image format on the internet because image size is relatively small
compared to other image compression types.
a. Bitmap b. GIF c. PNG
7. Is popular among common users, but has gained recognition in the graphic design,
publishing and photography industry.
a. BMP b. GIF c. TIFF
8. Is the most popular among the image formats used on the web.
a. JPEG b. GIF c. PNG
9. These files are large and uncompressed, but the images are rich in color, high in quality,
simple and compatible in all windows OS and programs.
a. BMP b. GIF c. TIFF
10. Is still a popular image format on the internet because image size is relatively small
compared to other image compression types.
a. Bitmap b. GIF c. PNG
