Specific structure or arrangement of data code stored as a computer file.

Similar documents
Digital Imaging & Photoshop

TEST INFORMATION: 40 questions 50 minutes 70% minimum required to pass. Score is based on a 1000 pt system so passing will be a 700.

Topics. 1. Raster vs vector graphics. 2. File formats. 3. Purpose of use. 4. Decreasing file size

Digital Images. Digital Images. Digital Images fall into two main categories

IMAGE SIZING AND RESOLUTION. MyGraphicsLab: Adobe Photoshop CS6 ACA Certification Preparation for Visual Communication

INTRODUCTION TO COMPUTER GRAPHICS

MOTION GRAPHICS BITE 3623

Factors to Consider When Choosing a File Type

Understanding Image Formats And When to Use Them

Vector VS Pixels Introduction to Adobe Photoshop

Resolution: The Peanut Butter Analogy

Computers & Philately Overview

raw format format for capturing maximum continuous-tone color information. It preserves all information when photograph was taken.

A raster image uses a grid of individual pixels where each pixel can be a different color or shade. Raster images are composed of pixels.

ITP 140 Mobile App Technologies. Images

Graphics for Web. Desain Web Sistem Informasi PTIIK UB

HTTP transaction with Graphics HTML file + two graphics files

6. Graphics MULTIMEDIA & GRAPHICS 10/12/2016 CHAPTER. Graphics covers wide range of pictorial representations. Uses for computer graphics include:

PENGENALAN TEKNIK TELEKOMUNIKASI CLO

Image Optimization for Print and Web

WordPress Users Group Manchester, NH July 13, Preparing Images for the Web. Daryl Johnson SvenGrafik

Digital imaging or digital image acquisition is the creation of digital images, typically from a physical scene. The term is often assumed to imply

LECTURE 03 BITMAP IMAGE FORMATS

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

apt solutions, inc. Tips Graphics - An Introduction Vector vs. Raster Graphics Vector Graphics

Pros and Cons for Each Type of Image Extensions

Learning Outcomes In this lesson, you will learn about the file formats in Adobe Photoshop. By familiarizing

Color, graphics and hardware Monitors and Display

1. Describe how a graphic would be stored in memory using a bit-mapped graphics package.

Fundamentals of Multimedia

Elements of Design. Basic Concepts

Raster (Bitmap) Graphic File Formats & Standards

Introduction to PHOTOSHOP

Bitmap Image Formats

B.Digital graphics. Color Models. Image Data. RGB (the additive color model) CYMK (the subtractive color model)

Photoshop 01. Introduction to Computer Graphics UIC / AA/ AD / AD 205 / F05/ Sauter.../documents/photoshop_01.pdf

PCCLUB.ORG.UK Tuesday, 3 rd May 2005 Stuart Crump. Picture Editing, Printing & Publishing Tutorial 1 of 2

Introduction to Photography

Coreldraw Crash Course

Dr. Shahanawaj Ahamad. Dr. S.Ahamad, SWE-423, Unit-06

Lecture - 3. by Shahid Farid

Image Perception & 2D Images

THE 3 BIGGEST MISTAKES TO AVOID WHEN USING GRAPHIC IMAGES IN PRINT

How to Avoid Landmines: Managing your Motion Graphics Projects

Photoshop CS6. Table of Contents. Image Formats! 3. GIF (Graphics Interchange Format)! 3. JPEG or JPG (Joint Photographic Experts Group)!

Digital photo sizes and file formats

2015 Athens-Clarke County Library

Cart Art: Doors. SMALL chassis door file size 12 3/4 x 35 3/4 (included in this should be a 1 black border all the way around)

ADVANCE DESIGN TEMPLATE ATTACK SOFTSHELL VEST

CHAPTER 3 I M A G E S

Slide Scanning Converting Your Film Photographs to Digital. Presentation to UCHUG - 8/06/08 G. Skalka

OSA Sponsorship Order Form

CGT 211 Sampling and File Formats

JUPITER SS RAIN JERSEY

Diploma in Photoshop

Basic photography Art, composition, and computer principles AEE 211 February 24, 2003

Photoshop Elements Week 1 - Photoshop Elements Work Environment

Digital Images: A Technical Introduction

LECTURE 02 IMAGE AND GRAPHICS

4/9/2015. Simple Graphics and Image Processing. Simple Graphics. Overview of Turtle Graphics (continued) Overview of Turtle Graphics

CS 262 Lecture 01: Digital Images and Video. John Magee Some material copyright Jones and Bartlett

Bitmap Vs Vector Graphics Web-safe Colours Image compression Web graphics formats Anti-aliasing Dithering & Banding Image issues for the Web

Adobe Illustrator CS6

Digital Imaging and Image Editing

15110 Principles of Computing, Carnegie Mellon University

THE PARTNERSHIP FOR THE EAST ASIAN-AUSTRALIASIAN FLYWAY LOGO

CS101 Lecture 19: Digital Images. John Magee 18 July 2013 Some material copyright Jones and Bartlett. Overview/Questions

This report provides a brief look at some of these factors and provides guidelines to making the best choice from what is available.

Indexed Color. A browser may support only a certain number of specific colors, creating a palette from which to choose

Identifying Design Elements When Preparing Images

Photoshop Study Notes and Questions

Guide to Computer Forensics and Investigations Third Edition. Chapter 10 Chapter 10 Recovering Graphics Files

1. Using Images on Web Pages 2. Image Formats 3. Bitmap Image Formats

