SlideShare a Scribd company logo
1 of 21
Digital Graphics
File Formats
Richard Barber
Raster Graphics
• Give a definition of Raster Graphics
Raster graphics are made up of pixels and have a pre-set resolution, so if the person was to
expand or compress the image then the picture will become pixelated and distorted leading to
overall just bad image quality and it will make the picture harder to see.
So when any number of pixels are expanded in an image (when it is a raster graphic) the picture
only becomes distorted because it has the same pixels and the same amount of detailing its juts
they have been spread out across a wider surface.
Vector Graphics
• Give a definition of Vector Graphics
Vector graphics are made up of paths or strokes and these paths can become a line or a shape .
With a vector image the definition is never lost, so the image can be expanded and all the same
amount of detailing will be restored. So the edges stay smooth and clean. Which means that
these graphics are better when it comes to specific areas within media, so can be better with
logos. This is so that you don’t have to keep recreating the same image at different sizes just to fit
them on different products, instead you can just change the image accordingly with a vector
graphic. Another good example of what vector graphics could be useful for is for billboards as if
you have created your image slightly small you can quickly make it much bigger, not lose
definition and make it able to be seen on the billboard.
Raster Graphics
JPEG
Stands For Joint Photographic Experts Group
Used For/Example It is used mainly for display images, so can
be used as backgrounds or social media
photos.
Advantage The image already has a good quality due
to the amount of pixels to the size of the
image.
Has a small file size so can easily be stored
and moved around with very little time.
Disadvantage Involves a raster graphic so loses quality
upon compression and expansion.
Therefore doesn’t agree very well with
sharp edges or major changes very well at
all.
TIFF
Stands For Tagged Image File Format
Used For/Example A TIFF is used for desktop publishing and Is
used for creating magazine covers or
books.
Advantage Can store multiple pages onto one file so is
popular with graphic designers so that
they can create several different pages and
save them to one document rather than
having many different documents for each
page.
With a TIFF file there is also no quality lost
when the work is compressed.
Disadvantage Has a rather large file size due to storing
multiple pages on one document so
transferring around will take some time.
GIF
Stands For Graphic Interchange Format
Used For/Example The gif is used mainly on social media and
websites and are normally really short
collection of images played fast to look like
a moving image.
Advantage An advantage would be that the file size is
so small and can easily be compressed as a
small file so will not take much time to
transfer the file around.
Disadvantage It seems to be an out-dated technology as
there are many more files that can do this.
Once the code has been transferred to a
gif then there is no going back and redoing
the work.
BMP
Stands For Bitmap Image File
Used For/Example These are used to store bitmap images,
these are rather complex and a quite
similar to JPEGS.
Advantage The file can easily be created from other
or existing pixel data.
Can easily be transferred to output devices
and translate well to these devices. e.g.
printers.
Disadvantage A large file size is normal with a BMP file
as it stores so much and will take more
time to move around and send to different
people.
Vector Graphics
PSD
Stands For Photoshop Document
Used For/Example Is used to manipulate images and add
layers onto them
Advantage Saves the individual layers that are put
onto the document making transferring
the file, somewhere else and then carrying
on a lot easier.
Disadvantage The file size can be rather large so
downloading and moving the file around
can take quite a bit of time. Compressing
can make not very much difference.
AI
Stands For Adobe illustrator Art
Used For/Example Is used to create logos and is a good
software to use for this because of the
vector graphics, this will make the company
look good as the main picture they will see
for them (logo’s) will not be at all distorted
or show clear pixel definition.
Advantage Doesn’t lose definition due to it being a
vector graphic therefore can be scaled to
different sizes and it wont make any
difference.
Disadvantage With the software being for design it can
take several hours to get used to the
software and work out exactly what to do
FLA
Stands For Flash File
Used For/Example Is used to create animations and games.
Advantage The person using this type of a file can
make very high quality animations and
keep the file size low.
Can add in sounds to the file to play
alongside the moving animation.
Therefore giving the moving image more
of a depth to the animation whilst
maintaining the low file size.
Disadvantage A disadvantage is that the file cannot be
supported on the internet without a
specific update or installation to fix he
problem which is quite time consuming.
WMF
Stands For Windows Metafile
Used For/Example This file is another one that is used for
logos and contains both vectors and
bitmaps. The file is similar to an AI.
Advantage Can be enlarged or compressed as it is a
vector graphic and these do not lose
definition when increased or decreased in
size.
Contain elements of bitmap and vector
components.
Disadvantage With the file only being from windows if
the person trying to use this file is on an
apple mac for example then there will be a
problem with compatibility.
File Format Capture
and Optimising
Compression
Definition When something is compressed it is made
smaller, this in terms of imagery and
graphics can largely affect the image due
to the amount of pixels included in a
normal picture (JPEG or a TIFF).
Advantage Is the saved file is a vector graphic (PSD or
AI) then no image quality is lost due to this
method.
Disadvantage When the image file is compressed the file
can lose the quality and look pixelated if
the file is a raster e.g. a JPEG or GIF file
format.
Image Capture
Method Scanner
How is it used for image capture of
graphics
With the scanner its allows users to capture images by using the
device to make a digital copy of the hand drawn image which
can then be put forward onto a document or easily uploaded to
the internet.
Method Camera
How is it used for image capture of
graphics
With the camera it allows you to take images which
can be put forward onto a computer to create a gif or
be uploaded to the internet.
Method Graphics Tablet
How is it used for image capture of
graphics
A recent development in technology that allows
people to hand draw images and instantly transfer the
data onto the computer screen so you don’t have to
use a mouse to draw an image if you can just draw it
anyway.
Optimising
Why would you optimise? Optimization of an image can lead to
making the image easier to view and if
not optimized may take a long time to
download due to the size of the file being
so big.
How can you optimise? to optimise the the image you can do several
different things all of which can decrease the
file size and make it easier to upload and view
on the internet, one of which is by simply
reducing the image size. Other examples include
reducing the bit depth and reducing the
resolution.
Advantage to optimising Can make the file size a lot smaller and
therefore will increase download time as
the file wont need to download as much
data.
Disadvantage to optimising Can reduce saturation from the image and
also can destroy resolution, so can either
show no colouring or just be a picture of a
Storage
File Size
What could affect a Working Scale
(Photoshop) document file size?
What can affect a working scale
document is pixel resolution and size of
the image, which can also be from hiding
certain layers that can affect the size of
the file.
How could you reduce the file size of a
Working Scale document without
affecting quality?
To reduce the file size of the document
you could just compress (optimise) the
image, if the document is a PSD file then it
will not lose quality becausee it is a vector
graphic.
What is an advantage of scaling up images
before exporting?
If the image has been scaled to a better
size the file size can decrease and
therefore the time it takes to successfully
move the file around will not take very
long.
What is a disadvantage of scaling up
images before exporting?
The different scale factor choices that are
[present are limited so will have to cut
some of the image in order to export it.
File Naming Conventions
What naming conventions could you use
when creating your video game assets?
You could separate them out so have one for the planning, one
for all the different elements of production. This could include
having the different images saved in one folder and then all the
animations of the game in another then showing the worlds and
all the architecture within the world to give a proper detailing
into the work.
Why is it a good idea to accurately name
your assets?
So that you know exactly what information is in which file so
finding these will be simple and will not cost time when finding
them.
So having this extra level of organisation can make getting
everything sent around a lot more of an easier task and will save
time.
Asset Management
Why would you use folders when storing
your assets?
When keeping folders it is the best way in order
to keep all your files at hand and in a safe folder
where you can organise everything that you
need and not lose the work.
What folders would you create and what
would you save within them
For example the folder could be saved under
the video games and then having all the
different files saved in there in their own
separate folders.

More Related Content

What's hot

Unit 54 Task1
Unit 54 Task1Unit 54 Task1
Unit 54 Task1Jo Lowes
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaRobert Smith
 
File Formats
File FormatsFile Formats
File FormatsGW8
 
File types pro forma(1)talia
File types pro forma(1)taliaFile types pro forma(1)talia
File types pro forma(1)taliaFrankieHall0
 
File types pro forma(1) 2
File types pro forma(1) 2File types pro forma(1) 2
File types pro forma(1) 2matt darley
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaAlisia Morse
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)Joe Young
 
