Multimedia Systems. Part 4. Mahdi Vasighi

Size: px
Start display at page:

Download "Multimedia Systems. Part 4. Mahdi Vasighi"

Transcription

1 Multimedia Systems Part 4 Mahdi Vasighi Department of Computer Science and Information Technology, Institute for Advanced Studies in Basic Sciences, Zanjan, Iran

2 Image Formats GIF o Stands for Graphics Interchange Format o The first graphic file type recognized by early web browsers o Originally developed by CompuServe, to distribute images across network (1987) o Available in two versions GIF87a GIF89a

3 o LZW compression, Lempel-Ziv-Welch algorithm a loss less copyright protected algorithm. o Limited color palette A GIF image can contain 2, 4, 8, 16, 32, 64, 128 or 256 colors o Transparency in GIF89a format one of the colors in the palette can be ignored while processing the image for display purpose

4 Interlacing a mechanism that makes images appear faster onscreen and gives the reader a quick preview of the full area of the picture. a four-pass sequence

5 Interlacing First pass has pixel rows 1, 9, 17, etc. (every eighth row) Second pass has rows 5, 13, 21, etc. (every remaining fourth row) Third pass has rows 3, 7, 11, 15, etc. (every remaining odd row) Fourth pass has rows 2, 4, 6, etc. (all the even-numbered rows)

6 Animation Allows timed display of images in sequence, giving the effect of animation.

7 GIF87a Supports LZW Compression Interlacing Limited to 256 colors Multiple image storage GIF89a All the features in GIF87a Delay times, image replacement parameters Background transparency Animation

8 A sample gif file (10x10) and its corresponding bytes: A 00 0A FF FF FF FF FF F C A 00 0A C 2D A 1C DC 33 A EC 95 FA A8 DE 60 8C C B

9 All GIF files must start with a header or Signature block. The header takes up the first six bytes of the file Signature GIF87a Version 47="G", 49="I", 46="F" 38="8", 39= 7", 61="a" These bytes should all correspond to ASCII character codes

10 the Screen Descriptor immediately follows the header a seven-byte set of flags

