Please enable JavaScript.
Coggle requires JavaScript to display documents.
task 1 (files and formats), Style guides - Coggle Diagram
task 1 (files and formats)
What is the difference between Raster and Vector images?
Raster
A two-dimensional graphic represented in a rectangular grid or array of pixels
Produced when scanning or photographing an object
Raster images are compiled using pixels grouped together to make an image
The number of pixels that make up an image determine the quality of an image
The more pixels in the image, the higher quality of the image will be
Vector
Can be re-sized infinitely to be larger or smaller, and they will still print out just as clearly
Graphics are made of paths or lines that can infinitely scalable because they operate based on algorithms rather than pixels, like a Raster image
Made using points, lines, curves and shapes that are based on mathematical formulas
Are created using geometric shapes on a cartesian plane
File formats
PDF
Stands for Portable Document Format
Universal format - content will always display consistently across any device
Can display video, audio, animation, and other interactive experiences
PNG
Widely used on websites to display high-quality digital images
Stands for Portable Network Graphic
A type of raster image file
It can handle graphics with transparent or semi-transparent backgrounds
Has a much broader and brighter colour palette
good colour gradients and transparency
JPG/JPEG
JPEG and JPG are the same file format
JPEG stands for Joint Photographic Experts Group
Able to compress impressive detail into a shareable file size
Usually contain a single image
Are both raster image file types
good for photos
TIFF
Stands for Tag Image File Format
Is a computer file used to store raster graphics and image information
A handy way to store high-quality images before editing if you want to avoid discarded file formats
Don't lose image quality
Enable a user to tag up extra image information and data
GIF
Is a Raster file format designed for basic images that appear mainly on the Internet
Each file can support up to 8 bits per pixel
Allow images or frames to be combined to create basic animations
Stands for Graphics Interchange Format
designed to display simple images and animation
small file size
good for solid colours
BMP
Bitmap
like a JPG, PNG, GIF
no layers
EPS
generic .ai file
Encapsulated PostScript
vector file
SVG
small file size
infinetly scalable
high-quality
Super Vector Graphic
file comes as code
calculation
Style guides
A document that contains design guidelines for each repeatedly used design element
Ensures that you're always presenting your company's same image
A crucial tool in developing a memorable brand identity
Logo, typography, imagery, colour etc.