Graphics File Formats

Size: px
Start display at page:

Download "Graphics File Formats"

Transcription

1 1 Graphics File Formats Why have graphics file formats? What to look for when choosing a file format A sample tour of different file formats, including bitmap-based formats vector-based formats metafiles proprietary formats fractal compression formats The Graphics File Format Page The Graphics File Formats FAQ (see online references) 2 1

2 Graphics File Formats Need to store and retrieve graphical data in an efficient and logical way Data stored according to specific format conventions Formats are immortal - technology evolves, new formats appear, but the old ones will still be there! No one universal format - different formats for different purposes You (probably) won t need to access the formats in detail there is library code to input/output/convert images for you! useful to understand what is going on behind the scenes, for making the best image format choices 3 Terminology ( or what to look out for in file formats) When choosing which is more appropriate for your purpose, some common factors to consider: Lossy or lossless compression? What is the compression ratio in this case? 8-bit or 7-bit (binary or text)? Is it stored at a fixed resolution? How many images per file (static or animated)?.amongst other things 4 2

3 Bitmaps Simplified structure of a bitmap file: In practice there are many format variations 5 PBM, PGM, PPM Family of portable bitmaps Designed to be as simple as possible! Written in ASCII No compression 1 image per file 6 3

4 PBM Portable Bit Map For monochrome images P1 # feep.pbm PGM Portable Grey Map P2 # feep.pgm

5 PPM Portable Pix Map P3 # sq.ppm BMP Standard bitmap storage format for Microsoft Windows (also supported by some other non- Microsoft applications) Never meant to be portable Nor meant for a data interchange format across different operating systems 1 image per file Uses RLE (run-length encoding) therefore uses lossless compression original bitmap did not support compression! Huge file sizes! e.g. sample 470x682 photo stored as 40.3K JPG file is a 963K BMP file 10 5

6 BMP 11 GIF Graphics Interchange Format (1987 and 1989 versions) The format specification says it is to be pronounced jif Uses a palette of up to 256 colours not good for photographs, but great for text/diagrams Uses LZW compression of the bitmap data causes copyright problems (Unisys patent)! reasonably easy to read and decompress Supports multiple images (animation!!) 1989 version supports transparency and interlacing At most one colour in the palette may be declared transparent 12 6

7 GIF 13 Interlacing of Pixel Data Row Number Interlace Pass

8 Interlacing 15 PNG Portable Network Graphics informally known as PNG Not GIF pronounced ping Successor to GIF (lossless but free) Not a restricted palette - up to 48-bit truecolour Supports transparency, interlacing, but not animation animation available in a related format, MNG Transparency through an alpha channel also supports anti-aliasing Compression marginally better than GIFs, based on LZ77 (earlier than LZW) 16 8

9 JFIF JFIF - JPEG File Interchange Format There is no JPEG format! JPEG more commonly refers to the compression algorithms used typically between 10:1 and 20:1 for photographs Basically a data stream with a few restrictions and identifying markers 17 TIFF Tag Image File Format Designed primarily for desktop publishing and related applications Contains lots of tags in the file, identifying different types of content Rationale behind using tags is that it is easier to incorporate new features in future versions of the format without confusing old software, or making old TIFF images useless Very complex! 18 9

10 FIG Facility for Interactive Generation of figures Proprietary vector format for xfig drawing program ASCII text file 19 FIG Example #FIG 3.2 FIG: 227bytes Landscape GIF: 1.49kb Center PNG: 2.12kb Inches JPG: 6.42kb Letter Single

11 CGM Computer Graphics Metafile Three different encodings One for minimal size/ease of transmission Binary encoded for speed of access Clear text encoding for human readability/editing Primarily vector graphics, but also bitmap data An ISO standard 21 POVRay POVRay is a 3D computer graphics rendering program it has its own proprietary 3D scene-based format, looks like program code e.g

