1 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB PC Graphics - From Megabytes To Modest Bytes By Murray Niman G6JYB.

Slides:



Advertisements
Similar presentations
Digital Multimedia.
Advertisements

L.Ghadah R. Hadba CT1514-L1.  Computer Graphics :refers to processing of creating a new image from Geometry, Lighting parameters, Materials and Textures.Using.
Droddy.  “Pixel” is short for two words: Picture and Element. Pixels (tiny squares) combine to form the image the human eye perceives Too small for the.
Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.
A Digital Imaging Primer Nick Dvoracek Instructional Resources Center University of Wisconsin Oshkosh.
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.
ETT 429 Spring 2007 Digital Photography/Scanners.
Digital Still Images ETT June Multimedia Assets Still Images Audio Video.
Graphics in the web Digital Media: Communication and Design
Introduction to Computer Graphics
How Images are Represented Bitmap images (Dots used to draw the image) Monochrome images 8 bit grey scale images 24 bit colour Colour lookup tables Vector.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
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.
Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.
An Introduction to Scanning and Storing Photographs and Graphics Bryn Jones Aug 2002
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Images you see on your screen are made up of these things called pixels. A screen will show over 1 million pixels and then a computer has to do what it.
Prepared by George Holt Digital Photography BITMAP GRAPHIC ESSENTIALS.
CS 1308 Computer Literacy and the Internet. Creating Digital Pictures  A traditional photograph is an analog representation of an image.  Digitizing.
Graphics and Multimedia Foundation Computing The beatings will continue until morale improves.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Multimedia Specification Design and Production 2012 / Semester 1 / L4 Lecturer: Dr. Nikos Gazepidis
Module Code: CU0001NI Technical Information on Digital Images Week -2.
Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.
All About File Formats Mr. Butler John Jay High School Department of Technology.
File Sizes & Types. Size Matters Kilobytes (K) 1024 bytes = 1 kilobyte— a tiny trademark graphic or log might be a few kilobytes in size, whereas a full.
Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.
Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.
Graphics workshop Library and Information Services University of St Andrews.
Photoshop Photoshop works with bitmapped, digitized images (that is, continuous-tone images that have been converted into a series of small squares, or.
File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.
Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.
Unit 1: Task 1 By Abbie Llewellyn. Vector Graphic Software (Corel Draw) Computer graphics can be classified into two different categories: raster graphics.
Multimedia. What is a graphic?  A graphic can be a: Chart Drawing Painting Photograph Logo Navigation button Diagram.
Using the Sony DSC-P52 Camera Sunday, December 06, 2015.
Raster Graphics 2.01 Investigate graphic image design.
Computer Graphics Unit 23 Computer Graphics. Computer Graphics Computer generated imagery can be categorized into several different types: Vector or Bitmap.
Bitmap images Resizing bitmaps Vector images Why are there so many image file formats? Resolution and Scanning “Bits” and.bmp files Photo editors JPG file.
Digital Images are represented by manipulating this…
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.
Exploring Web Design Chapter 1. Objectives Develop a new perspective of the WWW Learn what makes a website good or bad Discover how to apply objective.
Information Technology Images: Types, Resolution and Techniques.
Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.
8 Graphics Digital Media I. What is a graphic? A graphic can be a:  Chart  Drawing  Painting  Photograph  Logo  Navigation button  Diagram.
Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Image Editing Vocabulary Words Pioneer Library System Norman Public Library Nancy Rimassa, Trainer Thanks to Wikipedia ( help.
WEB GRAPHICS EXPLORING COMPUTER SCIENCE - LESSON 3-4.
Scanner Scanner Introduction: Scanner is an input device. It reads the graphical images or line art or text from the source and converts.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
Understanding Web Graphics
Exploring Computer Science - Lesson 3-4
Exploring Computer Science - Lesson 3-4
Computer Graphics Different Images File.
Exploring Computer Science - Lesson 3-4
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Image File Size and File Compression
LET’S LEARN ABOUT GRAPHICS!
1.01 Investigate graphic types and file formats.
Introduction to Computer Graphics
An Introduction to Scanning and Storing Photographs and Graphics
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Presentation transcript:

1 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB PC Graphics - From Megabytes To Modest Bytes By Murray Niman G6JYB

2 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB The Problem SIZE MATTERS ! How is it I can download a web page such as BBC News which may have 40 Images in a few seconds? But my mates send me Megabyte photos which take ages to load and cost a fortune on the phone bill (or inkjet cartridges) OR I must have the latest 6-Megapixel camera - and I get the same problem

3 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Common Formats BMP - Bit Map (1, 16, 256,32K or 16M Colours, no compression) GIF - Graphics Interchange Format (Compuserve) (1, 16, 256) JPG/JPEG - Joint Photographic Experts Group (16m only) TIF - Tagged Image Format (Usually 16m) Also lots of others:- PNG - Portable Network Graphics, PCX, WMF, PBM, EPS etc etc Most of the ones we are concerned with are raw pixel data. Do not confuse with WMF, PDF, Flash, smart shapes, Wordart etc

4 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Other Formats Powerpoint - combines any Pictures with text and graphics Shockwave (SWF) & Flash - Vectored animation Movies:- AVI Microsoft Video (but can be compressed into WMV, DivX) MPG - Motion Picture Experts Group MOV - Apple Quicktime Movie GIF - Animated - Very inefficient but ok for web pages

5 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Colours A Pixel = A Picture Cell - one dot that is a colour Everything is binary: 1 bit = 0 or 1 = Black or White 16 colours = 4bits or half a byte One Byte 2^8 = 256 colours = a bit low for Colour photos Three Bytes = 24 bits, 2^24 = 16million colours (256 Red, Blue and Green) Note - a black/white photo is grey (RGB are all the same) Colour uses RGB so needs upto three bytes instead of one

6 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Pixels Pages and Sizes DPI - Dots per Inch (or pixels per inch ) An A4 page is ~12x8” dpiPixelsTotal Pixels 75900x600540, x800960, x12002,160, x16003,840, x24008,640, x480034,560, x ,240, x ,960,000 - and remember is often 3bytes per pixel for full colour

7 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Cameras, Scanners, Screens & Printers They are all different ! Screens are 75-90dpi Printers are Cameras / Scanners can zoom (Optical Zoom saves megapixels) You cannot get a 1:1 size from Scanner to Screen to Printer If you know its final use, choose the size in advance

8 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Size & Area This can give Big Gains... A picture that is half the size is a quarter of the area/no of pixels Crop unnecessary items around the borders Resizing the remainder down by 30 or 50% Line Graphics: If an image is a graph, circuit diagram, map etc it will only need between 2 and 256 colours - Using GIF is very economic and better quality than Jpeg High JPEG Compression doesn’t save much but can ruin photos

9 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Noise Need good quality originals: Clean high contrast images use far less space than noisy/busy ones (Lots of pixels can be tied up on grass blades, leaves etc) Raising contrast and decreasing/merging colours can save a lot Flooding a slightly noisy background with black or white etc can save a lot If it is almost grey, then make it a greyscale and reduce to 16 colours

10 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB How Many Colours? Graphs/diagrams may only need 16 colours A photo may use 16million! (but rarely needs them all) A picture that is half the size is a quarter of the area/no of pixels Many pictures on the web are reduced to 256 or less So not only does size matter, colour count does too

11 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Example JPG: BMP: TIF: GIF(256): GIF(16): GIF(16) as JPG: 73647! 3200 Colours in Use in Original16 Colours in Use in GIF(16)

12 Graphics Talk v1.1, Apr-2004Murray Niman G6JYB Conclusions Formats Use the most appropriate for both quality and efficiency JPG for most Photos, GIF for Graphs, Circuit Diagrams etc Use a decent PhotoEditor like Paintshop Pro etc - not the freebies with scanners/cameras - they give you control over colours, pixels etc Sizes/Pixels, No of colours - Do you really need it all? Resize, crop. Keep a nice original, but use/send only reduced versions