SlideShare a Scribd company logo
1 of 19
Digital Graphics
File Formats
Alis Rose
Raster Graphics
Raster Graphics are made up of Bitmaps which
are images that are made up of pixels. Bitmaps
do not lose or gain any pixels so when enlarged
they will lose quality, as the pixels grow instead
of multiply. When you compress or edit these
types of graphics, they lose pixels and therefore
quality.
Vector Graphics
Vector Graphics are made up of vectors. Vectors
have a start and an end point with curves,
points and angles between them. So therefore
when they are resized, there are still as many
pixels to the proportion that you have resized it
by. Vectors can be made bigger and smaller
without losing definition.
Raster Graphics
JPEG
Stands For Joint Photographic Experts Group
Used For/Example Photographs and Web formats, e.g it is the
format used for Google images most of
the time and facebook, therefore is used
by most people who have a computer as it
is the most basic of file types.
Advantage Have a smaller file size so can be easily
compressed.
It’s compatible with almost every website.
It’s perfect for fast file sharing e.g
Facebook photo.
No editing required to print.
Small file size yet high quality.
Disadvantage Loses quality with each resize due to
compression and recompression, and is
therefore bad for editing/animation (lossy
compression).
TIFF
Stands For Tagged Image File Format
Used For/Example Used by graphic designers as a photo
format.
Advantage TIFFs don’t lose any quality from
compression and recompression.
You can also use lossy compression to
make the file size smaller.
It is a recognised format by most
computers and is cross compatible with
MAC and PC’s.
It is the standard format for printing.
Disadvantage The file size can get very big and will take
a long time to upload or download.
Most websites do not support TIFF
uploads.
You need a good specification computer
to be able to process and load the
GIF
Stands For Graphics Interchange Format
Used For/Example These are short animations, often used on Tumblr or
to enhance product illustrations as well as provide
visual instructions.
Advantage They take up less memory than the alternative, which
allows them to be used easily online because they load
quicker without losing any quality.
They support having transparent backgrounds which
allows for more flexibility with the animation.
Disadvantage It has much lower quality than the alternative as a GIF
is a series of images played in a loop.
They only have a maximum colour palette of 256
colours which also affects the quality, and makes them
look more pixelated.
They are dependant on internet connection to play
properly when put on a website.
BMP
Stands For Bitmap image file
Used For/Example Mostly used for image storing and creating, editing,
and viewing images. They are also the type of images
produced by digital cameras and scanners.
Advantage It has no loss in compression.
Bitmaps are made up of pixels which allow colours to
be blended together which produces a more realistic
image. This format is compatible with most editing
software and is available to upload to most places on
the internet.
Disadvantage It has a large file size due to the amount of information
needed to display all the pixels in various colours.
They tend not to enlarge without becoming pixelated.
They lose quality when being compressed and
enlarged again due to not being lossless.
Vector Graphics
PSD
Stands For Photoshop Document
Used For/Example Mostly for image editing and therefore professional
image editors would more than likely use this type o
file.
Advantage The can handle simple vector layers which makes them
more useful for importing.
Because of their large file sizes, they can save a lot of
file information which make them better for working
files. They also support transparency so images can be
saved without a background, this allows for more
flexibility
Disadvantage File sizes can get very big, since these lossless images
use no compression. It makes it difficult to transfer or
email.
They also support colour profiles, spot colours, masks
and alpha channels.
They tend not to be supported outside of Adobe
products.
AI
Stands For Adobe Illustrator Art
Used For/Example Used for logo creation, a marketing team
from a company are likely to use this file.
Advantage No loss in definition when rescaling, so
images are then of a higher quality.
Disadvantage Large file sizes.
File can only be edited and opened on
Adobe, which limits their compatibility
with anything else.
FLA
Stands For Flash File
Used For/Example They are used to create games, and
therefore animations.
Advantage Can produce high quality files with small
sizes. This makes them easy and fast to
upload to the web, it can also use both
sound and moving image which allows
them to be a more sophisticated file type
to use for moving image.
Disadvantage Won’t work without Adobe Flash Player,
as it is an Adobe-specific file.
WMF
Stands For Windows Meta File
Used For/Example Used for logos, these are similar to AI files.
However this is the windows version
mainly used for clipart. These would also
be used by a marketing team.
Advantage Can be made big and small without losing
quality and they contain both vector and
bitmap graphics.
Disadvantage They are only available to use on Windows
specific platforms and have a low quality.
File Format Capture
and Optimising
Compression
Definition Lossy compression is the way in which file
sizes are reduced by reducing the amount
of information that is saved.
Advantage Saves memory by reducing the pixels per
inch and therefore file size.
Disadvantage Lowers quality and therefore images
appear pixelated because less information
is saved each time.
Image Capture
Method Scanner
How is it used for image capture of graphics You use a machine that reads what the image looks
like and puts it on your computer in your chosen
format, it is a way of digitalising physical images.
Method Camera
How is it used for image capture of graphics Different types of light enter the camera through the
lens, and then this is recorded by a sensor and turns
that information into pixels and this then produces a
digital image.
Method Graphics Tablet
How is it used for image capture of
graphics
You draw your image onto the tablet like a
normal piece of paper and the computer
picks up the movements and repeats them
on the screen.
Optimising
Why would you optimise? You would optimise to ensure easy loading
and viewing on the web.
How can you optimise? You can do this by compressing the image,
reducing the size in Photoshop or bit
depth aswell as reducing the resolution.
Advantage to optimising One advantage is it makes images load
faster on the internet because it has a
smaller file size.
Disadvantage to optimising One disadvantage is low quality because
there is less pixel information.
Storage
File Size
What could affect a Working Scale
(Photoshop) document file size?
Changing the size, changing the resolution,
changing the bit depth, or compressing it
will affect a Working Scale document file
size.
How could you reduce the file size of a
Working Scale document without
affecting quality?
You could do this by using a vector file
type.
What is an advantage of scaling up
images before exporting?
The image will have a higher quality and
look better.
What is a disadvantage of scaling up
images before exporting?
It will take longer and be a large file size.

