Working with Images.pdf

johnroydapurada 109 views 26 slides Oct 11, 2022
Slide 1
Slide 1 of 26
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26

About This Presentation

Camera Shots


Slide Content

WORKING WITH IMAGES
Computer System Servicing
STE –TLE ICT

Try to identify which one is an IMAGE, a PHOTO,
and a PICTURE.
IMAGE PHOTO PICTURE

WHAT IS AN IMAGE?

Animage isany
visualobjectthat's
modifiedoraltered
byacomputeroran
imaginary object
created using a
computer.

Photoorphotographis
anything taken by
a camera, digital
camera,orphotocopier.

Pictureisadrawing,
painting,orartwork
createdonacomputer.

Thereareothervisualobjectscreatedona
computerthatmayfallintoitsowncategory,such
asclipart,graphic,illustration,render,and
ascreenshot.
Whentalkingaboutanyofthese,wesuggestusing
thepropertermsinsteadofimage,photo,or
picture.Inotherwords,ifyou'reworkingwithclip
art,callitclipartinsteadofapicture.

An image/picture/photo
can be in printed and
digital copy.
Digitalcopiesarethosethatwascreated
orcopiedandstoredinelectronicform.

Lets take a focus on
images.

An image
can also be
described in
terms
ofvector
graphicsor
raster
graphics.

Raster Image
Raster(orbitmap)images
aregenerallywhatyouthink
about when thinkingof
images.Thesearethetypes
ofimagesthatareproduced
when scanning or
photographinganobject.

Rasterimagesarecompiledusingpixels,ortiny
dots,containinguniquecolorandtonalinformation
thatcometogethertocreatetheimage.Since
rasterimagesarepixelbased,theyareresolution
dependent.

Thenumberofpixelsthatmakeup
animageaswellashowmanyof
thosepixelsaredisplayedperinch,
bothdeterminethequalityofan
image.
Asyoumayhaveguessed,the
morepixelsintheimageandthe
highertheresolutionis,thehigher
qualitytheimagewillbe.

Vector Image
Vectorimages,orlineart,
keeptrackofpointsandthe
equationsforthelinesthat
connect them. Generally
speaking,vectorimagesare
madeupofpathsorlineart
thatcaninfinitelyscalable
becausetheyworkbasedon
algorithmsratherthanpixels.

Oneofthegreatestthingsaboutvectorimagesis
thatyoucanre-sizetheminfinitelylargeror
smaller,andtheywillstillprintoutjustasclearly,
withnoincrease(ordecrease)infilesize.

Modern typography is
almostexclusivelycreated
usingvectors.Thetext
you’relookingatrightnow
isaproductofvector
graphics.
3Dmodelingandthe
computergraphics(CG)
weseeinblockbuster
superherofilmsarethe
directconsequence of
developmentsinvectorart
andillustration.

Raster Graphics
Software
VectorGraphics
Software
ADOBE
PHOTOSHOP
ADOBE
ILLUSTRATOR

Lets have a conclusion

SVG
WMF
EPS
PDF
CDR
AI
Vector Image Raster Image
JPEG
PNG
APNG
GIF
WebP
BMP

SVG
Vector Image Raster Image
JPEG
Joint
Photographi
c Expert
Group
image
.jpg,.jpeg,
.jfif,.pjpeg,
.pjp
is a “lossy” 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 are very common
on the Internet and JPEG is a
popular format for digital
cameras -making it ideal for
web use and non-
professional prints.
Scalable
Vector
Graphics
.svg
Vector image format; ideal
for user interface elements,
icons, diagrams, etc., that
must be drawn accurately at
different sizes.

WMF
Vector Image Raster Image
PNG
Portable
Network
Graphics
.png
area lossless image format
originally designed to
improve upon and replace
the gif format. PNG files are
able to handle up to 16
million colors, unlike the 256
colors supported by GIF.
Windows
Metafile
.wmf
WMF files are structured by a
series of records, starting
with a number of control
records: the header record,
the aforementioned optional
placeable record,and
finished by anend of
filerecord.

EPS
Vector Image Raster Image
APNG
Animated
Portable
Network
Graphics
.apng
is afile formatwhich extends
thePortable Network
Graphics(PNG) specification
to permitanimatedimages
that work similarly to
animatedGIFfiles, while
supporting 24-bit images
and8-bit transparencynot
available for GIFs. It also
retainsbackward
compatibilitywith non-
animated PNG files.
Encapsulat
ed
PostScript
.eps
file is a common vector file
type. EPS files can be opened
in many illustration
applications such as Adobe
Illustrator or CorelDRAW.

PDF
Vector Image Raster Image
GIF
Graphics
Interchange
Format
.gif
files arewidely 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.
Portable
Document
Format
.pdf
standardized asISO 32000,
is afile formatdeveloped
byAdobein 1992 to
presentdocuments, including
text formatting and images,
in a manner independent
ofapplication
software,hardware,
andoperating systems.

CDR
Vector Image Raster Image
WebP
Web Picture
format
.webp
Excellent choice for both
images and animated
images. WebPoffers much
better compression than PNG
or JPEG with support for
higher color depths,
animated frames,
transparency etc.
CorelDRAW
.cdr
is avector graphics
editordeveloped and
marketed byCorel
Corporation. It is also the
name of the Corel graphics
suite, which includes
thebitmap-image editorCorel
Photo-Paintas well as other
graphics-related programs

AI
Vector Image Raster Image
BMP
Bitmap
Image
.bmp
is a format developed by
Microsoft for Windows. There
is no compression or
information loss with BMP
files which allow images to
have very high quality, but
also very large file sizes.
Adobe
Illustrator
Artwork
.ai
is aproprietaryfile
formatdeveloped byAdobe
Systemsfor representing
single-pagevector-based
drawingsin either
theEPSorPDFformats.
Tags