11 the Screen Descriptor Background color 0A 00 0A width height 000A 000A 10 pix 10 pix Packed byte delimiter Size of global color table Separator Color resolution +1 (# of bits of color res) Global color table flag (2^N+1)

12 the Global Color Table a list of all the colors that can be in the image each GIF has its own color palette Not every GIF has to specify a global color table FF FF FF FF FF

13 the Image descriptor A set of attributes that belong to every image in the file Each image begins with an image descriptor block.

14 the Image descriptor 2C A 00 0A image width image height Packed Field

15 the Local Color Table looks identical to the global color table always immediately follow an image descriptor, if the local color table flag is set to 1. If no local color table is specified, the global color table is used for the following image data.

16 the Raster Area or Image Data composed of a series of output codes which tell the decoder which colors to spit out to the canvas uses the LZW compression scheme

17 the Raster Area or Image Data C 2D A 1C DC 33 A EC 95 FA A8 DE 60 8C C 01 00

18 the GIF terminator or Trailer indicates when you've hit the end of the file

19 When to use GIF? Images with areas of flat color logos, line art, icons & cartoon-like illustrations Not much suited for photographic images Suited for adding simple animation Whenever transparency in image is required

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

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

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

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

This is not an official directory; it is for voluntary participation only and does not guarantee that someone will not use the same identifier.

This is not an official directory; it is for voluntary participation only and does not guarantee that someone will not use the same identifier. Cover Sheet for the GIF89a Specification DEFERRED CLEAR CODE IN LZW COMPRESSION There has been confusion about where clear codes can be found in the data stream. As the specification says, they may appear

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

Multimedia Systems. Part 20. Mahdi Vasighi

Multimedia Systems. Part 20. Mahdi Vasighi Multimedia Systems Part 2 Mahdi Vasighi www.iasbs.ac.ir/~vasighi Department of Computer Science and Information Technology, Institute for dvanced Studies in asic Sciences, Zanjan, Iran rithmetic Coding

More information

A QUAD-TREE DECOMPOSITION APPROACH TO CARTOON IMAGE COMPRESSION. Yi-Chen Tsai, Ming-Sui Lee, Meiyin Shen and C.-C. Jay Kuo

A QUAD-TREE DECOMPOSITION APPROACH TO CARTOON IMAGE COMPRESSION. Yi-Chen Tsai, Ming-Sui Lee, Meiyin Shen and C.-C. Jay Kuo A QUAD-TREE DECOMPOSITION APPROACH TO CARTOON IMAGE COMPRESSION Yi-Chen Tsai, Ming-Sui Lee, Meiyin Shen and C.-C. Jay Kuo Integrated Media Systems Center and Department of Electrical Engineering University

More information

Simple variant of coding with a variable number of symbols and fixlength codewords.

Simple variant of coding with a variable number of symbols and fixlength codewords. Dictionary coding Simple variant of coding with a variable number of symbols and fixlength codewords. Create a dictionary containing 2 b different symbol sequences and code them with codewords of length

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

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

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

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special.

Page Content. Inserting Text To add text to your document, you can type the text directly or use Cut or Copy and Paste or Paste Special. This section describes how to add content to your pages including text, Microsoft Office documents, images, Flash, and other media content. Inserting Text To add text to your document, you can type the

More information

Other Media Primer. Contents

Other Media Primer. Contents Other Media Primer Contents 1. Introduction 1.1 The Browser 1.2 Some Formats 1.3 Plug-ins 1.4 Compression 2. WBMP 2.1 Introduction 2.2 Layout 2.3 Comments 3. Compression 3.1 Introduction 3.2 Run Length

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

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

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

IT153 Midterm Study Guide

IT153 Midterm Study Guide IT153 Midterm Study Guide These are facts about the Adobe Dreamweaver CS4 Application. If you know these facts, you should be able to do well on your midterm. Dreamweaver users work in the Document window

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

Adobe Dreamweaver CS5/6: Learning the Tools

Adobe Dreamweaver CS5/6: Learning the Tools Adobe Dreamweaver CS5/6: Learning the Tools Dreamweaver is an HTML (Hypertext Markup Language) editor, authoring tool, and Web site management tool. Dreamweaver is a WYSIWYG (what you see is what you get)

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

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

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

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

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

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

FrontPage. Directions & Reference

FrontPage. Directions & Reference FrontPage Directions & Reference August 2006 Table of Contents Page No. Open, Create, Save WebPages Open Webpage... 1 Create and Save a New Page... 1-2 Change the Background Color of Your Web Page...

More information

Graphics File Formats

Graphics File Formats 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

More information

GIMP GETTING STARTED

GIMP GETTING STARTED GIMP GETTING STARTED GIMP is all about IT (Images and Text) WORKING WITH IMAGES In order to work effectively with Web images, you must recognize the personality traits that make an image Web friendly,

More information

Chapter 1 (Computer Forensics)

Chapter 1 (Computer Forensics) Final Study Guide Chapter 1 (Computer Forensics) CIST2612 Final will be given Sunday the 22 from 10:30 to 12:30 22 nd of May nd of Understanding Computer forensics {pages 2-3} Computer forensics involves

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

Create Sponsor Scroll

Create Sponsor Scroll Appendix B Create Sponsor Scroll TABLE OF CONTENTS... 1 CREATE, ANIMATE AND UPLOAD SPONSOR LOGOS Create... 2 Animate... 5 Upload... 6 Please note, this process requires two different programs, which should

More information

A Quick Introduction to IFF

A Quick Introduction to IFF A Quick Introduction to IFF Jerry Morrison, Electronic Arts 10-17-88 IFF is the Amiga-standard "Interchange File Format", designed to work across many machines. Why IFF? Did you ever have this happen to

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

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

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

Fundamentals of Multimedia. Lecture 5 Lossless Data Compression Variable Length Coding

Fundamentals of Multimedia. Lecture 5 Lossless Data Compression Variable Length Coding Fundamentals of Multimedia Lecture 5 Lossless Data Compression Variable Length Coding Mahmoud El-Gayyar elgayyar@ci.suez.edu.eg Mahmoud El-Gayyar / Fundamentals of Multimedia 1 Data Compression Compression

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

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

ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames

ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames ENGL 323: Writing for New Media Building a Blog Reader Using Links, Tables, Images, and Frames Dr. Michael Little michaellittle@kings.edu Hafey-Marian 418 x5917 Office hours: MW 11-12, 1-2, F 11-12; TTh

More information

Web publishing training pack Level 2 Extend your knowledge of the web publishing system

Web publishing training pack Level 2 Extend your knowledge of the web publishing system Web publishing training pack Level 2 Extend your knowledge of the web publishing system Learning Objective: Understanding of concepts to enhance web pages look, streamline web publishing and evaluate your

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Review Project Planning Photoshop Preview Project Planning Site Map Wireframe Main Menu Your Time Your Money Your Health Your Work - Requirement for Project #2 - Communication

More information

Data Compression. An overview of Compression. Multimedia Systems and Applications. Binary Image Compression. Binary Image Compression

Data Compression. An overview of Compression. Multimedia Systems and Applications. Binary Image Compression. Binary Image Compression An overview of Compression Multimedia Systems and Applications Data Compression Compression becomes necessary in multimedia because it requires large amounts of storage space and bandwidth Types of Compression

More information

Creating Web Pages with SeaMonkey Composer

Creating Web Pages with SeaMonkey Composer 1 of 26 6/13/2011 11:26 PM Creating Web Pages with SeaMonkey Composer SeaMonkey Composer lets you create your own web pages and publish them on the web. You don't have to know HTML to use Composer; it

More information

Lecture Coding Theory. Source Coding. Image and Video Compression. Images: Wikipedia

Lecture Coding Theory. Source Coding. Image and Video Compression. Images: Wikipedia Lecture Coding Theory Source Coding Image and Video Compression Images: Wikipedia Entropy Coding: Unary Coding Golomb Coding Static Huffman Coding Adaptive Huffman Coding Arithmetic Coding Run Length Encoding

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

A Hybrid Image Compression Technique using Quadtree Decomposition and Parametric Line Fitting for Synthetic Images

A Hybrid Image Compression Technique using Quadtree Decomposition and Parametric Line Fitting for Synthetic Images A Hybrid Image Compression Technique using Quadtree Decomposition and Parametric Line Fitting for Synthetic Images Murtaza Khan and Yoshio Ohno Graduate School of Science and Technology, Keio University

More information

Compression. storage medium/ communications network. For the purpose of this lecture, we observe the following constraints:

Compression. storage medium/ communications network. For the purpose of this lecture, we observe the following constraints: CS231 Algorithms Handout # 31 Prof. Lyn Turbak November 20, 2001 Wellesley College Compression The Big Picture We want to be able to store and retrieve data, as well as communicate it with others. In general,

More information

GIMP ANIMATION EFFECTS

GIMP ANIMATION EFFECTS GIMP ANIMATION EFFECTS Animation: Text Word by Word ANIMATION: TEXT WORD BY WORD GIMP is all about IT (Images and Text) BACKGROUND IMAGE Before you begin the text animation, you will download a public

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

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

Making Backgrounds With Paint Shop Pro

Making Backgrounds With Paint Shop Pro Making Backgrounds With Paint Shop Pro A good Web site deserves a good background. Whether you decide on a single color, a faded repeated logo, a textured tile, or a border, the background of your Web

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

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

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

Netscape Composer: Working with Tables

Netscape Composer: Working with Tables Why tables? Netscape Composer: Working with Tables Tables on the Web can be divided into two categories: data display and page layout. Although the method for making both kinds of tables is the same, it

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

Chapter 1. Data Storage Pearson Addison-Wesley. All rights reserved

Chapter 1. Data Storage Pearson Addison-Wesley. All rights reserved Chapter 1 Data Storage 2007 Pearson Addison-Wesley. All rights reserved Chapter 1: Data Storage 1.1 Bits and Their Storage 1.2 Main Memory 1.3 Mass Storage 1.4 Representing Information as Bit Patterns

More information

Lecture 8 JPEG Compression (Part 3)

Lecture 8 JPEG Compression (Part 3) CS 414 Multimedia Systems Design Lecture 8 JPEG Compression (Part 3) Klara Nahrstedt Spring 2012 Administrative MP1 is posted Today Covered Topics Hybrid Coding: JPEG Coding Reading: Section 7.5 out of

More information

Step 1: Now you will be directed to the cloned profile that you created. Click on the "UI setting"

Step 1: Now you will be directed to the cloned profile that you created. Click on the UI setting Comodo Client Security white labeled versions are available. Now you can rebrand our agents with your own company and product names. This will help you to have a superior hand in your market. Step 1: In

More information

animation, and what interface elements the Flash editor contains to help you create and control your animation.

animation, and what interface elements the Flash editor contains to help you create and control your animation. e r ch02.fm Page 43 Wednesday, November 15, 2000 8:52 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information

Animating the Page IN THIS CHAPTER. Timelines and Frames

Animating the Page IN THIS CHAPTER. Timelines and Frames e r ch02.fm Page 41 Friday, September 17, 1999 10:45 AM c h a p t 2 Animating the Page IN THIS CHAPTER Timelines and Frames Movement Tweening Shape Tweening Fading Recap Advanced Projects You have totally

More information

GIMP ANIMATION EFFECTS

GIMP ANIMATION EFFECTS GIMP ANIMATION EFFECTS Animation: Images Flying Text (captured during animation in the browser) IMAGES PROMOTIONAL TEXT FLYING FROM A MONITOR GIMP is all about IT (Images and Text) Images: Flying Text

More information

IMAGE COMPRESSION TECHNIQUES

IMAGE COMPRESSION TECHNIQUES IMAGE COMPRESSION TECHNIQUES A.VASANTHAKUMARI, M.Sc., M.Phil., ASSISTANT PROFESSOR OF COMPUTER SCIENCE, JOSEPH ARTS AND SCIENCE COLLEGE, TIRUNAVALUR, VILLUPURAM (DT), TAMIL NADU, INDIA ABSTRACT A picture

More information

ITCT Lecture 8.2: Dictionary Codes and Lempel-Ziv Coding

ITCT Lecture 8.2: Dictionary Codes and Lempel-Ziv Coding ITCT Lecture 8.2: Dictionary Codes and Lempel-Ziv Coding Huffman codes require us to have a fairly reasonable idea of how source symbol probabilities are distributed. There are a number of applications

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

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

Lempel-Ziv-Welch (LZW) Compression Algorithm

Lempel-Ziv-Welch (LZW) Compression Algorithm Lempel-Ziv-Welch (LZW) Compression lgorithm Introduction to the LZW lgorithm Example 1: Encoding using LZW Example 2: Decoding using LZW LZW: Concluding Notes Introduction to LZW s mentioned earlier, static

More information

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics

FACULTY AND STAFF COMPUTER FOOTHILL-DE ANZA. Office Graphics FACULTY AND STAFF COMPUTER TRAINING @ FOOTHILL-DE ANZA Office 2001 Graphics Microsoft Clip Art Introduction Office 2001 wants to be the application that does everything, including Windows! When it comes

More information

CSV Files & Breeze User Guide Version 1.3

CSV Files & Breeze User Guide Version 1.3 CSV Files & Breeze User Guide Version 1.3 February 2017 TABLE OF CONTENTS INTRODUCTION... 3 CSV FILES & EXCEL WORKSHEETS... 4 Export in CSV File Format... 6 CSV File Uploader Tool... 8 CSV ROLL WIDGET...

More information

Fireworks 3 Animation and Rollovers

Fireworks 3 Animation and Rollovers Fireworks 3 Animation and Rollovers What is Fireworks Fireworks is Web graphics program designed by Macromedia. It enables users to create any sort of graphics as well as to import GIF, JPEG, PNG photos

More information

9/29/2010. Slide title. Bulleted text. Clip art. SmartArt graphic. Microsoft Office Illustrated Introductory, Premium Video Edition

9/29/2010. Slide title. Bulleted text. Clip art. SmartArt graphic. Microsoft Office Illustrated Introductory, Premium Video Edition Microsoft Office 2007- Illustrated Introductory, Premium Video Edition Creating A in PowerPoint 2007 A Typical Slide Bulleted text Slide title Clip art SmartArt graphic 2 Planning an Effective When planning

More information

Java Licensing Logo Guidelines. Java licensing logo Guidelines

Java Licensing Logo Guidelines. Java licensing logo Guidelines Guidelines 1 TaBLe of contents 1 : introduction 2 3 4 5 6 7 8 Official Color Palette Versions Clear space Minimum size Color and Background usage unacceptable usage special usage 2 introduction Logo Qualifications

More information

Watermarking and Adding Copyright Info

Watermarking and Adding Copyright Info Watermarking and Adding Copyright Info This two-part technique is particularly important if you re putting your proofs on the Web for client approval. In the first part of this technique, you ll add a

More information

Locate it inside of your Class/DreamWeaver folders and open it up.

Locate it inside of your Class/DreamWeaver folders and open it up. Simple Rollovers A simple rollover graphic is one that changes somehow when the mouse rolls over it. The language used to write rollovers is JavaScript. Luckily for us, when we use DreamWeaver we don t

More information

Web Development & Design Foundations with XHTML. Chapter 4 Key Concepts

Web Development & Design Foundations with XHTML. Chapter 4 Key Concepts Web Development & Design Foundations with XHTML Chapter 4 Key Concepts Learning Outcomes In this chapter, you will learn to: Create and format lines and borders on Web pages Decide when to use graphics

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

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

GUIDELINES FOR WEB SITE DESIGN CHAPTER 10

GUIDELINES FOR WEB SITE DESIGN CHAPTER 10 GUIDELINES FOR WEB SITE DESIGN CHAPTER 10 What makes a Web site good? Who defines good? From whose perspective is it good the site visitor or the sponsoring organization? The following questions and tips

More information

How to make a PDF from inside Acrobat

How to make a PDF from inside Acrobat How to make a PDF from inside Creating a PDF using Features 1. Create PDF From File>Create PDF... A. Converts a source document into a PDF B. The fonts, formatting graphics, and color from the source file

More information

ENGL 323: Writing for New Media Repurposing Content for the Web Part Two

ENGL 323: Writing for New Media Repurposing Content for the Web Part Two ENGL 323: Writing for New Media Repurposing Content for the Web Part Two Dr. Michael Little michaellittle@kings.edu Hafey-Marian 418 x5917 Using Color to Establish Visual Hierarchies Color is useful in

More information

The <img> Element. To place an image on our web page, we use the self-closing <img> element:

The <img> Element. To place an image on our web page, we use the self-closing <img> element: Images The Element To place an image on our web page, we use the self-closing element: The src attribute ("source") is required and

More information

Data Link Layer Lecture 7

Data Link Layer Lecture 7 Data Link Layer Lecture 7 Recap Physical layer function in a nutshell: Position of the physical layer in TCP/IP Model Services (function) offered by Physical layer Position of the Data-Link Layer in TCP/IP

More information

Compressed Images in PostScript and PDF with L A TEX HOWTO

Compressed Images in PostScript and PDF with L A TEX HOWTO Compressed Images in PostScript and PDF with L A TEX HOWTO Daniel Käps last revised: 2002-11-24 Abstract It is a common problem that PostScript files (as generated by TEX/L A TEX users) become really large

More information

3Picture Fundamentals

3Picture Fundamentals 3Picture Fundamentals The Steps Creating Picture Boxes 91 Running Text Around Items 95 Importing Pictures 97 Creating Visual Effects with Pictures 99 Applying Styles to Pictures 103 Copying a Picture Box

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

Final Study Guide Arts & Communications

Final Study Guide Arts & Communications Final Study Guide Arts & Communications Programs Used in Multimedia Developing a multimedia production requires an array of software to create, edit, and combine text, sounds, and images. Elements of Multimedia

More information

Image Coding and Compression

Image Coding and Compression Lecture 17, Image Coding and Compression GW Chapter 8.1 8.3.1, 8.4 8.4.3, 8.5.1 8.5.2, 8.6 Suggested problem: Own problem Calculate the Huffman code of this image > Show all steps in the coding procedure,

More information

Adobe Photoshop CS2 Reference Guide For Windows

Adobe Photoshop CS2 Reference Guide For Windows This program is located: Adobe Photoshop CS2 Reference Guide For Windows Start > All Programs > Photo Editing and Scanning >Adobe Photoshop CS2 General Keyboarding Tips: TAB Show/Hide Toolbox and Palettes

More information

AutoCollage 2008 makes it easy to create an AutoCollage from a folder of Images. To create an AutoCollage:

AutoCollage 2008 makes it easy to create an AutoCollage from a folder of Images. To create an AutoCollage: Page 1 of 18 Using AutoCollage 2008 AutoCollage 2008 makes it easy to create an AutoCollage from a folder of Images. To create an AutoCollage: 1. Click on a folder name in the Image Browser. 2. Once at

More information

Date Produced: Feb 02

Date Produced: Feb 02 PhotoShop and ImageReady Slicing and Optimising for Rollovers Date Produced: Feb 02 Introduction This tutorial aims to explain how to slice and optimise an image and create rollovers. Layout The picture

More information

Distributed source coding

Distributed source coding Distributed source coding Suppose that we want to encode two sources (X, Y ) with joint probability mass function p(x, y). If the encoder has access to both X and Y, it is sufficient to use a rate R >

More information

HOW TO SAVE YOUR DESIGN FILES

HOW TO SAVE YOUR DESIGN FILES HOW TO SAVE YOUR DESIGN FILES READ YOUR BOOK. ART-2423 > raster > vector > holds both raster and layered o Can work in whatever color mode preferred. o Platform-specific (PC vs. Mac) and often version-specific

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

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

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

212Posters Instructions

212Posters Instructions 212Posters Instructions The 212Posters is a web based application which provides the end user the ability to format and post content, abstracts, posters, and documents in the form of pre-defined layouts.

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

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