More Related Content

What's hot

Digital graphics pro forma copy
Digital graphics pro forma copyDigital graphics pro forma copy
Digital graphics pro forma copyRichard Acaster
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)Benedict Terry
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaBen Clayton
 
File types pro forma(2)
File types pro forma(2)File types pro forma(2)
File types pro forma(2)Joe Young
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaRoss Hardman
 
File Types Pro Forma
File Types Pro FormaFile Types Pro Forma
File Types Pro FormaRuby Hooper
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaRuby Hooper
 
File Types Pro Forma
File Types Pro FormaFile Types Pro Forma
File Types Pro FormaEmily-F
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formaRyan Shaw
 
File types
File typesFile types
File typesDemi Jay
 
File types pro forma(1) (1)
File types pro forma(1) (1)File types pro forma(1) (1)
File types pro forma(1) (1)willydavisj
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaAnnaMasmedia
 
File Formats
File FormatsFile Formats
File FormatsGW8
 
Pro formula digital graphics
Pro formula digital graphicsPro formula digital graphics
Pro formula digital graphicsEllieDawson
 
File types pro forma(1) (1)
File types pro forma(1) (1)File types pro forma(1) (1)
File types pro forma(1) (1)Elliot Miller
 
File Types Pro Forma
File Types Pro FormaFile Types Pro Forma
File Types Pro FormaJamie Ellis
 
Digital graphics file formats
Digital graphics file formats  Digital graphics file formats
Digital graphics file formats Ellie Marsh
 

What's hot (20)

Digital graphics pro forma copy
Digital graphics pro forma copyDigital graphics pro forma copy
Digital graphics pro forma copy
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File types pro forma(2)
File types pro forma(2)File types pro forma(2)
File types pro forma(2)
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File Types Pro Forma
File Types Pro FormaFile Types Pro Forma
File Types Pro Forma
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File Types Pro Forma
File Types Pro FormaFile Types Pro Forma
File Types Pro Forma
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
1. file types pro forma
1. file types pro forma1. file types pro forma
1. file types pro forma
 
File types
File typesFile types
File types
 
File types pro forma(1) (1)
File types pro forma(1) (1)File types pro forma(1) (1)
File types pro forma(1) (1)
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File Formats
File FormatsFile Formats
File Formats
 
Pro formula digital graphics
Pro formula digital graphicsPro formula digital graphics
Pro formula digital graphics
 
File types pro forma(1) (1)
File types pro forma(1) (1)File types pro forma(1) (1)
File types pro forma(1) (1)
 
File Types Pro Forma
File Types Pro FormaFile Types Pro Forma
File Types Pro Forma
 
File Types Pro-Forma
File Types Pro-FormaFile Types Pro-Forma
File Types Pro-Forma
 