Graphics case study.pptx (1)
Graphics case study.pptx (1)Graphics case study.pptx (1)
Graphics case study.pptx (1)Sam Hughes
 
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 formaOli Walwyn
 
File types alis rose
File types alis rose File types alis rose
File types alis rose alisrose1
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formaurquhart11
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaKellySteer
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaBen Clayton
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)FrankieHall0
 

What's hot (20)

Unit 54 Task1
Unit 54 Task1Unit 54 Task1
Unit 54 Task1
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File types.
File types.File types.
File types.
 
File Formats
File FormatsFile Formats
File Formats
 
File types pro forma(1)talia
File types pro forma(1)taliaFile types pro forma(1)talia
File types pro forma(1)talia
 
File types.
File types.File types.
File types.
 
File types pro forma(1) 2
File types pro forma(1) 2File types pro forma(1) 2
File types pro forma(1) 2
 
File types
File typesFile types
File types
 
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)
 
Graphics case study.pptx (1)
Graphics case study.pptx (1)Graphics case study.pptx (1)
Graphics case study.pptx (1)
 
File types pro forma(2)
File types pro forma(2)File types pro forma(2)
File types pro forma(2)
 
File type pro forma
File type pro forma File type pro forma
File type pro forma
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
File types alis rose
File types alis rose File types alis rose
File types alis rose
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
File types
File typesFile types
File types
 
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(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 

Viewers also liked

Viewers also liked (11)

Verdes mares
Verdes maresVerdes mares
Verdes mares
 
Nd pharma a brighter future ahead
 Nd pharma a brighter future ahead Nd pharma a brighter future ahead
Nd pharma a brighter future ahead
 
LPS Überblick
LPS ÜberblickLPS Überblick
LPS Überblick
 
Problemas de aprendizaje
Problemas de aprendizajeProblemas de aprendizaje
Problemas de aprendizaje
 
Report for tesl jan 23, 2016
Report for tesl jan 23, 2016Report for tesl jan 23, 2016
Report for tesl jan 23, 2016
 
3 msc
3 msc3 msc
3 msc
 
Iniciativa con proyecto de decreto por el que se reforma el art 135 del c p c...
Iniciativa con proyecto de decreto por el que se reforma el art 135 del c p c...Iniciativa con proyecto de decreto por el que se reforma el art 135 del c p c...
Iniciativa con proyecto de decreto por el que se reforma el art 135 del c p c...
 
Crniuhigiuhlknjkñmol
CrniuhigiuhlknjkñmolCrniuhigiuhlknjkñmol
Crniuhigiuhlknjkñmol
 
развернутый план к презентации "Аксиомы в кленовых листья"
развернутый план к презентации "Аксиомы в кленовых листья"развернутый план к презентации "Аксиомы в кленовых листья"
развернутый план к презентации "Аксиомы в кленовых листья"
 
Power point tatyana
Power point tatyanaPower point tatyana
Power point tatyana
 
Slaughter-house feasibility report
Slaughter-house feasibility reportSlaughter-house feasibility report
Slaughter-house feasibility report
 

Similar to Digital Graphics File Formats and Optimisation Guide

Digital graphics file formats
Digital graphics file formats  Digital graphics file formats
Digital graphics file formats Ellie Marsh
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)Benedict Terry
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro formaurquhart11
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaSophieBaker98
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formatsLee Morrell
 
