Unit 30- Digital Graphics THEORY P2 and D2

Slides:



Advertisements
Similar presentations
Raster Graphics 2.01 Investigate graphic image design.
Advertisements

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.
Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.
ISYS 3074 Graphics File Formats File formats have developed with applications. At least 50 currently in use. Examples include: GIF, JPEG, TIFF, BMP, DIB,
2.01 Understand Digital Raster Graphics
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Welcome to a New Quarter Class Rules and Responsibilities What will be learning? 106-Static and Dynamic Visualization 105-Synthesize Data for SciVis Video-Real.
Manipulating Images Image A visual representation of something that is seen in real life. It can be two-dimensional or three-dimensional A visual representation.
File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.
Zinnia Bell. RAWimages are image files that have not yet processed, they contain minimally processed data from the image sensor of either a image scanner,
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
Digital Imaging Utah State University Extension Eric Hawley.
Digital Imaging Raster (Bitmapped) Images. 1. How they work…  Image data is stored in literal “map”  Each pixel (picture element) is measured for its.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
Digital Cameras And Digital Information. How a Camera works Light passes through the lens Shutter opens for an instant Film is exposed to light Film is.
Digital Image Formats: An Explanation Guilford County SciVis V
Information Processes and Technology Multimedia: Graphics.
By Millie and Ellece. D IFFERENT T YPES OF G RAPHICS Bitmap Formats JPEG GIF PNG PSD TIFF.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Graphic Format Factors
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
By Courtney Field Creative digital graphics. Types of graphics and examples There are a number of different types of graphics file formats. Each type.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
Task 3 Store and Present Your Digital Entry Guidance Notes.
Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.
Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Digital Image Formats: An Explanation Guilford County SciVis V
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Information Systems Design and Development Media Types Computing Science.
Graphic Format Factors
2.01 Understand Digital Raster Graphics
Common Bitmap Image File Types
2.01 Understand Digital Raster Graphics
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Graphic Format Factors
Computer Science Higher
2.01 Understand Digital Raster Graphics
Sci Vis I Exam Review Unit 6 File Formats.
2.01 Investigate graphic image design.
Raster Images CPSC 1030.
Choosing the right image format
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
A computer display is made up of small squares, called pixels.
Digital Images.
Digital Image Formats: An Explanation
1.01 Investigate graphic types and file formats.
Representing Images 2.6 – Data Representation.
Web Design and Development
2.01 Understand Digital Raster Graphics
Graphic Format Factors
Graphic Format Factors
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
Graphic Format Factors
Graphic Format Factors
2.01 Investigate graphic image design.
Graphic Format Factors
Graphic Format Factors
2.01 Investigate graphic image design.
Graphic Format Factors
Creating Digital Graphics
Presentation transcript:

Unit 30- Digital Graphics THEORY P2 and D2

What Is P2?

What Is D2? For D2, learners need to use and show use of: different file formats different compression techniques different image resolutions different colour depths For each show the differences between the origional and final file sizes and discuss the differences

What Where? P2 Information Goes In Client Proposal (General Background Information) D2 Evidence Goes In Client Proposal A Mix Of Screenshots / Written Evidence

File Handling What Is File Management or File Handling It is making sure that converted files; file sizes; file formats eg jpg, bmp are in correct format in your folder structure Always name your files properly Always setup folder structures that help you find your work

Graphical File Conversion You cant just convert one type to another Many of these image formats are native to one specific graphic application and are not offered as an export option in other software. Not all vector and bitmap graphics convert / swap file formats If you need to convert between other formats, you can check into the image converters,image editors and image viewers 

Different compression techniques Compression can be lossy or lossless. Lossless compression means that as the file size is compressed, the picture quality remains the same - it does not get worse. Also, the file can be decompressed to its original quality. Lossy compression permanently removes data.

Let’s Watch A Video https://www.youtube.com/watch?v=2Qo5prktYNQ

File Compression PNG PNG is a lossless compression type. It is often used where the graphic might be changed by another person or where the image contains layers of graphics that need to be kept separate from each other. It is high quality. JPEG JPEG is often used for digital camera images because it has a fairly small file size for the quality that it displays. JPEG is a lossy format that offers a higher compression rate than PNG in the trade-off for quality. GIF GIF compresses images to a maximum 8-bit colour depth, making it unsuitable for high-quality photographs. GIF is often used where transparency is needed on the graphic. GIF can also be used to store simple animated images.

Compressing File Sizes Below are comparisons of the same image saved in several popular file types. Tiff, uncompressed 901K  Tiff, LZW lossless compression (yes, its actually bigger) 928K  JPG, High quality 319K  JPG, medium quality 188K  JPG, moderate web quality 105K  JPG, low quality / high compression 50K  JPG, absurdly high compression 18K  PNG, lossless compression 741K  GIF, lossless compression, but only 256 colors 131K

File Formats, Meanings & Compression

What Is Colour Depth?

Different image resolutions Image resolution is the detail an image holds. The term applies to raster digital images, film images, and other types of images. For example, an image that is 2048 pixels wide and 1536 pixels high (2048X1536) contains (multiply) 3,145,728 pixels (or 3.1 Megapixels). Higher resolution means more image detail or quality. Quality and Compression The quality of the image can also be manipulated.  Here we use the word "compression".  An uncompressed image is saved in a file format that doesn't compress the pixels in the image at all.  BMP or TIF files do not compress the image.  If you want to reduce the "file size" (number of megabytes required to save the image), you can choose to store your image as a JPG file and choose the amount of compression you want before saving the image.

What Is Best Where?