Digital graphics file formats
Digital graphics file formats  Digital graphics file formats
Digital graphics file formats
 
File types.
File types.File types.
File types.
 

Viewers also liked

Magazine Pitch
Magazine PitchMagazine Pitch
Magazine Pitchalisrose1
 
Childrens book
Childrens bookChildrens book
Childrens bookalisrose1
 
Development pro forma !
Development pro forma !Development pro forma !
Development pro forma !alisrose1
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro formaalisrose1
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro formaalisrose1
 
luyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhômluyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhômHoanganh1411
 
Luyện tâp nhôm và hợp chất của nhôm
Luyện tâp nhôm và hợp chất của nhômLuyện tâp nhôm và hợp chất của nhôm
Luyện tâp nhôm và hợp chất của nhômHoanganh1411
 
luyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhômluyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhômHoanganh1411
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaalisrose1
 
Cac buoc thuc hien tro choi rung chuong vang
Cac buoc thuc hien tro choi rung chuong vangCac buoc thuc hien tro choi rung chuong vang
Cac buoc thuc hien tro choi rung chuong vangHoanganh1411
 
Veganism research
Veganism researchVeganism research
Veganism researchalisrose1
 
Factual writing example analysis
Factual writing example analysisFactual writing example analysis
Factual writing example analysisalisrose1
 

Viewers also liked (16)

Magazine Pitch
Magazine PitchMagazine Pitch
Magazine Pitch
 
Childrens book
Childrens bookChildrens book
Childrens book
 
Kich ban su pham
Kich ban su phamKich ban su pham
Kich ban su pham
 
Development pro forma !
Development pro forma !Development pro forma !
Development pro forma !
 
Development pro forma
Development pro formaDevelopment pro forma
Development pro forma
 
Evaluation
EvaluationEvaluation
Evaluation
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro forma
 
luyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhômluyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhôm
 
Luyện tâp nhôm và hợp chất của nhôm
Luyện tâp nhôm và hợp chất của nhômLuyện tâp nhôm và hợp chất của nhôm
Luyện tâp nhôm và hợp chất của nhôm
 
luyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhômluyện tập nhôm và hợp chất của nhôm
luyện tập nhôm và hợp chất của nhôm
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
Cac buoc thuc hien tro choi rung chuong vang
Cac buoc thuc hien tro choi rung chuong vangCac buoc thuc hien tro choi rung chuong vang
Cac buoc thuc hien tro choi rung chuong vang
 
Rungchuongvang
RungchuongvangRungchuongvang
Rungchuongvang
 
Veganism research
Veganism researchVeganism research
Veganism research
 
Planning
PlanningPlanning
Planning
 
Factual writing example analysis
Factual writing example analysisFactual writing example analysis
Factual writing example analysis
 

Similar to Raster vs Vector Graphics File Formats

Media homework (presentation)
Media homework (presentation)Media homework (presentation)
Media homework (presentation)Nhanning1
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formaKiran Crampton
 
Digital graphics file formats
Digital graphics file formats Digital graphics file formats
Digital graphics file formats Ellie Marsh
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formaurquhart11
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)Amelia101
 
File types pro forma doc
File types pro forma docFile types pro forma doc
File types pro forma docEmily Pinder
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaemma_crampton
 
File types pro forma
File types pro forma File types pro forma
File types pro forma Jack Head
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaRobert Smith
 
File types pro forma(1)talia
File types pro forma(1)taliaFile types pro forma(1)talia
File types pro forma(1)taliaFrankieHall0
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formaurquhart11
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formatsEthanPayne
 
File Types Pro Forma
File Types Pro Forma File Types Pro Forma
File Types Pro Forma james-ellis1
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formatsLee Morrell
 
Dan miller file types pro forma
Dan miller file types pro formaDan miller file types pro forma
Dan miller file types pro formadanielmiller525
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)charles-stick
 

Similar to Raster vs Vector Graphics File Formats (19)

File types
File typesFile types
File types
 
Media homework (presentation)
Media homework (presentation)Media homework (presentation)
Media homework (presentation)
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
Digital graphics file formats
Digital graphics file formats Digital graphics file formats
Digital graphics file formats
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 
File types pro forma doc
File types pro forma docFile types pro forma doc
File types pro forma doc
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File types pro forma
File types pro forma File types pro forma
File types pro forma
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File types pro forma(1)talia
File types pro forma(1)taliaFile types pro forma(1)talia
File types pro forma(1)talia
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
File type pro forma
File type pro forma File type pro forma
File type pro forma
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formats
 
