Understanding digital image - of which it consists Adolf Knoll National Library of the Czech Republic © Adolf Knoll, National Library.

Slides:



Advertisements
Similar presentations
Pixels and Digital Images Yrd. Doc. Dr. Ahmet Sayar Kocaeli Universitesi Bilgisayar Muhendisligi Ileri Bilgisayar Grafikleri.
Advertisements

Raster Graphics 2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Introduction to Computer Graphics Raster Vs. Vector COMMUNICATION TECHNOLOGY.
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.
Graphics CS 121 Concepts of Computing II. What is a graphic? n A rectangular image. n Stored in a file of its own, or … … embedded in another data file.
ETT 429 Spring 2007 Digital Photography/Scanners.
2.01 Understand Digital Raster Graphics
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Introduction to Computer Graphics
The University of Adelaide Picture Perfect: Image Formats and Resolution Peter Murdoch March 2014 PREPARING GOOD LOOKING DOCUMENTS.
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.
Raster vs Vector and Image Resolution By Josh Gallagan.
Introduction to Computers Section 11A. home Types of Graphics File Bitmap Vector.
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.
Digital Images. Scanned or digitally captured image Image created on computer using graphics software.
 Scanned or digitally captured image  Image created on computer using graphics software.
COMP Bitmapped and Vector Graphics Pages Using Qwizdom.
Unit no. 2 Digital Image Adolf Knoll National Library of the Czech Republic © Adolf Knoll, National Library of the Czech Republic.
Simple Graphics. Graphics Used in PowerPoint, Web pages and others Basic Knowledge drawing change of colour, shape and others acquiring, video camera,
TYPES OF GRAPHICS TECHNOLOGICAL DESIGN. GRAPHIC DESIGN DEFINITION Visual problem solving that utilizes shapes, images, text, color, etc. to communicate.
Graphics and Images Communicating Information : Documents and Publications.
Computer Concepts 2014 Chapter 8 Digital Media. 8 Chapter Contents  Section B: Bitmap Graphics  Section C: Vector and 3-D Graphics Chapter 8: Digital.
RASTER & VECTOR FILES. Raster images use many coloured pixels or individual building blocks to form a complete image. JPEG, BMP, TIFF, GIF are common.
Chapter 14 Working with Graphics. 2Practical PC 5 th Edition Chapter 14 Getting Started In this Chapter, you will learn: − About different graphics you.
CS- 375 Graphics and Human Computer Interaction Lecture 1: 12/4/1435 Fundamental Techniques in Graphics Lecturer: Kawther Abas.
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.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
Graphics and CAD. LO: Understanding graphics formats, manipulation, and the benefits of using CAD software. Learning Outcome: Define key words and answer.
Computer Graphics Bitmap v Vector Graphics. Learning Objectives: By the end of this topic you should be able to:
Digital Imaging 101 Ann Ware. Digital Image Categories BITMAP  A vector is created by using a series of mathematically defined lines and curves rather.
Digital Imaging 101 Ann Ware
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
 Scanned or digitally captured image  Image created on computer using graphics software.
$1 Million $500,000 $250,000 $125,000 $64,000 $32,000 $16,000 $8,000 $4,000 $2,000 $1,000 $500 $300 $200 $
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Chapter 8B Graphics and Multimedia.
Raster Graphics 2.01 Investigate graphic image design.
Chapter 8B Graphics and Multimedia. 8B-2 Graphic File Formats Bitmapped images –Most common image type –Also called raster images –Image is drawn using.
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.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Digital Graphics for Computer Games Pixels Types of Digital Graphics (Raster and Vector) Compression.
Image File Formats Harrow Computer Club – Wed, 1 Dec 2010 Bob Watson MA CMath MIMA MBCS.
Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.
Basic Digital Imaging For PE 266 Technology in HPER.
Chapter 14 Working with Graphics
8th Lecture – Intro to Bitmap or Raster Images
BITMAPPED IMAGES & VECTOR DRAWN GRAPHICS
Multimedia Subject: Informatics of Technology II year
Digital Imaging 101 Ann Ware.
Higher Graphic Communication
Types of Graphics Technological Design.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
Chapter 13 Working with Graphics
Introduction to Graphics
Pixel, Resolution, Image Size
Higher Graphic Communication
2.01 Investigate graphic image design.
Bitmap vs. Vector.
Graphics Basics Ellen Eyth.
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.
Using GRAPHICS Bristol Community College CIS 13 Business Creativity Sources: Conference for Desktop Publisher and Others.
Digital Images.
1.01 Investigate graphic types and file formats.
1.01 Investigate graphic types and file formats.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
2.01 Investigate graphic image design.
Presentation transcript:

Understanding digital image - of which it consists Adolf Knoll National Library of the Czech Republic © Adolf Knoll, National Library of the Czech Republic

Image consists of elements

However, some images do not consist of these elements… … as they consist of vectors…

Line art as vector graphics or a bitmap? 5 KB as WMF 780 KB as BMP 5 KB as PNG/4bit 11 KB as JPEG (qf 70)

How does it function? Analogue to Digital Digital to Analogue Stored digitally encoded information

Vector graphics The image can be enhanced without structural disintegration Used for CAD (computer aided design) and in DTP (desk top publishing) Vector editors, e.g. Corel Draw! Vector editors Scalable vector graphics (XML format displayed graphically through software that can decode it)

page1.dfltt {font-family:Times New Roman;font-size:14px;font-weight:normal;text- decoration:normal;text-align:left;fill:black;} ; Training Courses Scalable Vector Graphics SVG

Raster graphics – bitmaps It consists of picture elements (pixels) created by matrix application of the scanning CCD element Each pixel has its position The image can have max. the same number of pixels as the scanning element If it has more… they are multiplied through recalculation (at cameras e.g. difference between optical and digital zoom)

Digital Image Raster graphics (bitmaps) a matrix or eye principle grid of dots BMP, TIFF, GIF,... Vector graphics (line art) a plotting principle combination of various basic graphic objects as lines, ellipses, … Corel Draw! (CDR), AutoCAD (DXF), Encapsulated Postscript (EPS), WMF

One Pixel Dimension

the pixel has a dimension, but it has no size the number of pixels on a unit of length defines resolution (usually taken as ‘dots per inch’ - dpi) on a flat-bed scanner the resolution of the scanner is applied 1:1 to the scanned original in camera-like devices it can be applied to a smaller or larger area - thus the resolution of the digital image will be higher or lower this fact is a limit for our work One Pixel Dimension

Pixel – spatial resolution It is stored in a bitmap, where it has a numbered address (x,y). X y Horizontal resolution Vertical resolution

Pixels: their size and dimension

Free rotation Rotated 2 degrees right