Books & Videos

Table of Contents

  1. Chapter 1 The Case for Performance

    1. What About Mobile Apps?

    2. Speed Matters

    3. Do Images Impact the Speed of Websites?

    4. Lingering Challenges

  2. Image Files and Formats

    1. Chapter 2 The Theory Behind Digital Images

      1. Digital Image Basics
      2. Image Formats
      3. Comparing Images
      4. Summary
    2. Chapter 3 Lossless Image Formats

      1. GIF (It’s Pronounced “GIF”)
      2. Animation
      3. Transparency with GIF
      4. LZW, or the Rise and Fall of the GIF
      5. The PNG File Format
      6. Understanding the Mechanics of the PNG Format
      7. Image Formats
      8. Transparency with PNG
      9. There Can Be Only One!
      10. Summary
    3. Chapter 4 JPEG

      1. History
      2. The JPEG Format
      3. JPEG Optimizations
      4. MozJPEG
      5. Summary
    4. Chapter 5 Browser-Specific Formats

      1. WebP
      2. JPEG XR
      3. JPEG 2000
      4. Summary
    5. Chapter 6 SVG and Vector Images

      1. The Trouble with Raster Formats
      2. What Is a Vector Image?
      3. SVG Fundamentals
      4. Getting into Shape
      5. SVG Optimizations
      6. Automating Optimization Through Tooling
      7. Summary
  3. Image Loading

    1. Chapter 7 Browser Image Loading

      1. Referencing Images
      2. When Are Images Downloaded?
      3. Summary
    2. Chapter 8 Lazy Loading

      1. The Digital Fold
      2. Wasteful Image Downloads
      3. Why Aren’t Browsers Dealing with This?
      4. Loading Images with JavaScript
      5. When Are Images Loaded?
      6. Lazy Loading Variations
      7. Summary
    3. Chapter 9 Image Processing

      1. Decoding
      2. GPU Decoding
      3. Summary
    4. Chapter 10 Image Consolidation (for Network and Cache Efficiencies)

      1. The Problem
      2. Raster Consolidation
      3. Vector Image Consolidation
      4. Summary
    5. Chapter 11 Responsive Images

      1. How RWD Started
      2. Early Hacks
      3. Use Cases
      4. Standard Responsive Images
      5. Practical Advice
      6. Client Hints
      7. Are Responsive Images “Done”?
      8. Responsive Image File Formats
      9. Summary
    6. Chapter 12 Client Hints

      1. Overview
      2. Client Hint Components
      3. Mobile Apps
      4. Legacy Support and Device Characteristics
      5. Summary
    7. Chapter 13 Image Delivery

      1. Image Dimensions
      2. Image Format Selection: Accept, WebP, JPEG 2000, and JPEG XR
      3. Image Quality
      4. Achieving Cache Offload: Vary and Cache-Control
      5. Single URL Versus Multiple URLs
      6. File Storage, Backup, and Disaster Recovery
      7. Domain Sharding and HTTP2
      8. Secure Image Delivery
      9. Summary
    8. Chapter 14 Operationalizing Your Image Workflow

      1. Some Use Cases
      2. Business Logic and Watermarking
      3. Hello, Images
      4. High Volume, High Performance Images
    9. Chapter 15 Summary

      1. So…What Do I Do Again?
      2. Optimize for the Mobile Experience
      3. Optimize for the Different “Users”
      4. Creating Consensus
    10. Appendix Raster Image Formats

    11. Appendix Common Tools

      1. PNG Utilities
      2. JPEG Utilities
      3. Animated GIF Utilities
      4. GUI Utilities
      5. Exif Utilities
    12. Appendix Evolution of <img>

      1. 1989: Inline Images, GIFs, and Patents
      2. 1995: HTML 2.0 and <img lowsrc>
      3. 2000: Dark Ages of Images—HTML 4.01, CSS, and the Status Quo
      4. 2007: Mobile! Mobile! Mobile!
      5. 2010: Responsive Web Design, Retina Displays, and Responsive Images
      6. 2014 Responsive Images HTML Spec
      7. New Image Formats
      8. 2015: Client Hints and Accepts