High Performance Images: Shrink, Load, and Deliver Images for Speed

Copyright
 Table of Contents
 Preface
 Who Should Read This Book
 What This Book Isn\'t
 Navigating This Book
 Why We Wrote This Book
 Acknowledgments
 Conventions Used in This Book
 Using Code Examples
 Safari® Books Online
 How to Contact Us
 Chapter 1. The Case for Performance
 What About Mobile Apps?
 Speed Matters
 Do Images Impact the Speed of Websites?
 Lingering Challenges
 Part I. Image Files and Formats
 Chapter 2. The Theory Behind Digital Images
 Digital Image Basics
 Sampling
 Image Data Representation
 Color Spaces
 Additive Versus Substractive
 Color Profiles
 Alpha Channel. Frequency DomainImage Formats
 Why Image-Specific Compression?
 Raster Versus Vector
 Lossy Versus Lossless Formats
 Lossy Versus Lossless Compression
 Prediction
 Entropy Encoding
 Relationship with Video Formats
 Comparing Images
 PSNR and MSE
 SSIM
 Butteraugli
 Summary
 Chapter 3. Lossless Image Formats
 GIF (It\'s Pronounced \"GIF\")
 Block by Block
 Animation
 Transparency with GIF
 LZW, or the Rise and Fall of the GIF
 The PNG File Format
 Understanding the Mechanics of the PNG Format
 PNG Signature
 Chunks
 Filters
 Interlacing
 Image Formats
 Transparency with PNG. There Can Be Only One!Summary
 Chapter 4. JPEG
 History
 The JPEG Format
 Containers
 Markers
 Color Transformations
 Subsampling
 Entropy Coding
 DCT
 Progressive JPEGs
 Unsupported Modes
 JPEG Optimizations
 Lossy
 Lossless
 MozJPEG
 Summary
 Chapter 5. Browser-Specific Formats
 WebP
 WebP Browser Support
 WebP Details
 WebP Tools
 JPEG XR
 JPEG XR Browser Support
 JPEG XR Details
 JPEG XR Tools
 JPEG 2000
 JPEG 2000 Browser Support
 JPEG 2000 Details
 JPEG 2000 Tools
 Summary
 Chapter 6. SVG and Vector Images
 The Trouble with Raster Formats
 What Is a Vector Image?
 SVG Fundamentals. The GridUnderstanding the Canvas
 viewBox
 Getting into Shape
 Grouping Shapes Together
 Filters
 SVG Optimizations
 Enabling GZip or Brotli
 Reducing Complexity
 Converting Text to Outlines
 Automating Optimization Through Tooling
 Installing the SVGO Node Tool
 SVGOMG: The Better to See You With, My Dear
 Pick Your Flavor
 Summary
 Part II. Image Loading
 Chapter 7. Browser Image Loading
 Referencing Images
 tag
 CSS background-image
 When Are Images Downloaded?
 Building the Document Object Model
 The Preloader
 Networking Constraints and Prioritization
 HTTP/2 Prioritization. CSSOM and Background Image DownloadService Workers and Image Decoding
 Summary
 Chapter 8. Lazy Loading
 The Digital Fold
 Wasteful Image Downloads
 Why Aren\'t Browsers Dealing with This?
 Loading Images with JavaScript
 Deferred Loading
 Lazy Loading/Images On Demand
 IntersectionObserver
 When Are Images Loaded?
 The Preloader and Images
 Lazy Loading Variations
 Browsers Without JS
 Low-Quality Image Placeholders
 Critical Images
 Summary
 Chapter 9. Image Processing
 Decoding
 Measuring
 How Slow Can You Go?
 Memory Footprint
 GPU Decoding
 Triggering GPU Decoding
 Summary.