ONLINE IMAGE FILE
FORMATS
EMPOWERMENT TECHNOLOGY
ONLINE IMAGE FILE FORMATS
Essentially, when you take photograph, what happens is that the camera captures data that
creates a digital image. There are different types of image file formats which can be retrieved
and edited using photo editing software. Choosing the right file format is important and can be
critical depending on the level of quality.
We have to compressed images on our websites. Likewise, even though a wide variety of
websites already support high-definition (HD photos, you do not have use HD photos all the time.
In fact, most of the time, you do not even have to
COMMON IMAGE FILE FORMATS
Joint Photographic Expert Group
-is a “loosy” format
meaning that the image
is compressed to make a
smaller file. The
compression does create
a loss in quality but this
loss is generally not
noticeable. JPEG files is
a popular format for
digital cameras making it
ideal for web use and
non-professional prints.
1
Compression: Loosy - some file information is compressed or lost
Best for: Web images, Non-Professionals Printing, E-Mail, PowerPoint
FILE EXTENSION USE SUPPORT SUPPORT
TRANSPARENCY ANIMATION
.jpeg or .jpg Real life No Yes
photographics,
high compression
Graphics Intercharge Format
-are widely used for web
graphics, because they
are limited to only 256
colors, can allow for
transparency, and can be
animated, GIF files are
typically, small is size
and are very portable.
2
Compression: Lossless - compression without loss of quality
Best for: Web Images
FILE EXTENSION USE SUPPORT SUPPORT
TRANSPARENCY ANIMATION
.gif Computer Yes Yes
generated
graphics
Portable Network Graphics
- are lossless image
format originally
designed to improve
upon and replace the gif
formats. PNG files are
able to handle up to 16
million colors, unlike the
256 colors supported by
GIF. This image is
transparent/no
background.
3
Compression: Lossless - compression without loss of quality
Best For: Web Images
FILE USE SUPPORT SUPPORT
EXTENSION TRANSPARENCY ANIMATION
.png Screenshots, high Yes No
compatibilty
PRINCIPLES AND BASIC TECHNIQUES
OF IMAGE MANIPULATION
PRINCIPLES AND BASIC TECHNIQUES OF IMAGE
MANIPULATION
Most of the time, we just capture an image and
upload it on our Facebook. From there,
Facebook does the rest by formatting ou image
to best fit 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.
1. Choose the right file format- Try to make a real-life
photograph into GIF to see the difference between PNG,
GIF, and JPEG. Knowing the purpose is the key to finding
out the best file format.
2. Choose the right image site- 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 bog, most especially in a
website. Know how much space you want the image
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 web page, then
remove it.
THANK YOU.
