21 Tools Every Shop Should Have (Ok…22)

Total Page:16

File Type:pdf, Size:1020Kb

21 Tools Every Shop Should Have (Ok…22) 21 Tools Every Shop Should Have (ok…22) Cracker Jacks for the Sign Shop Copyright 2017 Givemehelp, Inc. & Mark A. Rugen ALL RIGHTS RESERVED This is a presentation of 21 tools that have made my own design and production life better, easier and more fun. I hope you will take advantage of these great tools I have collected over the last 30 years. Many are free to download and use, some have a small fee, so be sure to hunt for the best price online, but all of them have saved hours of time in design and production of images for print. 1 Remember Cracker Jacks? Remember Cracker Jacks? Not only was the popcorn and peanuts good, but everyone wanted to find the prize. Well, this presentation is the popcorn and peanuts and the prize will be better production in your shop! So enjoy! 2 In case someone here does not remember Cracker Jacks, here’s a reminder….. 3 Cracker Jacks Facts • 1872 It all began – Caramel covered popcorn invented. • 1912 Prizes added to the box. Cracker Jack baseball card worth tons. • 1918 Mascots Sailor Jack and Bingo introduced. • 1941-1945 Supplied field rations for the Allies during World War II • 1964 Columbus, Ohio-based Borden, Inc. purchases the Cracker Jack Company. • 1997 Frito Lay purchases Cracker Jack brand from Borden. • 2016 Prizes replaced with QR Codes for video games. Think about this brief overview of the company behind the product. They still exist. They have made some good moves and some not so good, but they keep on going, now over 140 years old. They are not afraid to try something new while keeping the basic product solid. Isn’t that so much like our own businesses. We have to keep moving forward, trying things that work and things that don’t while maintaining a good product and service. I will be shwing numerous ways to solve some issues we face daily in dealing with customer artwork and other issues in our shop. The question is, will you be willing to try something new? 4 What if you could….. • Print better images even if you start from crap? • Convert low resolution images into crisp, vector artwork? • Remove complex background with ease? • Make small, low resolution images printable even at larger sizes? • Remove, objects in a complex image? • Identify find fonts from a photo in seconds? What if…. Let’s add some cracker jacks to your business! 5 Adobe Plugins • SmartCurves • C3C Color Wizard Use these two plugins with Photoshop or FlexiSIGN a commercial sign and print software to adjust and enhance images for maximum impact! They can change the way you deal with images and design. Let me show you some examples. 1. SmartCurves – makes it easier to adjust poor color in images to bring them to a more natural gray point or even to add to shadows, highlights etc. All of this could be done in Adobe Photoshop perhaps, but adding this plugin allows for more precise adjustments and it can be used in any plugin aware system. 2. C#C Color Wizard – will allow you to add enhancements to an image. Anything from enhancing a single color channel to desaturation, adding vividness and much more. It almost has too many options! 6 PhotoZoom Pro 7 If you need to enlarge a photo, then PhotoZoom Pro 7 is the way to go. Fastest and best quality when enlarging bitmaps. This program can be used as an online choice or downloaded as a desktop application. It is great with low resolution images as well as those full color photos. Tools included with the program allow for slight editing, but many times that is not needed. Take a low-resolution image and then enlarge it hundreds of time if needed to a good quality result. 7 Find My Font Search your hard drive AND the internet to find just about any font using just a bitmap or photo. This program is the fastest method for finding fonts as well as identifying where to get them. 8 VectorMagic https://vectormagic.com/?atk=QrKo8P6Rv2 Need to trace a really low-resolution bitmap accurately? Save time with VectorMagic. This is by far the best and fastest way to go from bitmap format to vector format. 9 Stardock Fences Organize your desktop and use multiple desktops if needed. Really speeds up finding things and organizing and keeping you organized. 10 RocketDock https://rocketdock.en.softonic.com/download A MAC like quick access to apps. For the most used apps, this is great and can save time trying to start a program. https://rocketdock.en.softonic.com/download Give your desktop a Mac-like feel with RocketDock, an animated quick-launch bar. RocketDock allows you quick, convenient access to your favorite programs and most commonly used folders. Setting it up is quick and easy and results in a really impressive navigation bar that you can position anywhere on the screen and customize as much as you like. There are 13 RocketDock skins to begin with and you can even create you own if you are feeling creative. Adding shortcuts is a breeze. Either choose “Add” from the context menu and browse for a file or, more simply, drag and drop files directly onto the bar. If you want you can change any of the RocketDock icons, rearrange them by dragging or adjust the animation speed to your liking. RocketDock a pretty slick addition to your desktop, so if you're looking to spruce up your desktop a bit while keeping your favorites close at hand, RocketDock is definitely worth a try. Bring a Mac feel to your desktop with quick launch bar RocketDock. 11 • Save Crashing ClearClipBoard • http://clipdiary.com/clear-clipboard/ A tiny little utility that will save the hassles of RAM crashing When you copy and paste the copied file remains in the RAM memory. This lowers the amount of RAM that can be used for other purposes and if you need that for RIPping and printing, it an cause issues. This program has just one purpose and that is to clear the clipboard and release that RAM. lear Clipboard instantly deletes the clipboard contents. You might want to run Clear Clipboard to make sure that the clipboard is empty. Clear Clipboard is freeware - no need to pay for such a simple application! 12 Color Palette Inspirations https://blog.snappa.com/color-palette-inspiration/ 13 sources for creating some cool color palettes and then use them in Adobe, Flexi or any program where you need them. This isprobabaly the easiest way to define harmonious colors and then create custom pallets. 13 FilterForge FilterForge Make some creative textures. This system allows the user to not only make custom textures and effects, but they can draw from the over 400,0000 effects and textures gallery as well as contribute to it. It is a stand alone as well as a plugin for Photoshop and other photoshop plugin compatible programs. 14 Picosmos Tools http://www.picosmos.net/ Can you say cool! Remove complex backgrounds or remove individual parts of an image, add effects, screen capture, shall I go on? This is the swiss knife of graphic adjustments software, and the best part is that it is free to use. 15 • Inpaint will magically fill the selected area with intelligently- generated textures pulled from the surrounding image data. https://www.theinpaint.com/ InPaint Inpaint will magically fill the selected area with intelligently-generated textures pulled from the surrounding image data. Go to our Tutorials page and see for yourself how easy it is for anyone to do with just a few simple steps. Download our Try-Before-You-Buy demo and use it on your own photos! 16 Photoscissors • PhotoScissors saves the day when you quickly need to cut out a person or an object to paste it to another picture, or to remove background from a photo. You don't need any specific skills or professional software for a perfect image clip: few mouse strokes produce an accurate clipping path that can be further enhanced with fine brushes. https://www.photoscissors.com/ PhotoScissors saves the day when you quickly need to cut out a person or an object to paste it to another picture, or to remove background from a photo. You don't need any specific skills or professional software for a perfect image clip: few mouse strokes produce an accurate clipping path that can be further enhanced with fine brushes. 17 • PlaceIt – Placeit.com Mockup • Mockup – Printful.com Generator • SmartMockup Mockup Generators allow you to see a marketing image of the final product you intend to produce. While they are designed to also allow you to place an order and let other companies generate the product, they are great for producing a marketing pieces and then using your own machines to produce the product. 18 Royalty Free Images • Pexels.com • Pixabay.com • Publicdomainpictures.net Three great ways to get completely free to use as you choose images. It’s important to respect copy rights, but these sites have thousands of images that you can draw from and use completely royalty free. 19 www.signelements.com Trust me, this is THE resource for art, vector, templates a much more! www.signelements.com Come on…seriously? This is the resource of resources! Signelements.com is probably ultimate resource for anything from fonts, to images, to vehicle templates. They are so popular that the FlexiSIGN folks even get 5 elements for month. 20 www.signelements.com Trust me, this is THE resource for art, vector, templates a much more! www.signelements.com Come on…seriously? This is the resource of resources! 21 www.signelements.com Trust me, this is THE resource for art, vector, templates a much more! www.signelements.com Come on…seriously? This is the resource of resources! 22 http://www.xnview.com/en/ File Conversion with XnView We all get those files that just wont open or need to be in some format to use in a program, this one will get it done.
Recommended publications
  • Inhoudsopgave Inleiding
    INHOUDSOPGAVE INLEIDING...........................................................................................................................12 Wat is fotografie?.............................................................................................................12 CAMERA'S & LENZEN........................................................................................................14 Analoge / Digitale camera's.............................................................................................14 Camera types...................................................................................................................16 Compactcamera's........................................................................................................16 DSLR camera's............................................................................................................16 Systeemcamera's........................................................................................................17 Grootbeeldcamera's....................................................................................................18 Hoe werkt een camera?...................................................................................................19 Compactcamera..........................................................................................................19 Systeemcamera...........................................................................................................19 DSLR / grootbeeldcamera...........................................................................................19
    [Show full text]
  • Im Agemagick
    Convert, Edit, and Compose Images Magick ge a m I ImageMagick User's Guide version 5.4.8 John Cristy Bob Friesenhahn Glenn Randers-Pehrson ImageMagick Studio LLC http://www.imagemagick.org Copyright Copyright (C) 2002 ImageMagick Studio, a non-profit organization dedicated to making software imaging solutions freely available. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (“ImageMagick”), to deal in ImageMagick without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of ImageMagick, and to permit persons to whom the ImageMagick is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of ImageMagick. The software is provided “as is”, without warranty of any kind, express or im- plied, including but not limited to the warranties of merchantability, fitness for a particular purpose and noninfringement. In no event shall ImageMagick Studio be liable for any claim, damages or other liability, whether in an action of con- tract, tort or otherwise, arising from, out of or in connection with ImageMagick or the use or other dealings in ImageMagick. Except as contained in this notice, the name of the ImageMagick Studio shall not be used in advertising or otherwise to promote the sale, use or other dealings in ImageMagick without prior written authorization from the ImageMagick Studio. v Contents Preface . xiii Part 1: Quick Start Guide ¡ ¡ ¢ £ ¢ ¡ ¢ £ ¢ ¡ ¡ ¡ ¢ £ ¡ ¢ £ ¢ ¡ ¢ £ ¢ ¡ ¡ ¡ ¢ £ ¢ ¡ ¢ 1 1 Introduction . 3 1.1 What is ImageMagick .
    [Show full text]
  • Multimedia Systems DCAP303
    Multimedia Systems DCAP303 MULTIMEDIA SYSTEMS Copyright © 2013 Rajneesh Agrawal All rights reserved Produced & Printed by EXCEL BOOKS PRIVATE LIMITED A-45, Naraina, Phase-I, New Delhi-110028 for Lovely Professional University Phagwara CONTENTS Unit 1: Multimedia 1 Unit 2: Text 15 Unit 3: Sound 38 Unit 4: Image 60 Unit 5: Video 102 Unit 6: Hardware 130 Unit 7: Multimedia Software Tools 165 Unit 8: Fundamental of Animations 178 Unit 9: Working with Animation 197 Unit 10: 3D Modelling and Animation Tools 213 Unit 11: Compression 233 Unit 12: Image Format 247 Unit 13: Multimedia Tools for WWW 266 Unit 14: Designing for World Wide Web 279 SYLLABUS Multimedia Systems Objectives: To impart the skills needed to develop multimedia applications. Students will learn: z how to combine different media on a web application, z various audio and video formats, z multimedia software tools that helps in developing multimedia application. Sr. No. Topics 1. Multimedia: Meaning and its usage, Stages of a Multimedia Project & Multimedia Skills required in a team 2. Text: Fonts & Faces, Using Text in Multimedia, Font Editing & Design Tools, Hypermedia & Hypertext. 3. Sound: Multimedia System Sounds, Digital Audio, MIDI Audio, Audio File Formats, MIDI vs Digital Audio, Audio CD Playback. Audio Recording. Voice Recognition & Response. 4. Images: Still Images – Bitmaps, Vector Drawing, 3D Drawing & rendering, Natural Light & Colors, Computerized Colors, Color Palletes, Image File Formats, Macintosh & Windows Formats, Cross – Platform format. 5. Animation: Principle of Animations. Animation Techniques, Animation File Formats. 6. Video: How Video Works, Broadcast Video Standards: NTSC, PAL, SECAM, ATSC DTV, Analog Video, Digital Video, Digital Video Standards – ATSC, DVB, ISDB, Video recording & Shooting Videos, Video Editing, Optimizing Video files for CD-ROM, Digital display standards.
    [Show full text]
  • The Application of Image Processing Software for Analysis of Roentgenograms
    92 X Research and Teaching of Physics in the Context of University Education Nitra, June 5 and 6, 2007 THE APPLICATION OF IMAGE PROCESSING SOFTWARE FOR ANALYSIS OF ROENTGENOGRAMS Jan Sedláček Abstract Till this time the roentgenograms (also the electronic ones) are evaluated mostly visually. There are many possibilities for evaluation of digital roentgenograms. The aim of our effort is the betterment of the visual readability of roentgenograms for the accurate determination of the eventual seed damage. There are some possibilities to improve the gained electronic image with using PC. We can use either special PC programs or readily available software for image processing. One of the popular special PC programs is the software from the system of Lucia. It is used in life science, criminalistics, materials, or quality controls applications. The function of the “edges detection” is applied for the findings of the eventual seed damage. A very good job for image processing can made readily available PC programs. The freeware of Neat Image is one of the best programs for noise rejection. There is needed to sharpen the image by elevation of contrast and set-up of brightness past noise reduction. We can use Adobe Photoshop or XnView programs for that purpose. The excellent universal freeware for image processing is ImageJ. It uses the functions of median filter for noise reduction, contrast enhancing and edges detection. Keywords: visual readability, image processing software, improvement of images, roentgenogram, Lucia, Neat Image, Adobe Photoshop, XnView, ImageJ. Introduction The digital roentgenogram is made by special sensor, where the space arranged CCD matrix of elements makes the image, which is saved as a digital file for the next process in computer.
    [Show full text]
  • Chapter 11 Graphics and Site Production
    Chapter 11 Graphics and Site Production Site production is concerned with actually creating all the components that will ¯t together and form the desired site. Typically a project team has already made substantial progress and completed the formulation of these items: ² Text-only site with structure, navigation system, typical pages, ¯ll-out forms, and textual content. ² Look and feel of site: font, spacing, color, and layout. ² Design of graphical elements: site entry, rollovers, graphics and images. Based on the graphical designs, image processing tools such as Photoshop can be used to produce the desired image ¯les are ready to drop into the designated spaces in the layout. This is what we call graphics production. Graphics production involves the manufacture of various elements such as navigation bars, hand-drawn images, photographs, charts, illustration and so on. These elements are referred to as the \¯nal art." This is normally considered a fairly mechanical procedure, one in which you follow speci¯c steps to produce the graphical elements needed. With graphics production done, the project team is ready to produce the site. Figure 11.1 shows an overview of the site production process. The three boxes on the third row in this ¯gure constitute the input to the production process. Central to the production e®ort is an 513 514 CHAPTER 11. GRAPHICS AND SITE PRODUCTION Integrated Development Environment (IDE) such as Macromedia Dreamweaver. The IDE provide an e®ective visual environment to create layout grids, drop in graphics and text, install rollovers, and adjust HTML and styles. The IDE can then generate HTML page templates, style sheets (CSS), and Javascript code.
    [Show full text]
  • And Alternatives to Free Software
    Free Software and Alternatives to Free Software Presentation for the: Sarasota Technology Users Group June 5, 2019 7:00 p.m. Presented by: John “Free John” Kennedy [email protected] Member of the East-Central Ohio Technology Users Club Newark, Ohio Brought to you by: APCUG Speakers Bureau One of your benefits of membership. Functional Resources Economically Enticing Functional Resources -- Economically Enticing Functional Resources -- Economically Enticing Functional Resources -- Economically Enticing Functional Resources Economically Enticing FREE My Needs Computer software: ● that does what I want ● and price is reasonable My Problem ● most “packaged” software does way more than what I need ● most “packaged” software costs way more than I can afford What I've Found ● software that costs $$$$ ● software that's FREE ● free software that I like better than other free software Types of Software ● PS = Paid Software ● FS = Free Software ● CSS = Closed Source Software ● OSS = Open Source Software ● POSS = Paid Open Source Software ● FOSS = Free Open Source Software FOSS ● Free and Open Source Software ● Free software vs. Open Source Software; are they the same or different? Recipes! ● Both are free, but open source developers are willing to share the code so that others can help re- write/improve the software (you can also donate to these people as well). Bottom Line = $$$$ ● Free programs may be missing some features. ● So far I haven't missed them, and you may not either. ● But if something is missing, then you decide if it's worth the total price of the program to have that missing feature. ● Start with the free program, if it doesn't meet your needs, purchase the paid program.
    [Show full text]
  • Graphicxpsd Package
    graphicxpsd Package Munehiro Yamamoto 2021/01/07 v1.2 Abstract This package provides Adobe Photoshop Data format (PSD) support for graphicx package with sips (Darwin/macOS)/magick (ImageMagick) command. 1 Motivation graphicx package supports already many graphics image formats as bellow. • non-vector formats: jpg, png, bmp, and so on • PostScript-style formats: eps, ps • PDF-style formats: pdf, ai However, it currently does not support Adobe Photoshop Data format (PSD). Against that, we developed the graphicxpsd package to support PSD format via PSD-to-PDF conversion with two image converters. • sips: pre-installed command in Darwin/macOS • magick: bundled command in ImageMagick 2 Loading graphicxpsd Package Load graphicxpsd package after loading graphicx package. \usepackage{graphicx} \usepackage[<options>]{graphicxpsd} The list of available options is the following. • dvipdfmx, xetex, pdftex, luatex: supported driver options; You can also give specific driver option from global option. • sips (default), magick (same as imagemagick), convert1: supported im- age converters; 1 – Darwin/macOS users do not have to do anything unless you choose ImageMagick as PSD-to-PDF converter. – If you use ImageMagick 7, you may choose magick. – If you should use ImageMagick 6 or lower version, you just choose convert. • cache=true: supports to include cached images for all PSD files. If there does not exist the cached image for a PSD file, graphicxpsd attempts PSD- to-PDF conversion of the PSD file. 3 Example Typeset the following LATEX document with LuaTEX enabling the shell escape, that is, run lualatex -shell-escape. %#!lualatex -shell-escape \documentclass[luatex]{article}%%set luatex driver as global option \usepackage{graphicx} \usepackage{graphicxpsd} \begin{document} \includegraphics{tigerpsdfmt.psd} \end{document} Then, the result is as below.
    [Show full text]
  • Freeware Irfanview Windows 10 Latest Version Download Freeware Irfanview Windows 10 Latest Version Download
    freeware irfanview windows 10 latest version download Freeware irfanview windows 10 latest version download. Advantages of IrfanView 64-bit over 32-bit version: It can load VERY large files/images (image RAM size over 1.3 GB, for special users) Faster for very large images (25+ Megapixels, loading or image operations) Runs 'only' on a 64-bit Windows (Vista, Win7, Win8, Win10) Advantages of IrfanView 32-bit over 64-bit version: Runs on a 32-bit and 64-bit Windows Loads all files/images for normal needs (max. RAM size is about 1.3 GB) Needs less disc space All PlugIns will work: not all PlugIns are ported (yet) to 64-bit (like OCR) and some 32-bit PlugIns must be still used in the 64-bit version, some with limitations (see the "Plugins32" folder) Some old 32-bit PlugIns (like RIOT and Adobe 8BF PlugIn) work only in compatilibilty mode in IrfanView-64 ( only 32-bit 8BF files/effects can be used ) Command line options for scanning (/scan etc.) work only in 32-bit (because no 64-bit TWAIN drivers ) Notes: You can install both versions on the same system, just use different folders . For example: install the 32-bit version in your "Program Files (x86)" folder and the 64-bit version in your "Program Files" folder (install 32-bit PlugIns to IrfanView-32 and 64-bit PlugIns to IrfanView-64, DO NOT mix the PlugIns and IrfanView bit versions) The program name and icon have some extra text in the 64-bit version for better distinguishing. Available 64-bit downloads.
    [Show full text]
  • Digital Photo Editing
    Digital Photo Editing Digital Photo Editing There are two main catagories of photo editing software. 1. Photo Organizers - Programs that help you find your pictures. May also do some editing, and create web pages and collages. Examples: Picasa, XNView, ACDsee, Adobe Photoshop Elements 2. Photo Editors - Work on one picture file at a time. Usually more powerful editing features. Examples: Adobe Photoshop, Gimp, Paint.Net, Corel Paint Shop Photo Organizers Organizers tend to have a similar look and functionality to each other. Thumb nail views, a directory tree of your files and folders, and a slightly larger preview of the picture currently selected. A selection of the most used editing tools, and batch editing for making minor corrections to multiple pictures at once. The ability to create slide shows, contact sheets, and web pages are also features you can expect to see. XNView Picasa ACDsee Some of the editing features included in Photo Organizer software are: Red Eye Reduction, Rotate, Resize, Contrast, Color Saturation, Sharpen Focus and more. Many of these can be done in batch mode to as many pictures as you select. Picasa has added Picnik to it's tool set allowing you to upload your photo to the Picnik website for added editing features. Here is an example of Redeye removal in Picasa. Crop, Straighten, and Fill Light are often needed basic fixes. Saving and converting your picture file. In Xnview you can import about 400 file formats and export in about 50. For the complete list goto http://www.xnview. com/en/formats.html . Here is a list of some of the key file formats your likely to use and / or come across often.
    [Show full text]
  • Adobe Photoshop Elements 13 Getting Started with Adobe Photoshop Elements 13 © 2014 Adobe Systems Incorporated and Its Licensors
    Getting Started with Adobe Photoshop Elements 13 Getting Started with Adobe Photoshop Elements 13 © 2014 Adobe Systems Incorporated and its licensors. All rights reserved. Getting Started with Adobe Photoshop Elements 13 This guide is licensed for use under the terms of the Creative Commons Attribution Non-Commercial 3.0 License. This License allows users to copy, distribute, and transmit the guide for noncommercial purposes only so long as (1) proper attribution to Adobe is given as the owner of the guide; and (2) any reuse or distribution of the guide contains a notice that use of the guide is governed by these terms. The best way to provide notice is to include the following link. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/. Adobe, the Adobe logo, and Photoshop are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. Mac OS is a trademark of Apple Inc., registered in the U.S. and other countries. Windows and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. All other trademarks are the property of their respective owners. Adobe Systems Incorporated, 345 Park Avenue, San Jose, California 95110, USA. CONTENTS Getting started with Adobe Photoshop Elements System requirements 1 Installing/uninstalling Adobe Photoshop Elements 1 Supported software and hardware 4 Help resources 5 What’s new in Adobe Photoshop Elements 13 7 Get started quickly 7 GET STARTED Adobe Photoshop Elements 13 combines power and simplicity so you can easily make your photos look their best.
    [Show full text]
  • Adobe® Photoshop® Exam Objectives
    Adobe Certified Associate Adobe® Photoshop® Exam Objectives 1.0 Setting project requirements 4.0 Manipulating images using Adobe 1.1 Identify the purpose, audience, and Photoshop CS6 audience needs for preparing image(s). 4.1 Demonstrate knowledge of working 1.2 Demonstrate knowledge of standard with selections. copyright rules for images and image 4.2 Use Photoshop guides and rulers. use. 4.3 Transform images. 1.3 Demonstrate knowledge of project 4.4 Adjust or correct the tonal range, color, or management tasks and responsibilities. distortions of an image. 1.4 Communicate with others (such as 4.5 Demonstrate knowledge of retouching peers and clients) about design plans. and blending images. 4.6 Demonstrate knowledge of drawing and 2.0 Identifying design elements when painting. preparing images 4.7 Demonstrate knowledge of type. 2.1 Demonstrate knowledge of image 4.8 Demonstrate knowledge of filters. resolution, image size, and image file format for web, video, and print. 5.0 Publishing digital images using Adobe 2.2 Demonstrate knowledge of design Photoshop CS6 principles, elements, and image 5.1 Demonstrate knowledge of preparing composition. images for web, print, and video. 2.3 Demonstrate knowledge of typography. 2.4 Demonstrate knowledge of color correction using Photoshop CS6. 2.5 Demonstrate knowledge of image- generating devices, their resulting image types, and how to access resulting images in photoshop. 2.6 Understand key terminology of digital images. 3.0 Understanding Adobe Photoshop CS6 3.1 Identify elements of the Photoshop CS6 user interface and demonstrate knowledge of their functions. Learn more about ACA Certification.
    [Show full text]
  • Webp - Faster Web with Smaller Images
    WebP - Faster Web with smaller images Pascal Massimino Google Confidential and Proprietary WebP New image format - Why? ● Average page size: 350KB ● Images: ~65% of Internet traffic Current image formats ● JPEG: 80% of image bytes ● PNG: mainly for alpha, lossless not always wanted ● GIF: used for animations (avatars, smileys) WebP: more efficient unified solution + extra goodies Targets Web images, not at replacing photo formats. Google Confidential and Proprietary WebP ● Unified format ○ Supports both lossy and lossless compression, with transparency ○ all-in-one replacement for JPEG, PNG and GIF ● Target: ~30% smaller images ● low-overhead container (RIFF + chunks) Google Confidential and Proprietary WebP-lossy with alpha Appealing replacement for unneeded lossless use of PNG: sprites for games, logos, page decorations ● YUV: VP8 intra-frame ● Alpha channel: WebP lossless format ● Optional pre-filtering (~10% extra compression) ● Optional quantization --> near-lossless alpha ● Compression gain: 3x compared to lossless Google Confidential and Proprietary WebP - Lossless Techniques ■ More advanced spatial predictors ■ Local palette look up ■ Cross-color de-correlation ■ Separate entropy models for R, G, B, A channels ■ Image data and metadata both are Huffman-coded Still is a very simple format, fast to decode. Google Confidential and Proprietary WebP vs PNG source: published study on developers.google.com/speed/webp Average: 25% smaller size (corpus: 1000 PNG images crawled from the web, optimized with pngcrush) Google Confidential and Proprietary Speed number (takeaway) Encoding ● Lossy (VP8): 5x slower than JPEG ● Lossless: from 2x faster to 10x slower than libpng Decoding ● Lossy (VP8): 2x-3x slower than JPEG ● Lossless: ~1.5x faster than libpng Decoder's goodies: ● Incremental ● Per-row output (very low memory footprint) ● on-the-fly rescaling and cropping (e.g.
    [Show full text]