File types pro forma
File types pro formaFile types pro forma
File types pro formaCheekiBreeki
 
File Types Pro Forma
File Types Pro FormaFile Types Pro Forma
File Types Pro FormaNatalie-Lynch
 
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 formaImogen Hick
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formatsEthanPayne
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)ENCRES DUBUIT
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)aa12134455
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)ENCRES DUBUIT
 

Similar to Digital Graphics File Formats and Optimisation Guide (15)

Digital graphics file formats
Digital graphics file formats  Digital graphics file formats
Digital graphics file formats
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 
Digital graphics pro forma
Digital graphics pro formaDigital graphics pro forma
Digital graphics pro forma
 
File types pro forma
File types pro formaFile types pro forma
File types pro forma
 
Digital graphics file formats
Digital graphics file formatsDigital graphics file formats
Digital graphics file formats
 
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 forma File types pro forma
File types pro forma
 
1. file types pro forma
1. file types pro forma1. file types pro forma
1. 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 formatsDigital graphics file formats
Digital graphics file formats
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 
File types pro forma(1)
File types pro forma(1)File types pro forma(1)
File types pro forma(1)
 

More from richard barber

More from richard barber (8)

Final pages
Final pagesFinal pages
Final pages
 
Final pages
Final pagesFinal pages
Final pages
 
