Digital file formats can be either raster or vector graphics. Raster graphics use pixels to form images while vector graphics use mathematical equations to define shapes. Common raster file formats include JPEG, TIFF, GIF and BMP, with each having advantages and disadvantages for image quality, file size and use cases. Vector formats include AI, PSD, FLA and WMF. File size can be optimized through compression and resizing while maintaining quality. Images are captured through scanners, cameras and graphics tablets and should be accurately named and organized into folders for easy asset management in projects.

1. Digital Graphics
File Formats
Shahzaib Yaqoob

2. Raster Graphics
• Give a definition of Raster Graphics
Raster Graphics is made in Bitmap, Bitmap is
made in tiny pixels which creates a picture. The
more pixels there is the better quality the
picture.

3. Vector Graphics
• Give a definition of Vector Graphics
Vector Graphics is made of vectors. They are
smooth and clean. They are often used for logos
and for professional companies like businesses.
Vectors Graphics also has less file size compare
to Bitmap and usually very high quality.

4. Raster Graphics

5. JPEG
Stands For Joint Photographic Experts Group
Used For/Example JPEG is a popular file format and they are
often used for photos and web formats.
Advantage The advantage of JPEG is that they don’t
take much space and everyone around the
world can view the file.
Disadvantage The problem of JPEG is that they loose
image quality overtime. JEPEG is not
subtitle for transparency images, for
drawing templates or logos.

6. TIFF
Stands For Tagged Image File Format
Used For/Example They are usually used for desktop
publishing, for designing and graphics.
Advantage TIFF can save multi pages in one file, this
makes it easier to find your work in one
file than multiple.
Another advantage about Tiff is that they
don’t loose its quality from compression.
Disadvantage The problem of TIFF is that the file size can
get too big by lots of pages with the
image. this could take a large portion of
your space.
TIFF is also hard for someone to email due
from the file size.

7. GIF
Stands For Graphics Interchange Format
Used For/Example GIF are used for short digital animation
and often used around the internet.
Advantage It creates a mini short video and some
GIFF are usually are creative.
GIF are sometimes great for sending
messages to people expressing their
emotion in a creative way.
GIFF also includes transparent
background.
Disadvantage The disadvantage of GIFFs that they are
usually in bad image quality.

8. BMP
Stands For Bitmap Image File
Used For/Example Bitmap is pretty much similar to TIFF and
GIFFs.
Advantage Unlike JPEG, they loose its quality while
being compressed but BMP will always
retain its full quality and doesn't get
compressed.
Disadvantage The problem with BMP is the file size is
large and its rarely used unlike JPEG,TIFFs
and GIFs.

9. Vector Graphics

10. PSD
Stands For Photoshop Document
Used For/Example PSD files are often used for image
manipulation and front cover images such
as magazines.
Advantage They great thing about PSD files they save
layers, page formatting information.
PSD also support Transparent.
Disadvantage The problem of PSD files that not
everyone can see it due from the
accessibility of mobiles phones.
The file size is also a problem with PSD
files as they too big.

11. AI
Stands For Adobe Illustrator Art
Used For/Example They often used for drawing, logo creation
and graphics to represent a companies
logo.
Advantage The advantage of AI is that they can be
scaled to big and small as vectors has no
loss in definition.
They are high quality and great for printing
Disadvantage The AI file can’t be embed it online.
Newer versions of AI may also create
problems with compatibility issues.
Less people can’t access the file in phones.

12. FLA
Stands For Flash File
Used For/Example They are generally used for entertainment
and advertising for webpages.
They are useful to create animation and
mini games. They could be played and see
often around the internet with websites
such like Newground.
Advantage FLA can create high quality files with a
small file they can also include sounds.
Disadvantage The problems with FLA is that people
could find problem accessing the file if
they had a slow internet connection.
The Flash can be disabled if the people
have flash content blocked

13. WMF
Stands For Windows Meta File
Used For/Example WMF is similar to AI, as the are used for
logos and graphic arts.
Advantage Windows Meta File can be scaled large
and small as they have no loss in
definition.
They can also contain both vector and
bitmap elements.
Disadvantage The problems with WMF is that they have
limitation such they don’t support rotation
in object and WMF also do not support
wide linetypes.

14. File Format Capture
and Optimising

15. Compression
Definition Loss Compression is where the files
size is reduced smaller to takeaway
the amount that is being saved.
Advantage The good thing about compression is that
the file creates more space and reduces
the file size smaller. This helps when
sending large files with email and also
creates space with your desktop or
memory device.
Disadvantage The problem with compression is that the
file may reduces some space but the
quality of the image will change and may
look blurry or pixelated depending the
quality of the picture. This will affect
professionalism of the work and loose
quality.

16. Image Capture
Method Scanner
How is it used for image capture of
graphics
Scanner can help digitalised physical
images like sketch, photographs onto a
device which can view and edit on a PC
Method Camera
How is it used for image capture of
graphics
Cameras can capture the physical picture
in a small device which later can transfer
to a machine and be altered.
Method Graphics Tablet
How is it used for image capture of
graphics
Graphic tablet is a device that can be draw,
sketch, colour digitally straight onto a
machine than a physical paper.

17. Optimising
Why would you optimise? You would optimised your images to
ensure easy access to view your photos on
the web. If they are not optimise then the
file will be larger and the image would
have to be downloaded which would take
a long time depending on the file size.
How can you optimise? You can optimise by changing the image
size, reducing bits of depths such as
getting less colour. You can also optimise
by reducing the resolution by having less
pixels.
Advantage to optimising The advantage of optimising is that you
website will preform quicker and your
images will load faster.
Disadvantage to optimising The disadvantage of optimising is that it
may loose quality depending how you
reducing the file size. It can also affect by
changing bits of aspect of your original
photo which could ruined such as the
colour or the size.

18. Storage

19. File Size
What could affect a Working Scale
(Photoshop) document file size?
The quality could normally affect the file
size by increasing the image size bigger
would increase more pixels.
How could you reduce the file size of a
Working Scale document without
affecting quality?
You could reduce the file size without
affecting the quality by going to the image
size option in Photoshop, by changing the
Bicubic automatic to Bicubic Sharper, and
make sure constrain proportions is
checked and change your pixels to half of
your original ratio for e.g.; 1000 pixels –
500 pixels.
What is an advantage of scaling up images
before exporting?
The advantage of scaling your images
before exporting is that you can be sure
that your image is in line in the right
measurement.
What is a disadvantage of scaling up
images before exporting?
The problem is that your may over scale
your image too many times which could
change the quality of your final image.

20. File Naming Conventions
What naming conventions could you use when
creating your video game assets?
When you naming your assets its important to
keep it short and easy to locate the file. For your
video game you would want to layout like this;
- Flying Monster (Game Character)
- HealthBar.png
- ManaBar.png
- Layout.xml
Why is it a good idea to accurately name your
assets?
It is good idea to accurately name your assets so
you have an idea of where to locate your files
and don’t get confuse with other files while
using some these assets when producing the
game.

21. Asset Management
Why would you use folders when storing
your assets?
You would use folders to store aspects as it
will organise and lays out your files neatly.
It will also make it simple to locate your
project than having mix files everywhere.
What folders would you create and what
would you save within them
You could create one folder naming your
project for an example;
VideoGameProject. You then can have
different individual folders that you can
save your assets on too.
The Name Character folder; Robot
• Image
• Sound
• Animation
• Scripts
• Sprite Sheet