File Types Pro Forma
File Types Pro Forma File Types Pro Forma
File Types Pro Forma
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formats
 
Dan miller file types pro forma
Dan miller file types pro formaDan miller file types pro forma
Dan miller file types pro forma
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 

More from alisrose1

Working to a brief pro forma LO1
Working to a brief pro forma LO1Working to a brief pro forma LO1
Working to a brief pro forma LO1alisrose1
 
Production for client project
Production for client projectProduction for client project
Production for client projectalisrose1
 
Client project oral presentation
Client project oral presentationClient project oral presentation
Client project oral presentationalisrose1
 
Idea development pro forma
Idea development pro formaIdea development pro forma
Idea development pro formaalisrose1
 
Production social action.pptx
Production social action.pptxProduction social action.pptx
Production social action.pptxalisrose1
 
Planning for social action
Planning for social actionPlanning for social action
Planning for social actionalisrose1
 
Production for Social Action
Production for Social ActionProduction for Social Action
Production for Social Actionalisrose1
 
Audience research
Audience researchAudience research
Audience researchalisrose1
 
Product Research
Product ResearchProduct Research
Product Researchalisrose1
 
Client factfile
Client factfileClient factfile
Client factfilealisrose1
 
Client factfile
Client factfileClient factfile
Client factfilealisrose1
 
Product research
Product researchProduct research
Product researchalisrose1
 
Copy editing
Copy editingCopy editing
Copy editingalisrose1
 
Existing Product Research
Existing Product ResearchExisting Product Research
Existing Product Researchalisrose1
 

More from alisrose1 (20)

Working to a brief pro forma LO1
Working to a brief pro forma LO1Working to a brief pro forma LO1
Working to a brief pro forma LO1
 
Evaluation
EvaluationEvaluation
Evaluation
 
Production for client project
Production for client projectProduction for client project
Production for client project
 
Client project oral presentation
Client project oral presentationClient project oral presentation
Client project oral presentation
 
Idea development pro forma
Idea development pro formaIdea development pro forma
Idea development pro forma
 
Evaluation
EvaluationEvaluation
Evaluation
 
Task 2.pptx
Task 2.pptxTask 2.pptx
Task 2.pptx
 
Production social action.pptx
Production social action.pptxProduction social action.pptx
Production social action.pptx
 
Planning for social action
Planning for social actionPlanning for social action
Planning for social action
 
Production for Social Action
Production for Social ActionProduction for Social Action
Production for Social Action
 
Audience research
Audience researchAudience research
Audience research
 
Product Research
Product ResearchProduct Research
Product Research
 
Client factfile
Client factfileClient factfile
Client factfile
 
Client factfile
Client factfileClient factfile
Client factfile
 
Product research
Product researchProduct research
Product research
 
Copy editing
Copy editingCopy editing
Copy editing
 
Existing Product Research
Existing Product ResearchExisting Product Research
Existing Product Research
 
Task 6
Task 6Task 6
Task 6
 
Task 3
Task 3Task 3
Task 3
 
Task 6
Task 6Task 6
Task 6
 

Recently uploaded

Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 

Recently uploaded (20)

Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 

