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

Slides:

Advertisements

Similar presentations

The Web Wizards Guide to HTML Chapter Five Working with Images.

Advertisements

Copyright © 2003 Pearson Education, Inc. Slide 4-1 Created by Cheryl M. Hughes The Web Wizards Guide to XML by Cheryl M. Hughes.

CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.

Sounds, Images & Other Objects Website Production.

Image characteristics

IT-Academic Technology Services Using Microsoft PowerPoint 2010 for Digital Storytelling.

File Formats By Jack Turner. Raster (Bitmap) Raster or bitmap is a dot matrix data structure, containing columns of dots and rows, of a graphics image.

Part A Multimedia Production Rico Yu. Part A Multimedia Production Ch.1 Text Ch.2 Graphics Ch.3 Sound Ch.4 Animations Ch.5 Video.

Internet as a resource tutorial – part steps, 3 different actions 1. Search content 2. Use Text 3. Use Images.

Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.

Sem 1 v2 Chapter 14: Layer 6 - The Presentation layer.

Module Code: CU0001NI Technical Information on Digital Images Week -2.

Image Storage Bitmapped Graphics – in which an image is represented as a collection of dots Vector Graphics – in which an image is represented as a set.

Images Inserting an image on a web page. chcslonline.org2 ITEMS REQUIRED Go to the course download page on the course website and download the 3 images.

SOFTWARE TYPES Word processing Page layout Paint Draw.

3.2 Data Portability. Overview Understand the need for data compression and software needed to compress/decompress data. Identify common file types such.

Web Image Basics Comp 140 December 2. Vector Graphics Can be repositioned or resized – Will not diminish output quality Typically stored in AI, EPS, PICT.

1 10 pt 15 pt 20 pt 25 pt 5 pt 10 pt 15 pt 20 pt 25 pt 5 pt 10 pt 15 pt 20 pt 25 pt 5 pt 10 pt 15 pt 20 pt 25 pt 5 pt 10 pt 15 pt 20 pt 25 pt 5 pt Media.

Chapter 2 The Internet. Evolution of the Internet History of the internet.

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

GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.

Data Compression. Compression? Compression refers to the ways in which the amount of data needed to store an image or other file can be reduced. This.

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

+ 5 Things you need to know about images* *Images for the web.

Raster Graphics. An image is considered to be made up of small picture elements (pixels). Constructing a raster image requires setting the color of each.

Computer Images Can store color info about each pixel, but makes file BIG Compression for Web 15.

File Format. Graphics file Format GIF (Graphics Interchange Format) JPEG (Joint Photographic Experts Group) PNG (Portable Network Graphics) TIFF (Tag.

PowerPoint: Images Randy Graff UF HSC IT Center

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

Bitmap Graphics. Bitmap Basics Bitmap Graphic Bitmap Graphic Paint Software Paint Software.

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

File Format. Graphic file Format GIF –cross-platform compatibility –developed by CompuServe as a common format for exchanging bitmapped images between.

 JPEG is a standardized image compression mechanism.  JPEG stands for Joint Photographic Experts Group.  JPEG is designed for compressing either full-

Graphics & Images What File Format Do I Use?. Graphics & Images …..are visual images presented on some form of media (drawings, print, web, digital video)

File Analysis Dr. John P. Abraham Professor UTPA.

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.

Mirjana Devetakovic, M.Sc. CAAD - Images Beograd, 2011.

Raster Graphics 2.01 Investigate graphic image design.

Graphic definitions Summary of Chapter 10 of the Non-designer’s web book by Robin Williams and John Tollet. Pages ( ) Miss Mary Victor.

Chap 14 Presentation Layer Andres, Wen-Yuan Liao Department of Computer Science and Engineering De Lin Institute of Technology

CSCI-100 Introduction to Computing Hardware Part II.

Image File Formats. What is an Image File Format? Image file formats are standard way of organizing and storing of image files. Image files are composed.

Digital Image Editing Presented by John Hohn. File Formats JPEG – Joint Photographic Experts Group PNP – Portable Network Graphics GIF – Graphic Interchange.

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

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

Art for New Media TO DO today: 1 - Sketchbook assignment (see next page) 2 - Animation using Photoshop - - Animation Panel > view, frames -

Introduction to raster graphics

“Common Pitfalls with Figures and Legends”

JPG vs GIF vs PNG What is the difference?

A computer display is made up of small squares, called pixels.

1.01 Investigate graphic types and file formats.

3.01F Publishing Animated Videos

Saving your Animations

GIMP BY MR. YOUSUF VALI 11/20/201811/20/2018.

Web Design and Development

Photoshop: Creating and Preparing Images for the Web

File Extension Mini-Lesson

GIMP BY MR. YOUSUF VALI 12/31/201812/31/2018.

Final Study Guide Arts & Communications.

Introduction to Image Analysis and Processing

Lesson 7—Part 1 Working with Graphics

ModernPresenter: How To Build A Storyboard

Movie Maker This presentation will get you started with using Windows Movie Maker - Your very own movie studio. It provides step by step instructions for.

2.01 Investigate graphic image design.

Lesson 6 File Types.

Creating Digital Graphics

Presentation transcript:

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

PNG PNG: (Portable Network Graphics) PNG is a graphics format specifically designed for use on the World Wide Web. PNG enable compression of images without any loss of quality, including high-resolution images.

GIF GIF: File (Graphics Interchange Format) A common format for image files, especially suitable for images containing large areas of the same color.

JPG JPEG or JPG: Joint Photographic Experts Group. A compression technique used for saving images and photographs. This compression method reduced the file size of the images without reducing its quality.

MP3 MP3: MPEG Layer 3. An new standard for audio compression. It is capable of 10:1 compression with no noticeable loss in quality.

MPEG MPEG: stands for Moving Picture Experts Group. MPEG is the name given to a set of standards used for coding audiovisual information (ie, movies, music, and video) in a digital compressed format.