12 global_settings { assumed_gamma 2.2 #include "colors.inc" #include "shapes.inc" #include "textures.inc" #include "stones.inc" camera { location <0, 45, -40> direction <0, 0, 1.5> look_at <0, 0, 0> plane { y, 0 pigment { Tan finish { crand ambient 0.12 diffuse 0.8 cylinder { <0, -4, 0>, <0, 4, 0>, 2.5 light_source { <30, 20, -10> color White area_light <4, 0, 0>, <0, 0, 4>, 9, 9 translate <-7, 4, -8> texture { T_Stone18 23 VRML Virtual Reality Modelling Language Interactive 3D worlds: browser plugins available 24 12

13 VRML Code #VRML V1.0 ascii Separator { DirectionalLight { direction # Light shining from viewer into scene PerspectiveCamera { position orientation focaldistance Separator { # The red sphere Material { diffusecolor # Red Translation { translation Sphere { radius 2.3 Separator { # The blue cube Material { diffusecolor # Blue Transform { translation rotation Cube { 25 FIF FIF (Fractal Image Format) Barnsley (and later, Jacquin) developed the compression technique Commercial format by Iterated System Inc. Suffers from over-hype and commercialization claims of several thousand to one compression ratios Realistic compression ratios range from 4:1 to 100:1 FIF good for most pictures, particularly photographs/scenes, with elements of self-similarity (not difficult!) 26 13

14 Comparison of Images pixels pixels 600 x 401 pixels 27 Comparison Table raw data 100% 100% 100% PPM 407% 406% 406% BMP 100% 33% 33% GIF 19% 18% 1% PNG 32% 16% 1% TIFF (LZW) 111% 18% 1% JPEG 5% 5% 10% FIF 5% 6% 3% 28 14

15 End of Lecture Next three lectures will look at sound (lecture on compression and file formats for moving images will be delivered later!) 29 15

ITNP80: Course Organization

ITNP80: Course Organization 1 ITNP80: Course Organization Lecturers: Prof. Amir Hussain (coordinator) (Room 4B64: email ahu@cs.stir.ac.uk) Dr. Andrew Abel (Teaching Assistant) (Room 4B59; email aka@cs.stir.ac.uk) Teaching (see Schedule

More information

Compression and File Formats

Compression and File Formats Compression and File Formats 1 Compressing Moving Images Methods: Motion JPEG, Cinepak, Indeo, MPEG Known as CODECs compression / decompression algorithms hardware and software implementations symmetrical

More information

Image Formats. Ioannis Rekleitis

Image Formats. Ioannis Rekleitis Image Formats Ioannis Rekleitis JPEG/JFIF JPEG 2000 GIF PNG TIFF PPM, PGM, PBM, and PNM Exif BMP WebP HDR raster formats HEIF BAT BPG CSCE 590: Introduction to Image Processing https://en.wikipedia.org/wiki/image_file_formats

More information

Multimedia Technology

Multimedia Technology Multimedia Application An (usually) interactive piece of software which communicates to the user using several media e.g Text, graphics (illustrations, photos), audio (music, sounds), animation and video.

More information

1.6 Graphics Packages

1.6 Graphics Packages 1.6 Graphics Packages Graphics Graphics refers to any computer device or program that makes a computer capable of displaying and manipulating pictures. The term also refers to the images themselves. A

More information

Standard File Formats

Standard File Formats Standard File Formats Introduction:... 2 Text: TXT and RTF... 4 Grapics: BMP, GIF, JPG and PNG... 5 Audio: WAV and MP3... 8 Video: AVI and MPG... 11 Page 1 Introduction You can store many different types

More information

G64PMM - Lecture 3.2. Analogue vs Digital. Analogue Media. Graphics & Still Image Representation

G64PMM - Lecture 3.2. Analogue vs Digital. Analogue Media. Graphics & Still Image Representation G64PMM - Lecture 3.2 Graphics & Still Image Representation Analogue vs Digital Analogue information Continuously variable signal Physical phenomena Sound/light/temperature/position/pressure Waveform Electromagnetic

More information

Common File Formats. Need a standard to store images Raster data Photos Synthetic renderings. Vector Graphic Illustrations Fonts

Common File Formats. Need a standard to store images Raster data Photos Synthetic renderings. Vector Graphic Illustrations Fonts 1 Image Files Common File Formats Need a standard to store images Raster data Photos Synthetic renderings Vector Graphic Illustrations Fonts Bitmap Format - Center for Graphics and Geometric Computing,

More information

This is not yellow. Image Files - Center for Graphics and Geometric Computing, Technion 2

This is not yellow. Image Files - Center for Graphics and Geometric Computing, Technion 2 1 Image Files This is not yellow Image Files - Center for Graphics and Geometric Computing, Technion 2 Common File Formats Need a standard to store images Raster data Photos Synthetic renderings Vector

More information

Web Design, 5 th Edition

Web Design, 5 th Edition Typography and Images Web Design, th Edition Chapter Objectives Explain webpage typography issues Discuss effective use of webpage images Describe image file formats Discuss how to prepare web-ready images

More information

Advanced High Graphics

Advanced High Graphics VISUAL MEDIA FILE TYPES JPG/JPEG: (Joint photographic expert group) The JPEG is one of the most common raster file formats. It s a format often used by digital cameras as it was designed primarily for

More information

21st-Century Image and Data Exchange Standards

21st-Century Image and Data Exchange Standards Course IN22-1 21st-Century Image and Data Exchange Standards Peter Sheerin Dec 3, 2003 02:00 PM 03:30 PM 1 2 Why do Formats Matter? Image quality Interoperability Capabilities/features Alpha channel/transparency

More information

A Short Introduction to POV-Ray

A Short Introduction to POV-Ray A Short Introduction to POV-Ray Peter Fischer, ZITI, Heidelberg University 1 What is POV-Ray? A software to produce 3D images Very easy to use (in my opinion) Simple concept to generate complex shapes

More information

Welcome. Web Authoring: HTML - Advanced Topics & Photo Optimisation (Level 3) Richard Hey & Barny Baggs

Welcome. Web Authoring: HTML - Advanced Topics & Photo Optimisation (Level 3) Richard Hey & Barny Baggs Welcome Web Authoring: HTML - Advanced Topics & Photo Optimisation (Level 3) Richard Hey & Barny Baggs Health and Safety Course Information General Information Objectives To understand the need for photo

More information

7: Image Compression

7: Image Compression 7: Image Compression Mark Handley Image Compression GIF (Graphics Interchange Format) PNG (Portable Network Graphics) MNG (Multiple-image Network Graphics) JPEG (Join Picture Expert Group) 1 GIF (Graphics

More information

1/27/2013. Outline. Adding images to your site. Images and Objects INTRODUCTION TO WEB DEVELOPMENT AND HTML

1/27/2013. Outline. Adding images to your site. Images and Objects INTRODUCTION TO WEB DEVELOPMENT AND HTML Outline INTRODUCTION TO WEB DEVELOPMENT AND HTML Images and Objects: Adding images to your site Adding Objects with Using Images as Links Image Maps Exercise Lecture 05 - Spring 2013 Adding images

More information

Animation & Rendering

Animation & Rendering 7M836 Animation & Rendering Introduction, color, raster graphics, modeling, transformations Arjan Kok, Kees Huizing, Huub van de Wetering h.v.d.wetering@tue.nl 1 Purpose Understand 3D computer graphics

More information

M4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) DURATION: 03 Hrs

M4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) DURATION: 03 Hrs M4-R4: INTRODUCTION TO MULTIMEDIA (JAN 2019) Max Marks: 100 DURATION: 03 Hrs M1-R4-01-19 1.3 Which of the following tag pair is used to list the text? (a) and (b) and (c)

More information

Image coding and compression

Image coding and compression Image coding and compression Robin Strand Centre for Image Analysis Swedish University of Agricultural Sciences Uppsala University Today Information and Data Redundancy Image Quality Compression Coding

More information

Part III: Survey of Internet technologies

Part III: Survey of Internet technologies Part III: Survey of Internet technologies Content (e.g., HTML) kinds of objects we re moving around? References (e.g, URLs) how to talk about something not in hand? Protocols (e.g., HTTP) how do things

More information

255, 255, 0 0, 255, 255 XHTML:

255, 255, 0 0, 255, 255 XHTML: Colour Concepts How Colours are Displayed FIG-5.1 Have you looked closely at your television screen recently? It's in full colour, showing every colour and shade that your eye is capable of seeing. And

More information

Representing Graphical Data

Representing Graphical Data Representing Graphical Data Chapman & Chapman, chapters 3,4,5 Richardson 1 Graphics in IT82 What does computer graphics cover? IT82 Input, output, and representation of graphical data Creation of graphics

More information

HTML/XML. XHTML Authoring

HTML/XML. XHTML Authoring HTML/XML XHTML Authoring Adding Images The most commonly used graphics file formats found on the Web are GIF, JPEG and PNG. JPEG (Joint Photographic Experts Group) format is primarily used for realistic,

More information

Data Representation From 0s and 1s to images CPSC 101

Data Representation From 0s and 1s to images CPSC 101 Data Representation From 0s and 1s to images CPSC 101 Learning Goals After the Data Representation: Images unit, you will be able to: Recognize and translate between binary and decimal numbers Define bit,

More information

MULTIMEDIA AND CODING

MULTIMEDIA AND CODING 07 MULTIMEDIA AND CODING WHAT MEDIA TYPES WE KNOW? TEXTS IMAGES SOUNDS MUSIC VIDEO INTERACTIVE CONTENT Games Virtual reality EXAMPLES OF MULTIMEDIA MOVIE audio + video COMPUTER GAME audio + video + interactive

More information

2.5 Animations. Applications. Learning & Teaching Design User Interfaces. Content Process ing. Group Communi cations. Documents.

2.5 Animations. Applications. Learning & Teaching Design User Interfaces. Content Process ing. Group Communi cations. Documents. 2.5 Animations Usage Applications Learning & Teaching Design User Interfaces Services Content Process ing Security... Documents Synchronization Group Communi cations S ystem s Databases Programming Media-Server

More information

2.5 Animations. Contents. Basics. S ystem s. Services. Usage. Computer Architectures. Learning & Teaching Design User Interfaces.

2.5 Animations. Contents. Basics. S ystem s. Services. Usage. Computer Architectures. Learning & Teaching Design User Interfaces. 2.5 Animations 2.5 Animations 2.5-1 Basics S ystem s Services Usage Applications Learning & Teaching Design User Interfaces Content Process ing Security... Documents Synchronization Group Communi cations

More information

Image Types Vector vs. Raster

Image Types Vector vs. Raster Image Types Have you ever wondered when you should use a JPG instead of a PNG? Or maybe you are just trying to figure out which program opens an INDD? Unless you are a graphic designer by training (like

More information

Layout Basics For Non-Designers. xrocket Script, 36pt. Eeronauts, 400pt

Layout Basics For Non-Designers. xrocket Script, 36pt. Eeronauts, 400pt Layout Basics For Non-Designers xrocket Script, 36pt Eeronauts, 400pt CONTENTS Tools Making a Mockup Printer Spreads Quark Tricks Using Images Using Fonts Collecting For Output 3 4 7 10 13 17 18 4.When

More information

Bytes are read Right to Left, so = 0x3412, = 0x

Bytes are read Right to Left, so = 0x3412, = 0x Practice - Quiz #5 CIST 2612 Computer Forensics Bitmap File Information Bytes are read Right to Left, so 12 34 = 0x3412, 12 34 56 70 = 0x70563412 Figure 1 - Bitmap File Header Figure 2 - Device Independent

More information

A Novel Image Compression Technique using Simple Arithmetic Addition

A Novel Image Compression Technique using Simple Arithmetic Addition Proc. of Int. Conf. on Recent Trends in Information, Telecommunication and Computing, ITC A Novel Image Compression Technique using Simple Arithmetic Addition Nadeem Akhtar, Gufran Siddiqui and Salman

More information

Multimedia Content. Web Architecture and Information Management [./] Spring 2009 INFO (CCN 42509) Contents. Erik Wilde, UC Berkeley School of

Multimedia Content. Web Architecture and Information Management [./] Spring 2009 INFO (CCN 42509) Contents. Erik Wilde, UC Berkeley School of Contents Multimedia Content Contents Web Architecture and Information Management [./] Spring 2009 INFO 190-02 (CCN 42509) Erik Wilde, UC Berkeley School of Information [http://creativecommons.org/licenses/by/3.0/]

More information

color bit depth dithered

color bit depth dithered EPS The EPS (Encapsulated PostScript) format is widely accepted by the graphic arts industry for saving images that will be placed into programs such as Adobe Illustrator and QuarkXPress. It is used on

More information

Representing Graphical Data

Representing Graphical Data Representing Graphical Data Cunliffe & Elliott, chapter 4 Chapman & Chapman, chapters 3,4 CSCU9N5: Multimedia and HCI 1 Representing Graphical Data Logical and Physical Representation Use of colour: Pixels

More information

Chapter 5 Images. Presented by Thomas Powell. Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A.

Chapter 5 Images. Presented by Thomas Powell. Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Chapter 5 Images Presented by Thomas Powell Slides adopted from HTML & XHTML: The Complete Reference, 4th Edition 2003 Thomas A. Powell Image Introduction Images are good for illustrating ideas showing

More information

Understanding file formats

Understanding file formats Understanding file formats When you save files from Elements, you need to pick a file format in the Format drop-down menu found in both the Save and Save As dialog boxes. When you choose from the different

More information

DIS: Design and imaging software

DIS: Design and imaging software Using IT productivity tools and applications This is the ability to use a software application designed to create, modify and layout artwork or images for display in print or on a screen (eg vector graphics

More information

**** Digitization. Pictures are important

**** Digitization. Pictures are important **** 1 Digitization by Paul.Nieuwenhuysen@vub.ac.be Prepared to support a tutorial presentation in the framework of OceanTeacher Academy at UNESCO-IOC-IODE in Oostende, Belgium 2011-09 http://www.iode.org/

More information

Elementary Computing CSC 100. M. Cheng, Computer Science

Elementary Computing CSC 100. M. Cheng, Computer Science Elementary Computing CSC 100 1 Graphics & Media Scalable Outline & Bit- mapped Fonts Binary Number Representation & Text Pixels, Colors and Resolution Sound & Digital Audio Film & Digital Video Data Compression

More information

GRAPHIC FILE FORMATS / SOFTWARE SELECTION / SOFTWARE COMPATIBILITY

GRAPHIC FILE FORMATS / SOFTWARE SELECTION / SOFTWARE COMPATIBILITY HIGHER COMPUTING COMPUTER SYSTEMS COMPUTER SOFTWARE GRAPHIC FILE FORMATS / SOFTWARE SELECTION / SOFTWARE COMPATIBILITY SUCCESS CRITERIA I can describe the standard file formats for graphics files: Jpeg

More information

CP SC 4040/6040 Computer Graphics Images. Joshua Levine

CP SC 4040/6040 Computer Graphics Images. Joshua Levine CP SC 4040/6040 Computer Graphics Images Joshua Levine levinej@clemson.edu Lecture 03 File Formats Aug. 27, 2015 Agenda pa01 - Due Tues. 9/8 at 11:59pm More info: http://people.cs.clemson.edu/ ~levinej/courses/6040

More information

Lecture 19 Media Formats

Lecture 19 Media Formats Revision IMS2603 Information Management in Organisations Lecture 19 Media Formats Last week s lectures looked at MARC as a specific instance of complex metadata representation and at Content Management

More information

III-6Exporting Graphics (Windows)

III-6Exporting Graphics (Windows) Chapter III-6 III-6Exporting Graphics (Windows) Overview... 96 Metafile Formats... 96 BMP Format... 97 PDF Format... 97 Blurry Images in PDF... 97 Encapsulated PostScript (EPS) Format... 97 SVG Format...

More information

Chapter 1. Digital Data Representation and Communication. Part 2

Chapter 1. Digital Data Representation and Communication. Part 2 Chapter 1. Digital Data Representation and Communication Part 2 Compression Digital media files are usually very large, and they need to be made smaller compressed Without compression Won t have storage

More information

Graphics in IT82. Representing Graphical Data. Graphics in IT82. Lectures Overview. Representing Graphical Data. Logical / Physical Representation

Graphics in IT82. Representing Graphical Data. Graphics in IT82. Lectures Overview. Representing Graphical Data. Logical / Physical Representation Graphics in IT82 What does computer graphics cover? Representing Graphical Data Chapman & Chapman, chapters 3,4,5 Richardson IT82 Input, output, and representation of graphical data Creation of graphics

More information

Example 1: Denary = 1. Answer: Binary = (1 * 1) = 1. Example 2: Denary = 3. Answer: Binary = (1 * 1) + (2 * 1) = 3

Example 1: Denary = 1. Answer: Binary = (1 * 1) = 1. Example 2: Denary = 3. Answer: Binary = (1 * 1) + (2 * 1) = 3 1.1.1 Binary systems In mathematics and digital electronics, a binary number is a number expressed in the binary numeral system, or base-2 numeral system, which represents numeric values using two different

More information

Image, video and audio coding concepts. Roadmap. Rationale. Stefan Alfredsson. (based on material by Johan Garcia)

Image, video and audio coding concepts. Roadmap. Rationale. Stefan Alfredsson. (based on material by Johan Garcia) Image, video and audio coding concepts Stefan Alfredsson (based on material by Johan Garcia) Roadmap XML Data structuring Loss-less compression (huffman, LZ77,...) Lossy compression Rationale Compression

More information

Ramani A.V 2 HEAD OF CS & SRMV CAS, Coimbatore, Tamilnadu, India

Ramani A.V 2 HEAD OF CS & SRMV CAS, Coimbatore, Tamilnadu, India Volume 7, Issue 2, February 2017 ISSN: 2277 128X International Journal of Advanced Research in Computer Science and Software Engineering Research Paper Available online at: www.ijarcsse.com Website Quality

More information

Format Type Support Thru. vector (with embedded bitmaps)

Format Type Support Thru. vector (with embedded bitmaps) 1. Overview of Graphics Support The table below summarizes the theoretical support for graphical formats within FOP. In other words, within the constraints of the limitations listed here, these formats

More information

GCSE Computing. Revision Pack TWO. Data Representation Questions. Name: /113. Attempt One % Attempt Two % Attempt Three %

GCSE Computing. Revision Pack TWO. Data Representation Questions. Name: /113. Attempt One % Attempt Two % Attempt Three % GCSE Computing Revision Pack TWO Data Representation Questions Name: /113 Attempt One % Attempt Two % Attempt Three % Areas of Strength Areas for Development 1. Explain how ASCII is used to represent text

More information

Preview from Notesale.co.uk Page 2 of 88

Preview from Notesale.co.uk Page 2 of 88 Contents About this Guide Information for Students... Be Revise-Wise How to Use this Guide to Do Well in Your Exams... Revision Checklist... 4 1 Data and Quality of Data... 5 1.1 Encoding and Storing Data...7

More information

Electronic Artwork Information for Authors Glossary and definitions

Electronic Artwork Information for Authors Glossary and definitions Electronic Artwork Information for Authors Glossary and definitions Bitmap An image stored in a pixel-by-pixel fashion. Continuous tone images are stored in this format. Sometimes used to denote an image

More information

Topics and things to know about them:

Topics and things to know about them: Practice Final CMSC 427 Distributed Tuesday, December 11, 2007 Review Session, Monday, December 17, 5:00pm, 4424 AV Williams Final: 10:30 AM Wednesday, December 19, 2007 General Guidelines: The final will

More information

CpSc 101, Fall 2015 Lab7: Image File Creation

CpSc 101, Fall 2015 Lab7: Image File Creation CpSc 101, Fall 2015 Lab7: Image File Creation Goals Construct a C language program that will produce images of the flags of Poland, Netherland, and Italy. Image files Images (e.g. digital photos) consist

More information

Frequently Asked Questions about Text and Graphics

Frequently Asked Questions about Text and Graphics 1 Frequently Asked Questions about Text and Graphics 1. What is a font? A font is a set of printable or displayable text characters that are in a specific style and size. The type design for a set of fonts

More information

Multimedia Systems. Part 4. Mahdi Vasighi

Multimedia Systems. Part 4. Mahdi Vasighi Multimedia Systems Part 4 Mahdi Vasighi www.iasbs.ac.ir/~vasighi Department of Computer Science and Information Technology, Institute for Advanced Studies in Basic Sciences, Zanjan, Iran Image Formats

More information

Prentice Hall. Learning Microsoft PowerPoint , (Weixel et al.) Arkansas Multimedia Applications I - Curriculum Content Frameworks

Prentice Hall. Learning Microsoft PowerPoint , (Weixel et al.) Arkansas Multimedia Applications I - Curriculum Content Frameworks Prentice Hall Learning Microsoft PowerPoint 2007 2008, (Weixel et al.) C O R R E L A T E D T O Arkansas Multimedia s I - Curriculum Content Frameworks Arkansas Multimedia s I - Curriculum Content Frameworks

More information

Digital Graphics Primer

Digital Graphics Primer Vector Graphics, Raster Graphics, and Their Associated Image File Types Ed Brandt AI PSD BMP EPS GIF JPG PDF PNG SVG TIF Vector Graphics, Raster Graphics, and Their Associated Image File Types Introduction

More information

CS101 Lecture 12: Image Compression. What You ll Learn Today

CS101 Lecture 12: Image Compression. What You ll Learn Today CS101 Lecture 12: Image Compression Vector Graphics Compression Techniques Aaron Stevens (azs@bu.edu) 11 October 2012 What You ll Learn Today Review: how big are image files? How can we make image files

More information

More HTML. Images and links. Tables and lists. <h1>running in the family</h1> <h2>tonight 9pm BBC One</h2>

More HTML. Images and links. Tables and lists. <h1>running in the family</h1> <h2>tonight 9pm BBC One</h2> More HTML Images and links Tables and lists running in the family tonight 9pm BBC One hurdles legend Colin Jackson traces his family tree to Jamaica in Who Do You Think You Are?

More information

Data Storage. Slides derived from those available on the web site of the book: Computer Science: An Overview, 11 th Edition, by J.

Data Storage. Slides derived from those available on the web site of the book: Computer Science: An Overview, 11 th Edition, by J. Data Storage Slides derived from those available on the web site of the book: Computer Science: An Overview, 11 th Edition, by J. Glenn Brookshear Copyright 2012 Pearson Education, Inc. Data Storage Bits

More information

Multimedia on the Web

Multimedia on the Web Multimedia on the Web Graphics in web pages Downloading software & media Digital photography JPEG & GIF Streaming media Macromedia Flash Graphics in web pages Graphics are very popular in web pages Graphics

More information

Media Types. Web Architecture and Information Management [./] Spring 2009 INFO (CCN 42509) Contents. Erik Wilde, UC Berkeley School of

Media Types. Web Architecture and Information Management [./] Spring 2009 INFO (CCN 42509) Contents. Erik Wilde, UC Berkeley School of Contents Media Types Contents Web Architecture and Information Management [./] Spring 2009 INFO 190-02 (CCN 42509) Erik Wilde, UC Berkeley School of Information [http://creativecommons.org/licenses/by/3.0/]

More information

Creating and Editing Images in Paint Shop Pro Version XI. File Types

Creating and Editing Images in Paint Shop Pro Version XI. File Types Creating and Editing Images in Paint Shop Pro Version XI Paint Shop Pro (PSP) from JASC software (http://www.jasc.com) is an imageediting and creation program. You can download a 30-day trial version from

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Horizontal Rule Element Web Development & Design Foundations with HTML5 Ninth Edition Chapter 4 Visual Elements and Graphics Learning Objectives (1 of 2) 4.1 Create and format lines and borders on web pages 4.2 Apply the image

More information

Image Compression. cs2: Computational Thinking for Scientists.

Image Compression. cs2: Computational Thinking for Scientists. Image Compression cs2: Computational Thinking for Scientists Çetin Kaya Koç http://cs.ucsb.edu/~koc/cs2 koc@cs.ucsb.edu The course was developed with input from: Ömer Eǧecioǧlu (Computer Science), Maribel

More information

Lesson 3 Creating and Using Graphics

Lesson 3 Creating and Using Graphics Lesson What you will learn: how to delete a sprite and import a new sprite how to draw using the pen feature of Scratch how to use the pen up and pen down feature how to change the colour of the pen how

More information

Let s Make a (3 6 ) D (3 6 ) L Chiral Tessellation Dance

Let s Make a (3 6 ) D (3 6 ) L Chiral Tessellation Dance Bridges 2012: Mathematics, Music, Art, Architecture, Culture Let s Make a (3 6 ) D (3 6 ) L Chiral Tessellation Dance Joseph D. Clinton Retired 334 Mackenzie Drive West Chester, PA, 19380-3816, USA E-mail:

More information

Digital Technologies Hangarau Matihiko Level 1

Digital Technologies Hangarau Matihiko Level 1 External Assessment Resource Digital Technologies Hangarau Matihiko Level 1 This resource supports external assessment against Achievement Standard 91887 (1.11) 1 Standard title: Credits: Resource title:

More information

Web graphics. Introduction

Web graphics. Introduction Web graphics Introduction Role of Web Graphics Role of Web Graphics Although web designers could build a site without graphics, most users would not readily recognize a collection of bare pages as a cohesive

More information

Lesson 7 Working with Graphics

Lesson 7 Working with Graphics Lesson 7 Working with Graphics *Insert pictures from files *Insert picture from Microsoft Clip Art Collections *Resize and reposition a picture *Create and modify WordArt *Create and modify SmartArt *Create

More information

Computer Games 2012 Game Development

Computer Games 2012 Game Development Computer Games 2012 Game Development Dr. Mathias Lux Klagenfurt University This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Agenda Game Loop Sprites & 2.5D Images

More information

A more realistic model of heart structure

A more realistic model of heart structure Chapter 9 A more realistic model of heart structure Sequential and random rendering processes 9.1 Introduction 9.2 Heart model based on POV-Ray 3.7 smooth triangle object Bob Hughes has written, in year

More information

VC 12/13 T16 Video Compression

VC 12/13 T16 Video Compression VC 12/13 T16 Video Compression Mestrado em Ciência de Computadores Mestrado Integrado em Engenharia de Redes e Sistemas Informáticos Miguel Tavares Coimbra Outline The need for compression Types of redundancy

More information

Output models Drawing Rasterization Color models

Output models Drawing Rasterization Color models Output models Drawing Rasterization olor models Fall 2004 6.831 UI Design and Implementation 1 Fall 2004 6.831 UI Design and Implementation 2 omponents Graphical objects arranged in a tree with automatic

More information

Bits and Bit Patterns

Bits and Bit Patterns Bits and Bit Patterns Bit: Binary Digit (0 or 1) Bit Patterns are used to represent information. Numbers Text characters Images Sound And others 0-1 Boolean Operations Boolean Operation: An operation that

More information

Operation of machine vision system

Operation of machine vision system ROBOT VISION Introduction The process of extracting, characterizing and interpreting information from images. Potential application in many industrial operation. Selection from a bin or conveyer, parts

More information

Getting started with Paint Shop Pro

Getting started with Paint Shop Pro Information Systems Services Getting started with November 2004 Contents Introduction... 3 Prerequisites... 3 Other related documentation... 3 Chapter 1 Getting Started... 4 Chapter 2 The Interface...

More information

Unit 2 Digital Information. Chapter 1 Study Guide

Unit 2 Digital Information. Chapter 1 Study Guide Unit 2 Digital Information Chapter 1 Study Guide 2.5 Wrap Up Other file formats Other file formats you may have encountered or heard of include:.doc,.docx,.pdf,.mp4,.mov The file extension you often see

More information

L15 POV-Ray - Part 1

L15 POV-Ray - Part 1 Geophysical Computing L15-1 L15 POV-Ray - Part 1 1. What is POV-Ray? POV-Ray stands for the Persistance of Vision Raytracer. POV-Ray belongs to a class of programs called ray tracers. For you seismologists

More information

INFS 2150 / 7150 Intro to Web Development / HTML Programming

INFS 2150 / 7150 Intro to Web Development / HTML Programming XP INFS 2150 / 7150 Intro to Web Development / HTML Programming Working with Graphics in a Web Page 1 Objectives Learn about different image formats Control the placement and appearance of images on a

More information

Common Technology Words and Definitions

Common Technology Words and Definitions Common Technology Words and Definitions 77 78 Common Technology Words and Definitions: ASCII American Standard Code for Information Interchange, a code that makes it possible to send information from one

More information

Dissecting Files. Endianness. So Many Bytes. Big Endian vs. Little Endian. Example Number. The "proper" order of things. Week 6

Dissecting Files. Endianness. So Many Bytes. Big Endian vs. Little Endian. Example Number. The proper order of things. Week 6 Dissecting Files Endianness Week 6 The "proper" order of things So Many Bytes So Many Bytes On a 32-bit system, each word consists of 4 bytes So, when any 32-bit value is stored in memory, each of those

More information

Print Services User Guide

Print Services User Guide Print Services User Guide Understanding Artwork for Print 1 Preferred Formats: Preferred formats should contain only vector-based graphics and text, and/or high-resolution images. Low resolution images

More information

L18 POV-Ray - Part 4

L18 POV-Ray - Part 4 Geophysical Computing L18-1 L18 POV-Ray - Part 4 1. Volume Visualization In this lecture we will talk about how to do volume visualization in POV-Ray. I haven t found a large number of examples on the

More information

REVIEW ON IMAGE COMPRESSION TECHNIQUES AND ADVANTAGES OF IMAGE COMPRESSION

REVIEW ON IMAGE COMPRESSION TECHNIQUES AND ADVANTAGES OF IMAGE COMPRESSION REVIEW ON IMAGE COMPRESSION TECHNIQUES AND ABSTRACT ADVANTAGES OF IMAGE COMPRESSION Amanpreet Kaur 1, Dr. Jagroop Singh 2 1 Ph. D Scholar, Deptt. of Computer Applications, IK Gujral Punjab Technical University,

More information

MISB RP RECOMMENDED PRACTICE. 24 October Annotation Universal Metadata Set. 1 Scope. 2 References. 2.1 Normative References

MISB RP RECOMMENDED PRACTICE. 24 October Annotation Universal Metadata Set. 1 Scope. 2 References. 2.1 Normative References MISB RP 0602.3 RECOMMENDED PRACTICE Annotation Universal Metadata Set 24 October 2013 1 Scope This Recommended Practice documents the basic SMPTE KLV metadata to encode Video Annotation data within a motion

More information

Introduction to Computer Science (I1100) Data Storage

Introduction to Computer Science (I1100) Data Storage Data Storage 145 Data types Data comes in different forms Data Numbers Text Audio Images Video 146 Data inside the computer All data types are transformed into a uniform representation when they are stored

More information

Unicode. Standard Alphanumeric Formats. Unicode Version 2.1 BCD ASCII EBCDIC

Unicode. Standard Alphanumeric Formats. Unicode Version 2.1 BCD ASCII EBCDIC Standard Alphanumeric Formats Unicode BCD ASCII EBCDIC Unicode Next slides 16-bit standard Developed by a consortia Intended to supercede older 7- and 8-bit codes Unicode Version 2.1 1998 Improves on version

More information

Module 2 Review. Assemblies and Rendering. Why Use Assemblies. Assemblies - Key Concepts. Sketch Planes Sketched Features.

Module 2 Review. Assemblies and Rendering. Why Use Assemblies. Assemblies - Key Concepts. Sketch Planes Sketched Features. Module 2 Review Assemblies and Rendering EF 101 Modules 3.1, 3.2 Sketch Planes Sketched Features Extrude, Revolve Placed Features Hole, Fillet, Chamfer, Shell, Rect. Pattern Drawing Views Base, Ortho,

More information

TR 1288 Specifications for PDF & XML format Page 1 of 7

TR 1288 Specifications for PDF & XML format Page 1 of 7 Page 1 of 7 TENDER FOR THE SUPPLY OF DIGITAL NEWSPAPER AND MAGAZINE CONTENT FOR SINGAPORE AIRLINES (SIA) E-LIBRARY FOR PERIOD 01 AUGUST 2018 TO 31 JULY 2020 TENDER REFERENCE NO. TR 1288 1. Format of the

More information

vinodsrivastava.com FLASH

vinodsrivastava.com FLASH vinodsrivastava.com FLASH 1. What is a Layer? Layer helps us to organize the artwork in your document. When we create a flash document it contain one layer but we can add more. Objects are placed in layer

More information

VIDEO COMPRESSION. Image Compression. Multimedia File Formats. Lossy Compression. Multimedia File Formats. October 8, 2009

VIDEO COMPRESSION. Image Compression. Multimedia File Formats. Lossy Compression. Multimedia File Formats. October 8, 2009 File Formats Lossy Compression Image Compression File Formats VIDEO COMPRESSION 121 (Basics) video := time sequence of single images frequent point of view: video compression = image compression with a

More information

MS Publisher 2007: Graphics. Lesson Notes Author: Pamela Schmidt

MS Publisher 2007: Graphics. Lesson Notes Author: Pamela Schmidt MS Publisher 2007: Graphics Lesson Notes Author: Pamela Schmidt Auto Shapes When a shape tool is selected, a precision pointer (cross hair) will appear when the mouse pointer is taken over the document.

More information

MEDIA RELATED FILE TYPES

MEDIA RELATED FILE TYPES MEDIA RELATED FILE TYPES Data Everything on your computer is a form of data or information and is ultimately reduced to a binary language of ones and zeros. If all data stayed as ones and zeros the information

More information

Different File Types and their Use

Different File Types and their Use Different File Types and their Use.DOC (Microsoft Word Document) Text Files A DOC file is a Word processing document created by Microsoft Word, a word processor included with all versions of Microsoft

More information

Representation of image data

Representation of image data Representation of image data Images (e.g. digital photos) consist of a rectanglular array of discrete picture elements called pixels. An image consisting of 200 pixels rows of 300 pixels per row contains

More information

MSITA WORD LESSON 7 NOTES

MSITA WORD LESSON 7 NOTES Insert Picture MSITA WORD LESSON 7 Picture: a visual representa on of something Ex. person or scene, photograph, pain ng, scanned image, line art, artwork, etc. 1. Click where you want to insert the picture.

More information

Ray tracing. Methods of Programming DV2. Introduction to ray tracing and XML. Forward ray tracing. The image plane. Backward ray tracing

Ray tracing. Methods of Programming DV2. Introduction to ray tracing and XML. Forward ray tracing. The image plane. Backward ray tracing Methods of Programming DV2 Introduction to ray tracing and XML Ray tracing Suppose we have a description of a 3-dimensional world consisting of various objects spheres, triangles (flat), planes (flat,

More information

BMP file format. Contents. Pixel storage. The BMP file format, sometimes called bitmap. or DIB file format (for device-independent

BMP file format. Contents. Pixel storage. The BMP file format, sometimes called bitmap. or DIB file format (for device-independent 1 of 7 BMP file format From Wikipedia, the free encyclopedia Windows Bitmap The BMP file format, sometimes called bitmap File extension:.bmp or.dib or DIB file format (for device-independent MIME type:

More information