Assignment 3 – Graphic File Formats Jack Kelly 5/26/2012.

Slides:

Advertisements

Similar presentations

Put your photos into PowerPoint Insert, crop, and format pictures Youve got photos and you want to display them in a slide show. The first thing you need.

Advertisements

Unit 30- Digital Graphics THEORY P2 and D2

Web Design Vocab 3 PNG, JPG, GIF, MP3, MPEG.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 4 Key Concepts 1 Copyright © Terry Felke-Morris.

Chapter 17 Creating Images for the Web. Chapter Lessons Learn about Web features Optimize images for Web use Create a button for a Web page Create slices.

Graphics. Image format's GIF Format: Use a maximum of 256 colors, and are recommendable for big areas of one color or non- continuous images. They are.

Graphics on the Web CS575 Spring 2006 Dr.Abbot Student: Andre Liv.

2.01 Understand Digital Raster Graphics

Guilford County SciVis V106.01

File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.

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.

Pixels Minute University Richard Fisher 2/4/2002 Richard Fisher2 PixelsPixels  Picture Element  A single point in an electronic image  The.

Comparison of image compression algorithms ECE-533 Paula Aguilera.

Graphics Ms. Brewer Spring Bellwork Edmodo – log on! Quiz? Take it if you need to! Policies and Procedures Powerpoint in Shared Folder! Get to Know.

1 Creating Web Graphics Outline 2.1 Graphics Types 2.2 Vector Graphics 2.3Bitmapped Graphics 2.4Graphics for the Web 2.5 GIF (Graphics Interchange Format)

File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.

An Introduction to Graphic File Formats.jpg.gif.tiff bmp and.eps and.psd...

THE COLORS OF LIGHT RED, GREEN and BLUE

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.

XHTML Images. Images are important Purpose: to enhance your web site. Add only when they complement or add additional impact to your message.

 Scaling an image is resizing the image in a graphic editing software so it is the proper size before adding it to a site.  Important NOTE: If you insert.

8 Using Web Graphics Section 8.1 Identify types of graphics Identify and compare graphic formats Describe compression schemes Section 8.2 Identify image.

Understanding Images on the Computer How do images work and why?

Common file formats  Lesson Objective: Understanding common file formats and their differences.  Learning Outcome:  Describe the type of files which.

Digital Image Formats: An Explanation Guilford County SciVis V

Indicator * File types vary based on: * Ability to compress sound * Ability to maintain sound quality * Universal or software dependent * Sound.

Image File Types Module 4: Working with Images LESSON 5.

Web Graphics. Colours and Display Graphics and Modems 28.8kbps = 3.6 KB per second 36 KB takes 10 seconds to load. Pixels and color.

File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.

Types of Graphics  Vector Individual scalable objects defined by mathematical equations  Bitmap Pixels (tiny, single-colored square) in a grid Most.

Multimedia File FormatsGraphics JPG, GIF, TIF, PSD, WMF, BMP, PNG, RAW.

Graphic Format Factors

Things to Remember When working with digital images.

Pixels Minute University Richard Fisher 2/4/2002 Richard Fisher2 PixelsPixels  Picture Element  A single point in an electronic image  The.

Adobe Dreamweaver CC: The Professional Portfolio Project 3: Photographer’s Web Site Working with static images Controlling backgrounds with CSS Working.

Using the Sony DSC-P52 Camera Sunday, December 06, 2015.

Project Two Adding Web Pages, Links, and Images Define and set a home page Add pages to a Web site Describe Dreamweaver's image accessibility features.

FILE TYPES FOR WEB DESIGN 1 HOW SHOULD I SAVE?. GRAPHICS INTERCHANGE FORMAT (GIF) Best used for flat-color, sharp-edged art or text Clip art, logos Compression.

Raster Graphics 2.01 Investigate graphic image design.

Editing Images for the Web. Optimization/Compression Graphics optimization is important for fast web page display.

WWW, Web Design, Multimedia Winny Wang Image Types.

Site Optimization Module 8: Web Publishing and Maintenance LESSON 3.

Introduction to Images & Graphics JMA260. Objectives Images introduction Photoshop.

21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.

Digital File Formats By Ali Aslam. JPEG JPEG Stands for Joint Photographic Experts Group. JPEG uses a lossy compression routine. Lossy compression means.

GIF vs. JPEG GIF and JPEG (JPG) image formats are different. You should know which to use when. Here are some examples.

GRAPHICS. PURPOSE OF GRAPHICS IN WEB DESIGN Graphics add visual/aesthetic appeal to the information on the web page, helping to maintain viewer interest.

Digital Image Formats: An Explanation Guilford County SciVis V

Image File Formats Which one is right for me?. The Only Three Image Formats Your Will Ever Need: Names Jpg “Joint Photographic Experts Group” Png “Portable.

2.01 Understand Digital Raster Graphics

Common Bitmap Image File Types

2.01 Understand Digital Raster Graphics

2.01 Raster Graphics Test Review

2.01 Understand Digital Raster Graphics

How to Convert Pictures into Numbers

Finding and inserting them

Sci Vis I Exam Review Unit 6 File Formats.

2.01 Investigate graphic image design.

LESSON 5 Module 4: Working with Images Image File Types.

Digital Image Formats: An Explanation

2.01 Understand Digital Raster Graphics

Photoshop: Creating and Preparing Images for the Web

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

2.01 Investigate graphic image design.

Exam Objectives: Identify Design Elements When Preparing Images

ModernPresenter: How To Build A Storyboard

2.01 Investigate graphic image design.

Presentation transcript:

Assignment 3 – Graphic File Formats Jack Kelly 5/26/2012

Image File Compression File TypeCompressedCompression Method Compression Results BMPOptionalLosslessVaries from good to none EPSNoN/A GIFYesIf 256 colors or less lossless; otherwise lossy. Good JPGYesLossyGreater compression means poorer image quality PCTYesLosslessGood

Image File Compression (continued) File TypeCompressedCompression Method Compression Results PCXYesLosslessModest PDFYesLossless or lossyMinimum – ½ ratio Medium – 1/5 ratio Maximum – 1/10 ratio PNGYesLosslessVery good PSDNoN/A TGAOptionalLosslessVaries from good to none TIFOptionalLossless or lossyVery good WMFNoN/A

PowerPoint 2011 Readable File TypeInsert Picture From File BMPYes EPSYes GIFYes JPGYes PCTYes PCXNo PDFYes PNGYes PSDYes TGAYes TIFYes WMFNo

Not All Browsers Are The Same File TypeDisplays in Safari 5.1Displays in Firefox 11 BMPNoYes EPSNoPrompts to view in Preview GIFYes JPGYes PCTNoYes PCXNoPrompts to save file PDFYesPrompts to view in Preview PNGYes PSDNoPrompts to save file TGANoPrompts to view in Preview TIFYes WMFNoPrompts to save file

Recommended Image File Types PNG – Offers very good compression – Vector graphics => good for line art JPG – Good for photographs – Control over compression options to optimize file size GIF – Excellent for simple line art graphics with little color – Good compression These formats are viewable in current browsers.