UNIVERSITY OF CALICUT INTRODUCTION TO MULTIMEDIA QUESTION BANK

4 Images and Graphics

Photoshop Notes and Application Study Packet

Corporate Logo Guidelines

GUIDELINES & INFORMATION

Image is a spatial representation of an object or a scene. (image of a person, place, object)

Digital Darkroom P 207

Lecture #2: Digital Images

Multimedia. Graphics and Image Data Representations (Part 2)

Photoshop Domain 2: Identifying Design Elements When Preparing Images

15110 Principles of Computing, Carnegie Mellon University

Glossary Unit 1: Hardware/Software & Storage Media

Digital Asset Management 2. Introduction to Digital Media Format

Images and Graphics. 4. Images and Graphics - Copyright Denis Hamelin - Ryerson University

Developing Multimedia Assets using Fireworks and Flash

Color & Compression. Robin Strand Centre for Image analysis Swedish University of Agricultural Sciences Uppsala University

Computer Graphics. Rendering. Rendering 3D. Images & Color. Scena 3D rendering image. Human Visual System: the retina. Human Visual System

For all question related to Photoshop that we cannot address in class, start by looking at the excellent Photoshop help: Help > Photoshop Help.

Unit 4.4 Representing Images

COMPSCI 111 / 111G Mastering Cyberspace: An introduction to practical computing. Digital Images Vector Graphics

Starting a Digitization Project: Basic Requirements

STANDARD ST.67 MAY 2012 CHANGES

OBJECT PHOTOGRAPHY. iskills Workshop October 12, :30 6:30pm

Commercial Art 1 Photoshop Study Guide. 8) How is on-screen image resolution measured? PPI - Pixels Per Inch

CUSTOM WATER PINNIES

9/1/2018. Tips for Making Figures for Publications, Grants, Presentations. Digital Arts Training. What Do All of These File Formats Do?

Color, Resolution, & Other Image Essentials

Transcription:

FILE FORMAT Specific structure or arrangement of data code stored as a computer file. A file format tells the computer how to display, print, process, and save the data. It is dictated by the application program which created the file, and the operating system under which it was created and stored. Reference: http://www.businessdictionary.com/definition/file-format.html

RASTER JPEG GIF PNG TIFF PSD VECTOR EPS AI PDF

RASTER FILE Created by a fixed set of pixels in a grid pattern Simple illustrations to complex images like photographs Image sizes are dependent on number of pixels and color depth Once set, it will lose quality a lot easier, especially if trying to make it larger

RASTER FILE Created by a fixed set of pixels in a grid pattern Simple illustrations to complex images like photographs Image sizes are dependent on number of pixels and color depth Once set, it will lose quality a lot easier, especially if trying to make it larger VECTOR FILE Mathematical term, determined by magnitude and direction = line or path Defined start and end point more points added create curves, angles, and shapes Typefaces are created by paths and are mostly vector-based (i.e. font sizes) File size and quality does not change by scaling it; these are only affected by adding or subtracting to the file Easily scalable without loss of quality

Reference: http://www.companyfolders.com/blog/image-file-types-explained-which-format-should-you-use

LOSSY vs. LOSSLESS Refers to image file compression = quality LOSSY: trade image quality for file size file looks like a perfect copy of the original but the representation is of far less quality LOSSLESS: does not compress as much (usually larger file size) will look like a perfect copy of the original, leaving the file most uncompressed

DPI = Dots Per Inch PPI = Pixels Per Inch Number of dots in a printed inch, ex. 300 dpi, 150 dpi Number of pixels per digital inch, describes pixel density of a screen or an image Resolution High or Low Measure of dots or pixels in an image or display, ex. 300 dpi, or width x height of a TV screen: 1920 x 1080 pixels Resolution also represents quality the higher the resolution, the more detail it needs to have

JPEG Joint Photographic Experts Group Lossy data compression, medium quality images Lower file sizes User friendly, share between wide variety of platforms Best use: web design, social media, digital photography GIF Graphics Interchange Format Low resolution, lower quality images Lower file sizes more colors added, larger the file size Handles transparencies well Animation (ex. memes and vines) Best use: web design, social media NOT good for digital photography

PNG Portable Network Graphics Lossless data compression, high quality images Can be higher file sizes (use sparingly on website, for less load time) Detailed photo images at higher quality than a JPEG Transparencies at higher quality than a GIF Best use: web design, social media TIFF Tagged Image File Format Lossless data compression, high quality images Higher file sizes too large to ever use on a website Supports layers, keeps original quality of files Best use: printing (professional and commercial), NOT web design, social media, or logos

PSD Adobe Photoshop Adobe Photoshop native format High quality, file size depends on complexity of the image Good for internal use Best use: printing EPS Encapsulated Postscript Uses vector and raster components Transfer PostScript-language between applications Raw elements, good for internal and external use Easily converted to PNG, JPEG, or GIF Best use: printing, screen printing, embroidery, promotional items, NOT for use on a website

AI Adobe Illustrator Adobe Illustrator native format Good for internal use Logos and illustrations Best use: printing, screen printing, embroidery, promotional items PDF Portable Document Format Open source, universal file format Hybrid of raster and vector images High & low resolution = image quality Can be used for both digital and print Best use: printing, clients, internal and external audience, downloadable files on website

Converting the File Formats Vector to Raster Easy Compresses vector into pixels Files no longer able to be manipulated or resized for same quality Always save original of vector files before rasterizing Raster to Vector No easy way Possibly trace the contents back into a vector