Graphic File Formats Demystified Which File Format to Choose?

Total Page:16

File Type:pdf, Size:1020Kb

Graphic File Formats Demystified Which File Format to Choose? Graphic File Formats Demystified Which file format to choose? INDD JPG EPS PSD TIF CAMERA RAW GIF AI PDF PNG Who cares? You should Ask Yourself What are you going to do with the file? Is your graphic raster? Is your graphic vector? What is the difference? Raster Graphics Created with pixels Resolution dependent Scaling compromises the resolution Scaling can compromise quality 100% Scaled 300% Vector Graphics Created with paths Points, lines, shapes Mathematic equations and geometry to create art Resolution independent Scalable without loss of quality Postage stamp to billboard and beyond 100% Scaled 600% Raster Vector FILE COMPRESSION LOSSLESS (lose less) This form of data compression is an algorithm that looks for redundancy in data. For instance, a blue sky may have several pixels that are the same color of blue. Rather than write each pixel it groups them together in a “run-length encoding” to say that there are 157 blue pixels. When expanded the data remembers what and where it was and no information is lost or changed. Examples: PNG, TIF, PDF LOSSY (lousy) This form of compression gathers data that is similar within a defined tolerance and rewrites that information as the same. Original data is discarded (lost). When expanded the new data is displayed. Example: JPG Raster File Formats JPG Joint Photographic Experts Group The most common file Does not retain layers or transparency Quality of the image decreases every time the file is saved Lossy compression Best For: web, raster Not For: print Original JPG JPG saved multiple times PNG Portable Network Graphics Supports transparency options Sharper image Lossless compression Best For: web, raster Not For: print (but can be) JPG PNG GIF Graphics Interchange Format Animated images Smaller file size Loads quickly for web Best For: web, raster Not For: print, vector TIF Tagged Image File Format Options for type of compression Larger file size Lossless compression Best For: print, raster Not For: web PSD Photoshop Document Files created in Adobe Photoshop Retains layers Lossless compression Best For: print, raster Not For: web JPG 881 KB PNG 5 MB PSD 17.4 MB TIF 52.2 MB RAW/DNG Digital Negative Unprocessed by the Camera Uncompressed data Edits are only filed in metadata Original data is preserved when camera raw images are adjusted RAW Captures more values, tones, shades, colors Editing in “Camera Raw” keeps the data intact Lossless compression Best For: print, raster Not For: web Vector File Formats EPS Encapsulated Postscript Originally an image needed to be an EPS to be place into a page layout program Postscript file with a preview An older file format Best For: print, vector, raster Not For: web AI Adobe Illustrator Document Creates vector files Scalable without loss of quality Best For: vector, print Not For: web, raster PDF Portable Document Format Invented by Adobe Most print work flows are PDFs Can contain links, buttons, form fields, audio, and video Best For: print, web, vector, raster Not For: making changes IDML Allows an InDesign document created in a newer version to be opened in an older version Can save an IDML file Can be included in your packaged ID folder APPLE’S NEW FILE FORMATS FOR IOS 11 HEIC pronounced heek Video HEIF pronounced heef Photo High Efficiency Image File Format Format for individual images and image sequences Developed by MPEG, the Moving Picture Experts Group WHAT CAN HAPPEN IF YOU’VE USED THE WRONG FILE FORMAT Rejected by a printer Incompatible with a computer Slower download times Complete disaster.
Recommended publications
  • Raster Images in R Graphics by Paul Murrell
    48 CONTRIBUTED RESEARCH ARTICLES Raster Images in R Graphics by Paul Murrell Abstract The R graphics engine has new sup- 39837_s_at 1267_at 402_s_at 32562_at 37600_at 1007_s_at 36643_at 1039_s_at 40215_at 39781_at port for rendering raster images via the func- 266_s_at 307_at 38408_at 37539_at 1911_s_at 1463_at 2057_g_at 39556_at 41744_at 34789_at 34850_at rasterImage() grid.raster() 38631_at tions and . This 37280_at 36536_at 37006_at 41397_at 41346_at 40692_at 35714_at 1992_at 33244_at 40167_s_at 32872_at 34699_at 33440_at leads to better scaling of raster images, faster 36275_at 33809_at 40953_at 1308_g_at 1928_s_at 1307_at 40504_at 41742_s_at 41743_i_at 1674_at 40784_at 40785_g_at rendering to screen, and smaller graphics files. 37978_at 37099_at 1973_s_at 38413_at 2036_s_at 1126_s_at 31472_s_at 37184_at 35256_at 40493_at 41779_at 33412_at Several examples of possible applications of 37193_at 37479_at 39210_at 919_at 1140_at 41478_at 35831_at 176_at 37724_at 38385_at 41401_at 41071_at these new features are described. 39135_at 34961_at 37251_s_at 41470_at 1947_g_at 37810_at 36777_at 38004_at 177_at 36897_at 34106_at 31615_i_at 35665_at 33358_at 39315_at 41191_at 931_at 1914_at 36873_at 37809_at 39635_at 38223_at 33936_at 37558_at 41348_at 31605_at 205_g_at 32475_at 34247_at 36149_at 1500_at 34098_f_at 33528_at 35663_at 40393_at 33193_at 39716_at 33405_at 1929_at 36092_at 32215_i_at 41448_at 40763_at 873_at Prior to version 2.11.0, the core R graphics engine 37225_at 38056_at 37413_at 39424_at 32116_at 2039_s_at 40480_s_at 35816_at 1134_at
    [Show full text]
  • Understanding Image Formats and When to Use Them
    Understanding Image Formats And When to Use Them Are you familiar with the extensions after your images? There are so many image formats that it’s so easy to get confused! File extensions like .jpeg, .bmp, .gif, and more can be seen after an image’s file name. Most of us disregard it, thinking there is no significance regarding these image formats. These are all different and not cross‐ compatible. These image formats have their own pros and cons. They were created for specific, yet different purposes. What’s the difference, and when is each format appropriate to use? Every graphic you see online is an image file. Most everything you see printed on paper, plastic or a t‐shirt came from an image file. These files come in a variety of formats, and each is optimized for a specific use. Using the right type for the right job means your design will come out picture perfect and just how you intended. The wrong format could mean a bad print or a poor web image, a giant download or a missing graphic in an email Most image files fit into one of two general categories—raster files and vector files—and each category has its own specific uses. This breakdown isn’t perfect. For example, certain formats can actually contain elements of both types. But this is a good place to start when thinking about which format to use for your projects. Raster Images Raster images are made up of a set grid of dots called pixels where each pixel is assigned a color.
    [Show full text]
  • Graphic File Preparation for Letterpress Printing ©2016
    GRAPHIC FILE PREPARATION FOR LETTERPRESS PRINTING ©2016, Smart Set, Inc. COMMON GRAPHIC FILE FORMATS Vector Formats .ai (Adobe Illustrator) Native Illustrator file format. Best format for importing into Adobe InDesign. Illustrators’s native code is pdf, so saving files in .ai contains the portability of pdf files, but retaining all the editing capabilities of Illustrator. (AI files must be opened in the version of Illustrator that they were created in (or higher). .pdf (Adobe Portable Document Format) A vector format which embeds font and raster graphics within a self-con- tained document that can be viewed and printed (but not edited) in Adobe’s Reader freeware. All pre-press systems are in the process of transitioning from PostScript workflows to PDF workflows. Because of the ability to em- bed all associated fonts and graphics, pdf documents can be generated from most graphics software packages and can be utilized cross-platform and without having all versions of different software packages. Many large printers will now only accept pdf files for output. .eps (Encapsulated PostScript) Before Adobe created the pdf format, PostScript allowed files to be created in a device-independent format, eps files printed on a 300 dpi laser printer came out 300 dpi, the same file printed to an imagesetter would come out at 2540 dpi. PostScript files are straight code files, an Encapsulated PostScript includes a 72 dpi raster preview so that you can see what you’re working with in a layout program such as Quark XPress or InDesign. COMMON GRAPHIC FILE FORMATS Raster Formats .tiff (Tagged Image File Format) Tiffs are binary images best for raster graphics.
    [Show full text]
  • LO1: Investigating Digital Graphics
    Name: Freya Ellis Candidate Number: 5068 Centre Number: 29335 Series: June 2019 R082 – Creating a Digital Graphic LO1: Investigating Digital Graphics Purpose of digital graphic: A digital graphic is an electronic image that can be used for a variety of different things, however the image does not always have to be used on electronic devices as it can be printed and used. Some examples of a digital graphic are magazines, posters, logos etc.. My poster will include images and pictures of popular films to create an eye catching poster that will gather the audience the client wants. The images wont be of just any movies but a wide range as this is an all inclusive film festival for people of all ages. The poster will be very high quality print using 600ppi. It will also have a .tiff image format because it is a high quality print, a big file size and has a lossless compression. With our digital graphic we must make it appealing to everybody because it is a family movie festival, so thus we need to combine the demographics of adults, teenagers and small children. This make it difficult as all of these demographics are very different and so we have to make it eye catching for younger audience but also very informative for an older audience, as well as not looking too childish as to attract teenagers. The graphic I’m going to create will be not only eye catching but also informative and show the true atmosphere that the festival will have, this means it will be simplistic yet interesting easy to read yet informative as I feel this will feel my client needs the best.
    [Show full text]
  • Vector Graphics Is the Use of Geometrical Primitives Such As Points, Lines, Curves, and Polygons to Represent Images in Computer Graphics
    Preparing Images for the Web Anne Nolan EWD Workshop Thursday January 19, 2006 Vector & Raster What is the difference? Which is best for Web graphics? How can you tell the difference? Vector or Bitmap Vector graphics is the use of geometrical primitives such as points, lines, curves, and polygons to represent images in computer graphics Bitmap or raster graphics is the representation of images as a collection of pixels or dots Vector Graphics Vector Graphics Creation and Editing Software Illustrator .ai Corel Draw .cdr Freehand .fh# CAD Files .dwg EPS Encapsulated Postscript .eps PDF .pdf Raster Graphics Raster Creation and Editing Software Photoshop .psd Fireworks .png ImageReady .psd Corel PhotoPaint Paintshop Pro .psp Common Raster Image File Extensions .gif, .jpg, .png, .bmp, .tif Characteristics Scaling: Raster graphics cannot be scaled to a higher resolution without loss of apparent quality Vector graphics easily scale to the quality of the device on which they are rendered without distortion Characteristics Visual Usage: Raster graphics are more practical than vector graphics for photographs and photo- realistic images Vector graphics are often more practical for typesetting or graphic design Characteristics Web Usage: Vector file formats (most) are NOT viewable in a browser without a plug-in. Example: the SVG file format created in Flash needs the Flash Player Raster graphics are easily used on the Web due to the pixel based display of computer monitors. Vector or Raster? Vector or Raster? Raster it is!
    [Show full text]
  • Raster Graphics: a Tutorial and Implementation Guide
    (Supersedes NISTIR 4567) Raster Graphics: A Tutorial and Implementation Guide Frankie E. Spielman Louis H. Sharpe, II U.S. DEPARTMENT OF COMMERCE Technology Administration National Institute of Standards and Technology Computer Systems Laboratory Gaithersburg, MD 20899 QC 100 NIST • U56 #5108 1993 (Supersedes NISTIR 4567) Raster Graphics: A Tutorial and Implementation Guide Frankie E. Spielman Louis H. Sharpe, II U.S. DEPARTMENT OF COMMERCE Technology Administration National Institute of Standards and Technology Computer Systems Laboratory Gaithersburg, MD 20899 January 1993 U.S. DEPARTMENT OF COMMERCE Barbara Hackman Franklin, Secretary TECHNOLOGY ADMINISTRATION Robert M. White, Under Secretary for Technology NATIONAL INSTITUTE OF STANDARDS AND TECHNOLOGY John W. Lyons, Director . - ' .. :% ,; ^^''^;S' 'j! v'- v' '“"*' •''../ .ig;'-^^,- ' " -, /7'' A^vi' ' ‘''=' • ;•.. -1 \-'''-- : J \7A^rif^y“''f7£y ' - I .. 1 '.VI i . Preface This report examines the technical issues facing an implementor of the raster data interchange format defined in the Open Document Architecture (ODA) Raster Document Application Profile (DAP) . The ODA Raster DAP is also included as an appendix to military specification MIL-R-28002B . Information previously scattered throughout several standards is incorporated into this report for ease of reference. The ODA Raster DAP is analyzed with regard to both notation and intent. The motivation behind the development of the raster graphics file formats for large documents which are detailed in the ODA Raster DAP originated in a meeting between the Department of Defense (DoD) and industry experts in 1987. The Computer-aided Acquisition and Logistic Support (CALS) Office of DoD asked the large document raster industry to provide suggestions for a standard interchange file format and raster encoding scheme.
    [Show full text]
  • Forcepoint DLP Supported File Formats and Size Limits
    Forcepoint DLP Supported File Formats and Size Limits Supported File Formats and Size Limits | Forcepoint DLP | v8.8.1 This article provides a list of the file formats that can be analyzed by Forcepoint DLP, file formats from which content and meta data can be extracted, and the file size limits for network, endpoint, and discovery functions. See: ● Supported File Formats ● File Size Limits © 2021 Forcepoint LLC Supported File Formats Supported File Formats and Size Limits | Forcepoint DLP | v8.8.1 The following tables lists the file formats supported by Forcepoint DLP. File formats are in alphabetical order by format group. ● Archive For mats, page 3 ● Backup Formats, page 7 ● Business Intelligence (BI) and Analysis Formats, page 8 ● Computer-Aided Design Formats, page 9 ● Cryptography Formats, page 12 ● Database Formats, page 14 ● Desktop publishing formats, page 16 ● eBook/Audio book formats, page 17 ● Executable formats, page 18 ● Font formats, page 20 ● Graphics formats - general, page 21 ● Graphics formats - vector graphics, page 26 ● Library formats, page 29 ● Log formats, page 30 ● Mail formats, page 31 ● Multimedia formats, page 32 ● Object formats, page 37 ● Presentation formats, page 38 ● Project management formats, page 40 ● Spreadsheet formats, page 41 ● Text and markup formats, page 43 ● Word processing formats, page 45 ● Miscellaneous formats, page 53 Supported file formats are added and updated frequently. Key to support tables Symbol Description Y The format is supported N The format is not supported P Partial metadata
    [Show full text]
  • Digital Preservation Guidance Note: Graphics File Formats
    Digital Preservation Guidance Note: 4 Graphics File Formats Digital Preservation Guidance Note 4: Graphics file formats Document Control Author: Adrian Brown, Head of Digital Preservation Research Document Reference: DPGN-04 Issue: 2 Issue Date: August 2008 ©THE NATIONAL ARCHIVES 2008 Page 2 of 15 Digital Preservation Guidance Note 4: Graphics file formats Contents 1 INTRODUCTION .....................................................................................................................4 2 TYPES OF GRAPHICS FORMAT........................................................................................4 2.1 Raster Graphics ...............................................................................................................4 2.1.1 Colour Depth ............................................................................................................5 2.1.2 Colour Spaces and Palettes ..................................................................................5 2.1.3 Transparency............................................................................................................6 2.1.4 Interlacing..................................................................................................................6 2.1.5 Compression ............................................................................................................7 2.2 Vector Graphics ...............................................................................................................7 2.3 Metafiles............................................................................................................................7
    [Show full text]
  • Web Graphics and File Formats
    Web Graphics and File Formats Chapter 8 Types of Graphics • Raster – Made up of pixels • Pixels are tiny squares of color arranged on a rectangular grid like tiles in a mosaic • Human eye reads pixels as a seamless image • Vector – Composed of simple lines defined by math equations – Logos, text banners, and 3D Web buttons are often vector graphics Graphic File Formats • GIF – Graphic Interchange Format • JPEG – Joint Photographic Experts Group • BMP – Bitmap • PNG – Portable Network Graphics GIF • File Extension: gif • Advantages: – Small file size downloads quickly – Good for line drawings and simple graphics – Only image that can be transparent or animated • Disadvantages – Only supports a maximum of 256 colors – Limited number of colors makes it not appropriate for photographs JPEG • File Extension: jpg or jpeg • Advantages: – Supports millions of colors – Color support makes it good for photos • Disadvantages – Files have a higher quality therefore they are larger in size and take longer to download BMP • File Extension: bmp • Advantages: – Supports millions of colors • Disadvantages – Very large files download slowly – Generally not used for web pages PNG • File Extension: png • Advantages: – Supports more colors than GIF but downloads quickly – Features better support of transparency than GIF • Disadvantages – Not supported by many browsers Interesting Format Info • GIF is pronounced with a hard “g” as in the word graphic • JPEG is pronounced “jay-peg” • Both formats are based on pixels • Most images on web are raster graphics (jpeg
    [Show full text]
  • Zajy\CZKOWSKI Grzegorz, JAROSZ Bartosz
    OVERVIEW OF IMAGE FORMATS SUITABLE FOR PRESENTATION OF ART ON THE WWW ZAJy\CZKOWSKI Grzegorz, JAROSZ Bartosz, WOJCIECHOWSKI Konrad, SMOtKA Bogdan, Silesian Technical University of Gliwice Department of Computer Science Akademicka 16, 44-101 Gliwice Email: bsmolka(a).peach.ia.oolsl. qliwice.pl NAtECKAAnna, MAtECKA Agnieszka SYNOWIEC Pawet, KROL Bogdan School of Arts Katowice An important aspect of image processing is the enormous amount of data which has to be handled when transmitting digital images. The efficient transmission of images is extremally important as the image data transfer takes up over 90 percent of the volume on the Internet. In this aspect computer data compression is a powerfull technology which is playing a vital role in the Information Age. The compression of information can be devided into lossles and lossy techniques. In some cases such as text or financial data transfer only the losless algoritms can be applied. However when transmitting or storing digital images or music data, the application of losssy techniques is aimost invisible to the user, but enables a drastic reduction of the data volume. In this article we present some of the compression techniques which can be used when transmitting or storing digital images. All the formats we were able to gather are accompanied by a short description and an Internet link, which can be used when detailed information is needed. Our intention is to find the optimal compression format for presenting artistic images over the Internet. The first step of our project is the cataloging of the existing formats and evaluating their efficiency when transmitting data containing artistic features.
    [Show full text]
  • Computer Graphics Can Be Divided Into Two Categories
    5 COMPUTER GRAPHIC BASICS, WORKING WITH PICTURES 5.1 VECTOR AND RASTER Computer graphics can be divided into two categories. It is a vector graphics and raster graphics. Both types have their advantages and disadvantages, and each type is useful for other purposes. Each type uses a different "basic building block" and of course other types of files. This also means that there are programs for editing vector graphics and different programs for editing bitmap graphics. 5.1.1 VECTOR GRAPHIC Vector drawing consists of individual objects, which are rectangle, ellipse, line, curve, outline, fill, and text. All these objects are made up of curves which stores information about the starting and ending point, and the directional vector of the curve. The result is a file that compared with grid is much smaller (in terms of data volume). The advantage of vector graphics is the possibility of unlimited modifications without loss of quality. these objects can be variously magnified, rotated, etc., and the drawing remains good. (We cannot say this about the raster). The disadvantage of this format is that it is not suitable for describing complex patterns (such as images) and sometimes problematic transfer between vector programs 5.1.2 RASTR GRAPHIC A raster image is made up of small dots called pixels. Each point in raster image stores information about color. When you place the points next to each other and under each other, we get the final image. Number of points is determined by the quality of the picture. The more points is, the better. This format can be found mainly in photos One advantage is that it can display grid using complex models (photo) and also convert between raster formats is easy.
    [Show full text]
  • Various Raster and Vector Image File Formats
    ISSN (Online) 2278-1021 ISSN (Print) 2319-5940 International Journal of Advanced Research in Computer and Communication Engineering Vol. 4, Issue 3, March 2015 Various Raster and Vector Image File Formats Sakshica1, Dr. Kusum Gupta2 Banasthali Vidyapith, Jaipur campus (Jaipur)1,2 Abstract: Image File Format is one of the standardized ways of storing digital images, with a large number of image file formats available it would be very difficult and challenging for the user to select appropriate image format for storing the images. Choosing the proper image file format according to the demand of the project or according to a specific parameter is of vital importance. Therefore, in this paper we provide a brief review on most common and different image file formats in order to ease the user to choose appropriate file formats while working with files. Keywords: Graphics Interchange Format (GIF), Joint Photographic Expert Group(JPEG), Portable Network Graphics(PNG), Tagged Image File Format(TIFF), Encapsulated PostScript (ESP), Portable Document Format (PDF), Adobe Illustrator (AI), Drawing eXchange Format (DXF). I. INTRODUCTION Images are an important part of today's digital world. File A. Resolution formats are essential when it comes to compatibility and Raster graphics depend upon having a resolution, which is storing images. An image file format is a standard way to counted in .dpi (dots per inch).The lower the resolution the organize and store image data. It defines how the data is smaller the file size [6]. arranged and the type of compression (if any) to be used. Low-resolution raster graphics would normally be set to There are several dozens of different image file formats 72 dpi and are used very often for web sites and presenta- [1].
    [Show full text]