Final pages
Final pagesFinal pages
Final pages
 
Planning booklet
Planning bookletPlanning booklet
Planning booklet
 
Development pro forma rich b
Development pro forma rich bDevelopment pro forma rich b
Development pro forma rich b
 
Childrens book reviews
Childrens book reviewsChildrens book reviews
Childrens book reviews
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro forma
 
Digital graphics evaluation pro forma
Digital graphics evaluation pro formaDigital graphics evaluation pro forma
Digital graphics evaluation pro forma
 

Recently uploaded

microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024Janet Corral
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfchloefrazer622
 
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
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room servicediscovermytutordmt
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfagholdier
 

Recently uploaded (20)

Advance Mobile Application Development class 07
Advance Mobile Application Development class 07Advance Mobile Application Development class 07
Advance Mobile Application Development class 07
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
General AI for Medical Educators April 2024
General AI for Medical Educators April 2024General AI for Medical Educators April 2024
General AI for Medical Educators April 2024
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Disha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdfDisha NEET Physics Guide for classes 11 and 12.pdf
Disha NEET Physics Guide for classes 11 and 12.pdf
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
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
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
9548086042 for call girls in Indira Nagar with room service
9548086042  for call girls in Indira Nagar  with room service9548086042  for call girls in Indira Nagar  with room service
9548086042 for call girls in Indira Nagar with room service
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 