Raster vs Vector Graphics File Formats

  • 2. Raster Graphics Raster Graphics are made up of Bitmaps which are images that are made up of pixels. Bitmaps do not lose or gain any pixels so when enlarged they will lose quality, as the pixels grow instead of multiply. When you compress or edit these types of graphics, they lose pixels and therefore quality.
  • 3. Vector Graphics Vector Graphics are made up of vectors. Vectors have a start and an end point with curves, points and angles between them. So therefore when they are resized, there are still as many pixels to the proportion that you have resized it by. Vectors can be made bigger and smaller without losing definition.
  • 5. JPEG Stands For Joint Photographic Experts Group Used For/Example Photographs and Web formats, e.g it is the format used for Google images most of the time and facebook, therefore is used by most people who have a computer as it is the most basic of file types. Advantage Have a smaller file size so can be easily compressed. It’s compatible with almost every website. It’s perfect for fast file sharing e.g Facebook photo. No editing required to print. Small file size yet high quality. Disadvantage Loses quality with each resize due to compression and recompression, and is therefore bad for editing/animation (lossy compression).
  • 6. TIFF Stands For Tagged Image File Format Used For/Example Used by graphic designers as a photo format. Advantage TIFFs don’t lose any quality from compression and recompression. You can also use lossy compression to make the file size smaller. It is a recognised format by most computers and is cross compatible with MAC and PC’s. It is the standard format for printing. Disadvantage The file size can get very big and will take a long time to upload or download. Most websites do not support TIFF uploads. You need a good specification computer to be able to process and load the
  • 7. GIF Stands For Graphics Interchange Format Used For/Example These are short animations, often used on Tumblr or to enhance product illustrations as well as provide visual instructions. Advantage They take up less memory than the alternative, which allows them to be used easily online because they load quicker without losing any quality. They support having transparent backgrounds which allows for more flexibility with the animation. Disadvantage It has much lower quality than the alternative as a GIF is a series of images played in a loop. They only have a maximum colour palette of 256 colours which also affects the quality, and makes them look more pixelated. They are dependant on internet connection to play properly when put on a website.
  • 8. BMP Stands For Bitmap image file Used For/Example Mostly used for image storing and creating, editing, and viewing images. They are also the type of images produced by digital cameras and scanners. Advantage It has no loss in compression. Bitmaps are made up of pixels which allow colours to be blended together which produces a more realistic image. This format is compatible with most editing software and is available to upload to most places on the internet. Disadvantage It has a large file size due to the amount of information needed to display all the pixels in various colours. They tend not to enlarge without becoming pixelated. They lose quality when being compressed and enlarged again due to not being lossless.
  • 10. PSD Stands For Photoshop Document Used For/Example Mostly for image editing and therefore professional image editors would more than likely use this type o file. Advantage The can handle simple vector layers which makes them more useful for importing. Because of their large file sizes, they can save a lot of file information which make them better for working files. They also support transparency so images can be saved without a background, this allows for more flexibility Disadvantage File sizes can get very big, since these lossless images use no compression. It makes it difficult to transfer or email. They also support colour profiles, spot colours, masks and alpha channels. They tend not to be supported outside of Adobe products.
  • 11. AI Stands For Adobe Illustrator Art Used For/Example Used for logo creation, a marketing team from a company are likely to use this file. Advantage No loss in definition when rescaling, so images are then of a higher quality. Disadvantage Large file sizes. File can only be edited and opened on Adobe, which limits their compatibility with anything else.
  • 12. FLA Stands For Flash File Used For/Example They are used to create games, and therefore animations. Advantage Can produce high quality files with small sizes. This makes them easy and fast to upload to the web, it can also use both sound and moving image which allows them to be a more sophisticated file type to use for moving image. Disadvantage Won’t work without Adobe Flash Player, as it is an Adobe-specific file.
  • 13. WMF Stands For Windows Meta File Used For/Example Used for logos, these are similar to AI files. However this is the windows version mainly used for clipart. These would also be used by a marketing team. Advantage Can be made big and small without losing quality and they contain both vector and bitmap graphics. Disadvantage They are only available to use on Windows specific platforms and have a low quality.
  • 15. Compression Definition Lossy compression is the way in which file sizes are reduced by reducing the amount of information that is saved. Advantage Saves memory by reducing the pixels per inch and therefore file size. Disadvantage Lowers quality and therefore images appear pixelated because less information is saved each time.
  • 16. Image Capture Method Scanner How is it used for image capture of graphics You use a machine that reads what the image looks like and puts it on your computer in your chosen format, it is a way of digitalising physical images. Method Camera How is it used for image capture of graphics Different types of light enter the camera through the lens, and then this is recorded by a sensor and turns that information into pixels and this then produces a digital image. Method Graphics Tablet How is it used for image capture of graphics You draw your image onto the tablet like a normal piece of paper and the computer picks up the movements and repeats them on the screen.
  • 17. Optimising Why would you optimise? You would optimise to ensure easy loading and viewing on the web. How can you optimise? You can do this by compressing the image, reducing the size in Photoshop or bit depth aswell as reducing the resolution. Advantage to optimising One advantage is it makes images load faster on the internet because it has a smaller file size. Disadvantage to optimising One disadvantage is low quality because there is less pixel information.
  • 19. File Size What could affect a Working Scale (Photoshop) document file size? Changing the size, changing the resolution, changing the bit depth, or compressing it will affect a Working Scale document file size. How could you reduce the file size of a Working Scale document without affecting quality? You could do this by using a vector file type. What is an advantage of scaling up images before exporting? The image will have a higher quality and look better. What is a disadvantage of scaling up images before exporting? It will take longer and be a large file size.