File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.

Slides:



Advertisements
Similar presentations
CHS GRAPHICS GDP UNIT 01 FILE FORMATS Understanding File Formats.
Advertisements

Dan Sadler Montgomery County Department of Information Systems & Telecommunications - GIS Team (DIST-GIS) Map Gallery.
Graphic Arts Graphics Formats: What You Need to Know About the Pictures 1.
2.01 Understand Digital Raster Graphics
2.02 Understand Digital Vector Graphics
Guilford County SciVis V106.01
V Obtained from a Guildford County workshop-Summer, 2014.
Vector Graphics 2.02 Understand Digital Vector Graphics.
Image Compression CSC CSC Computing with Images2 How do we use fewer bytes to encode the same or similar information? Reduce redundancy Take.
File Formats The most common image file formats, the most important for cameras, printing, scanning, and internet use, are JPG, TIF, PNG, and GIF.
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.
File Types, Sizes & Dots Per Inch (dpi) Best practices applied to Photoshop file formats when creating media-specific documents. Bit Depth is the number.
 Scanned or digitally captured image  Image created on computer using graphics software.
Introduction to Graphic Arts Technology PRINT Versus WEB.
Russell Taylor Week 3. Image File Formats - TIF, JPG, PNG, GIF - which to use? The three most common and important image file formats for for printing,
Dr Jimmy Lam CAD for Fashion and Textiles
Vector A software technology that uses mathematical points based on “vectors" (information giving both magnitude and direction). Because the computer.
File Formats COM 366 Web Design & Layout. Native file format –Format native to software program –.psd > PhotoShop default Preserves layers –Use “Save.
© 2000 – All Rights Reserved - Page 1 Workflow in Computer Graphics Workflow in Computer Graphics For Print and For the Web.
File Formats About graphic file formats And image compression.
All About File Formats Mr. Butler John Jay High School Department of Technology.
Presentation Design: Graphics. More About Color “Bit depth” of colors -- This is based on the smallest unit of information that a computer understands.
© 2000 – All Rights Reserved – Page 1 Graphic File Formats Graphic File Formats.
SOFTWARE TYPES Word processing Page layout Paint Draw.
Files, File Format Folders Paths, URL Absolute Addresses Relative Addresses © Ms. Masihi.
Digital File Formats ACCT-IGD-10: Students will generate and manipulate various graphic imaging processes. ACCT-IGD-15: Students will identify and produce.
JRN 440 Adv. Online Journalism Raster file formats for print Wednesday, 2/8/12.
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
Web Graphics By Chris Harding. Contents  Software  Vector Graphics and Pixel Based  Transparent Images  Compression  GIF vs. JPEG  Animated GIF.
10 | Graphics COM 366 Web Design & Production. Native file format –Format native to software program –psd > PhotoShop default Preserves layers –Use “Save.
2D Graphics Theory & Principles. Single Point Smallest addressable area on screen or digital image.
File Formats and Vector Graphics. File Types Images and data are stored in files. Each software application uses different native file types and file.
Image Compression CSC CSC Computing with Images2 Image Compression Goal: reduce redundancy –Encode the same information using fewer bits.
Chapter 2 File Format Objectives (1 of 2) Identify the difference between vector based graphics and bitmap-based graphics Clarify bitmap and vector graphic.
 Scanned or digitally captured image  Image created on computer using graphics software.
CSC Computing with Images1 File formats for images on the web CSC 1040.
Raster Graphics 2.01 Investigate graphic image design.
File Types. Terms Multimedia- the integration of text, sound, video and/or animation into a document Letters, brochures, newsletters, web pages or presentations.
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.
GDP-1 Understanding File Formats. Native format Is it possible to open a.wmv or a.mov file in Illustrator and edit the file? Why or why not? Can you open.
21 st Century Technology. Painting Uses Pixels Quality of image Changes Drawing Uses Vectors or Lines Quality of Image Does NOT Change.
Vector vs. Raster What’s the difference between vector and raster file formats? The real difference between the two formats is how they are used.
2.01 Understand Digital Raster Graphics
Understanding Images. Pixels pixels Every image is made up of very small squares called pixels, and each pixel represents a color or shade. Pixels within.
ITEC2110, Digital Media Chapter 2 Fundamentals of Digital Imaging 1 GGC -- ITEC Digital Media.
Bitmap vs. Vector How computers work with photographs and drawings.
2.01 Understand Digital Raster Graphics
File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save.
2.01 Understand Digital Raster Graphics
Digital Imaging 101 Ann Ware.
Digital Illustration Chapter 6 File format.
Chapter 3 Image Files © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
2.01 Understand Digital Raster Graphics
Image Formats.
Sci Vis I Exam Review Unit 6 File Formats.
File Formats.
2.01 Investigate graphic image design.
Chapter 3 Image Files © 2017 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
A computer display is made up of small squares, called pixels.
Image File Size and File Compression
Digital Images.
2.01 Understand Digital Raster Graphics
Terms 1 Terms 2 Terms 3 Terms 4 Terms 5 1pt 1 pt 1 pt 1pt 1 pt 2 pt
2.01 Investigate graphic image design.
2.01 Understand Digital Raster Graphics
2.01 Investigate graphic image design.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
2.01 Investigate graphic image design.
Presentation transcript:

