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.

Slides:

Advertisements

Similar presentations

CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.

Advertisements

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.

Raster graphics. Colour depth 01 1 bit pr pixel = 2 combinations (2 1 ): 2 bits pr pixel = 4 combinations (2 2 ): bits pr pixel = 16 combinations(2.

Image Processing, Illustration (Drawing), Paint Programs, and Scanning Dr. Warren C. Weber Cal Poly Pomona.

Nice Calm Scene. (You’ll need it.). Skills Getting files off of the camera or scanner Getting files off of the camera or scanner Archiving Archiving Choosing.

Graphics in the web Digital Media: Communication and Design

Introduction to Computer Graphics Raster Vs. Vector TGJ 2OI St. Christopher C.S.S. 4 Introduction to Computer Graphics.ppt.

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.

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.

BASIC HTML TUTORIAL Amber Brady. HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a.

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

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

The Gateway to Technology What is Microsoft Office? Microsoft Office is an office suite of: Desktop applications, Servers and Services for the Microsoft.

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.

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.

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

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

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

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.

2.01A-C Vocabulary Review Graphic, Raster and Vector Images Away We Go!!

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

Graphics on the Web How much do you want to know?? Terry Griffin.

 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)

Module 4- Build a Game Understanding Pictures Compression – Making things smaller.

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.

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

AGCJ 407: Web Authoring in Agricultural Communications Understanding the File/Folder Fracas AGCJ 407 Web Authoring in Agricultural Communications.

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

Kevin Murphy Images and Web Pages Masters Project CS 490.

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.

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

Graphics and Image Data Representations 1. Q1 How images are represented in a computer system? 2.

13 June – Session : Graphics Different types of Graphics for the web Features of image editing software Good practice for image editing.

2.01 Understand Digital Raster Graphics

2.01 Understand Digital Raster Graphics

Basic HTML Tutorial Amber Brady.

2.01 Understand Digital Raster Graphics

Introduction to raster graphics

2.01 Investigate graphic image design.

JPG vs GIF vs PNG What is the difference?

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

Digital Images.

Look at Me Mod 4 Lesson 3 Graphics Module 4- Build a Game.

1.01 Investigate graphic types and file formats.

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

Web Design and Development

2.01 Understand Digital Raster Graphics

Photoshop: Creating and Preparing Images for the Web

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

2.01 Investigate graphic image design.

2.01 Understand Digital Raster Graphics

Multimedia Graphics.

2.01 Investigate graphic image design.

ModernPresenter: How To Build A Storyboard

2.01 Investigate graphic image design.

Lesson 6 File Types.

Creating Digital Graphics

Presentation transcript:

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 Network Graphics” Gif “Graphics Interchange Format”

Jpg Photos » Loses quality, but produces small files Png Line Drawings, Block Colours » Retains quality Gif Animations! :D The Only Three Image Formats Your Will Ever Need: Uses

The Only Three Image Formats Your Will Ever Need: The Problem With Jpg Blocky artefacts form each time the image is re-saved, as shown on the following slides. The quality indicator in the top-right shows the compression used to create each image, but can be seen as a proxy for multiple saves.

.png

99%

75%

50%

33%

20%

15%

10%

5%

1%