Digital Graphics File Formats and Optimisation Guide

  • 2. Raster Graphics • Give a definition of Raster Graphics Raster graphics are made up of pixels and have a pre-set resolution, so if the person was to expand or compress the image then the picture will become pixelated and distorted leading to overall just bad image quality and it will make the picture harder to see. So when any number of pixels are expanded in an image (when it is a raster graphic) the picture only becomes distorted because it has the same pixels and the same amount of detailing its juts they have been spread out across a wider surface.
  • 3. Vector Graphics • Give a definition of Vector Graphics Vector graphics are made up of paths or strokes and these paths can become a line or a shape . With a vector image the definition is never lost, so the image can be expanded and all the same amount of detailing will be restored. So the edges stay smooth and clean. Which means that these graphics are better when it comes to specific areas within media, so can be better with logos. This is so that you don’t have to keep recreating the same image at different sizes just to fit them on different products, instead you can just change the image accordingly with a vector graphic. Another good example of what vector graphics could be useful for is for billboards as if you have created your image slightly small you can quickly make it much bigger, not lose definition and make it able to be seen on the billboard.
  • 5. JPEG Stands For Joint Photographic Experts Group Used For/Example It is used mainly for display images, so can be used as backgrounds or social media photos. Advantage The image already has a good quality due to the amount of pixels to the size of the image. Has a small file size so can easily be stored and moved around with very little time. Disadvantage Involves a raster graphic so loses quality upon compression and expansion. Therefore doesn’t agree very well with sharp edges or major changes very well at all.
  • 6. TIFF Stands For Tagged Image File Format Used For/Example A TIFF is used for desktop publishing and Is used for creating magazine covers or books. Advantage Can store multiple pages onto one file so is popular with graphic designers so that they can create several different pages and save them to one document rather than having many different documents for each page. With a TIFF file there is also no quality lost when the work is compressed. Disadvantage Has a rather large file size due to storing multiple pages on one document so transferring around will take some time.
  • 7. GIF Stands For Graphic Interchange Format Used For/Example The gif is used mainly on social media and websites and are normally really short collection of images played fast to look like a moving image. Advantage An advantage would be that the file size is so small and can easily be compressed as a small file so will not take much time to transfer the file around. Disadvantage It seems to be an out-dated technology as there are many more files that can do this. Once the code has been transferred to a gif then there is no going back and redoing the work.
  • 8. BMP Stands For Bitmap Image File Used For/Example These are used to store bitmap images, these are rather complex and a quite similar to JPEGS. Advantage The file can easily be created from other or existing pixel data. Can easily be transferred to output devices and translate well to these devices. e.g. printers. Disadvantage A large file size is normal with a BMP file as it stores so much and will take more time to move around and send to different people.
  • 10. PSD Stands For Photoshop Document Used For/Example Is used to manipulate images and add layers onto them Advantage Saves the individual layers that are put onto the document making transferring the file, somewhere else and then carrying on a lot easier. Disadvantage The file size can be rather large so downloading and moving the file around can take quite a bit of time. Compressing can make not very much difference.
  • 11. AI Stands For Adobe illustrator Art Used For/Example Is used to create logos and is a good software to use for this because of the vector graphics, this will make the company look good as the main picture they will see for them (logo’s) will not be at all distorted or show clear pixel definition. Advantage Doesn’t lose definition due to it being a vector graphic therefore can be scaled to different sizes and it wont make any difference. Disadvantage With the software being for design it can take several hours to get used to the software and work out exactly what to do
  • 12. FLA Stands For Flash File Used For/Example Is used to create animations and games. Advantage The person using this type of a file can make very high quality animations and keep the file size low. Can add in sounds to the file to play alongside the moving animation. Therefore giving the moving image more of a depth to the animation whilst maintaining the low file size. Disadvantage A disadvantage is that the file cannot be supported on the internet without a specific update or installation to fix he problem which is quite time consuming.
  • 13. WMF Stands For Windows Metafile Used For/Example This file is another one that is used for logos and contains both vectors and bitmaps. The file is similar to an AI. Advantage Can be enlarged or compressed as it is a vector graphic and these do not lose definition when increased or decreased in size. Contain elements of bitmap and vector components. Disadvantage With the file only being from windows if the person trying to use this file is on an apple mac for example then there will be a problem with compatibility.
  • 15. Compression Definition When something is compressed it is made smaller, this in terms of imagery and graphics can largely affect the image due to the amount of pixels included in a normal picture (JPEG or a TIFF). Advantage Is the saved file is a vector graphic (PSD or AI) then no image quality is lost due to this method. Disadvantage When the image file is compressed the file can lose the quality and look pixelated if the file is a raster e.g. a JPEG or GIF file format.
  • 16. Image Capture Method Scanner How is it used for image capture of graphics With the scanner its allows users to capture images by using the device to make a digital copy of the hand drawn image which can then be put forward onto a document or easily uploaded to the internet. Method Camera How is it used for image capture of graphics With the camera it allows you to take images which can be put forward onto a computer to create a gif or be uploaded to the internet. Method Graphics Tablet How is it used for image capture of graphics A recent development in technology that allows people to hand draw images and instantly transfer the data onto the computer screen so you don’t have to use a mouse to draw an image if you can just draw it anyway.
  • 17. Optimising Why would you optimise? Optimization of an image can lead to making the image easier to view and if not optimized may take a long time to download due to the size of the file being so big. How can you optimise? to optimise the the image you can do several different things all of which can decrease the file size and make it easier to upload and view on the internet, one of which is by simply reducing the image size. Other examples include reducing the bit depth and reducing the resolution. Advantage to optimising Can make the file size a lot smaller and therefore will increase download time as the file wont need to download as much data. Disadvantage to optimising Can reduce saturation from the image and also can destroy resolution, so can either show no colouring or just be a picture of a
  • 19. File Size What could affect a Working Scale (Photoshop) document file size? What can affect a working scale document is pixel resolution and size of the image, which can also be from hiding certain layers that can affect the size of the file. How could you reduce the file size of a Working Scale document without affecting quality? To reduce the file size of the document you could just compress (optimise) the image, if the document is a PSD file then it will not lose quality becausee it is a vector graphic. What is an advantage of scaling up images before exporting? If the image has been scaled to a better size the file size can decrease and therefore the time it takes to successfully move the file around will not take very long. What is a disadvantage of scaling up images before exporting? The different scale factor choices that are [present are limited so will have to cut some of the image in order to export it.
  • 20. File Naming Conventions What naming conventions could you use when creating your video game assets? You could separate them out so have one for the planning, one for all the different elements of production. This could include having the different images saved in one folder and then all the animations of the game in another then showing the worlds and all the architecture within the world to give a proper detailing into the work. Why is it a good idea to accurately name your assets? So that you know exactly what information is in which file so finding these will be simple and will not cost time when finding them. So having this extra level of organisation can make getting everything sent around a lot more of an easier task and will save time.
  • 21. Asset Management Why would you use folders when storing your assets? When keeping folders it is the best way in order to keep all your files at hand and in a safe folder where you can organise everything that you need and not lose the work. What folders would you create and what would you save within them For example the folder could be saved under the video games and then having all the different files saved in there in their own separate folders.