File Formats Different applications (programs) store data in different formats. Applications support some file formats and not others. Open…, Save…, Save as…, Import…, Export…, Place... File formats appear as a (usually) 3 letter suffix or “extension” after the name of the file, e.g., .psd, .doc, .jpg, .pct, .tif, .gif, .ppt, etc. MacIntosh does not require the file extension after the name, but Windows does. On the Mac choose “append file extension” for easier communication across platforms.

Adobe Illustrator Save Save As. . . Save a Copy. . . Save as Template. . . Save for Web. . . Illustrator can save files in the following basic formats: .ai — Adobe Illustrator, its “native” format .pdf — Adobe Portable Document Format .ait — Adobe Illustrator Template .eps — Illustrator Encapsulated PostScript .svg — Scalable Vector Graphics .svgz — SVG compressed As well as a number of Web compatible formats (.gif, .jpeg, .png-8, .png-24, .swf, .svg., .wbmp)

But. . ., Illustrator can open (import) and export files in many (almost 30) different file formats, however when you Export, most formats convert the vector drawing into a bitmap image: See: Illustrator Help. . . Contents. . . Saving and Exporting. . . About graphic file formats

Adobe Photoshop Save Save As. . . Save a Version Save for Web. . . Photoshop can save files in many file formats: .psd — Photoshop Document, its “native” format .pdf — Photoshop Portable Document Format .eps — Photoshop Encapsulated PostScript .tiff — Tagged Image File Format .gif — Compuserve Graphic Interchange Format .jpg — JPEG, Joint Photographic Experts Group .bmp — Windows Bitmap .png — Portable Network Graphic etc., etc.

And. . ., like Illustrator, Photoshop can open many (about 25) different file formats: However, it can import and export fewer file formats. See Photoshop Help. . . Contents. . . Saving and Exporting Images. . .

What are the basic graphic file formats? Which file formats should you use and why? How does the format affect the file size? How does the format handle compression?

Encapsulated PostScript EPS Encapsulated PostScript Preferred file format for importing into page layout programs such as QuarkXPress, PageMaker, InDesign, XPress, etc. for subsequent printing. An object-oriented format. Will only print to a postscript printer. Uses lossy JPEG compression. Only save your file as EPS if you need to import it into a page layout program.

Tagged Image File Format TIFF Tagged Image File Format Widely used cross platform file format also designed for printing. A bitmap image format. TIFF supports lossless LZW compression which also makes it a good archive format for Photoshop documents.

Graphics Interchange Format GIF Graphics Interchange Format Industry standard graphic format for on-screen viewing through the Internet and Web. Not meant to be used for printing. The best format for all images except scanned photographic images (use JPEG for these). GIF supports lossless LZW compression.

Joint Photographic Experts Group JPEG Joint Photographic Experts Group Preferred format for scanned photographic images for use over the internet or Web. Not meant for printing. Not good for images with a lot of solid color, vector drawings, type, or line art or images with “Web-safe” colors. JPEG compression is lossy! Save and archive the original before converting to JPEG.

Portable Document Format PDF Portable Document Format Developed to transfer and read documents without having to print them—the “paperless office.” Cross platform format that can be read with the free download Adobe Acrobat Reader. Can represent both vector and bitmap graphics. Can also contain electronic document search and navigation features as well as hypertext links. Can be created from almost any application, but the user cannot edit or modify the file except with Adobe Acrobat (or other software). Document formatting, fonts, colors, etc. are maintained and appear identical across platforms. Excellent in the “prepress” process — can be sent to the printer, but can also be placed in other documents.

File Format and File Size Vector-graphics files are memory conservative. You can easily work, save, transfer, print, and archive the file in Illustrator’s native format (.ai). To send to a PostScript printer or place in a page layout program, convert to an EPS or TIFF file; but while TIFF uses lossless compression, EPS uses lossy JPEG compression.

Bit-mapped images use a LOT of memory and, hence, a lot of disk space Bit-mapped images use a LOT of memory and, hence, a lot of disk space. The larger the file, the slower it is to edit, save, print, or send over the internet. Work with smaller images and archive the image when not in use or use compression. But. . . be careful with lossy compression Work in Photoshop’s native file format (.psd) until you have to do something with the image.

Compression: to lose or not to lose? Lossless Compression vs. Lossy Compression

Lossless compression types: RLE (Run Length Encoding) LZW (Lempel-Ziv-Welch) Huffman Zip Uncompressed 000000000000000000000111111111111100000000000001111111111111111111111 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 RLE Row 1, 21:0,13:1;13:0;22:1 LZW, etc. use algorithms in addition to RLE 01010101010101010101

9:1 “Lossy” compression types: JPEG Genuine Fractals Mr. SID “averaging” Original Compressed

In Photoshop, when you Save as… a JPEG file, you can choose the level of compression and, therefore, the size and quality of the file.

JPEG cautions: Images with hard edges, high contrasts, angular areas, and text suffer from JPEG compression. Scanned “natural” photographs do not lose much, especially at High or Maximum quality. Only save finished images as JPEGs, every time you open and save again, even if you don’t edit, you lose quality. Always keep the original non-JPEG version (the native .psd format). So why use JPEG? It is the best format for photographic images on the Web. It’s compression ability is very great.

HIGHLY RECOMMENDED D. Blatner and B. Fraser, 2004, Real World Adobe Photoshop CS, Peachpit Press.