Librería Portfolio

High-quality images have an amazing power of attraction. Just add some stunning photos and graphics to your website or app and watch your user engagement and conversion numbers climb. It can be tricky, but with this practical guide, you'll master the many facets of delivering high performance images on the internet-without adversely affecting site performance.

You'll learn the nuts and bolts of color theory, image formats, storage and management, operations delivery, browser and application behavior, the responsive web, and many other topics. Ideal for developers, this book also provides useful tips, tricks, and practical theory for processing and displaying powerful images that won't slow down your online product.

Explore digital image theory and the different formats available
Dive into JPEGs, SVG and vector images, lossless compression, and other formats
Use techniques for downloading and rendering images in a browser, and for loading images on mobile devices and cellular networks
Examine specific rendering techniques, such as lazy loading, image processing, image consolidation, and responsive images
Take responsive images to the next level by using content negotiation between browser and server with the Client Hints HTTP standard
Learn how to operationalize your image workflow
Contributors include Colin Bendell, Tim Kadlec, Yoav Weiss, Guy Podjarny, Nick Doyle, and Mike McCall from Akamai Technologies.



Chapter 1The Case for Performance
What About Mobile Apps?
Speed Matters
Do Images Impact the Speed of Websites?
Lingering Challenges
Image Files and Formats
Chapter 2The Theory Behind Digital Images
Digital Image Basics
Image Formats
Comparing Images
Summary
Chapter 3Lossless Image Formats
GIF (It's Pronounced "GIFö)
Animation
Transparency with GIF
LZW, or the Rise and Fall of the GIF
The PNG File Format
Understanding the Mechanics of the PNG Format
Image Formats
Transparency with PNG
There Can Be Only One!
Summary
Chapter 4JPEG
History
The JPEG Format
JPEG Optimizations
MozJPEG
Summary
Chapter 5Browser-Specific Formats
WebP
JPEG XR
JPEG 2000
Summary
Chapter 6SVG and Vector Images
The Trouble with Raster Formats
What Is a Vector Image?
SVG Fundamentals
Getting into Shape
SVG Optimizations
Automating Optimization Through Tooling
Summary
Image Loading
Chapter 7Browser Image Loading
Referencing Images
When Are Images Downloaded?
Summary
Chapter 8Lazy Loading
The Digital Fold
Wasteful Image Downloads
Why Aren't Browsers Dealing with This?
Loading Images with JavaScript
When Are Images Loaded?
Lazy Loading Variations
Summary
Chapter 9Image Processing
Decoding
GPU Decoding
Summary
Chapter 10Image Consolidation (for Network and Cache Efficiencies)
The Problem
Raster Consolidation
Vector Image Consolidation
Summary
Chapter 11Responsive Images
How RWD Started
Early Hacks
Use Cases
Standard Responsive Images
Practical Advice
Client Hints
Are Responsive Images "Doneö?
Responsive Image File Formats
Summary
Chapter 12Client Hints
Overview
Client Hint Components
Mobile Apps
Legacy Support and Device Characteristics
Summary
Chapter 13Image Delivery
Image Dimensions
Image Format Selection: Accept, WebP, JPEG 2000, and JPEG XR
Image Quality
Achieving Cache Offload: Vary and Cache-Control
Single URL Versus Multiple URLs
File Storage, Backup, and Disaster Recovery
Domain Sharding and HTTP2
Secure Image Delivery
Summary
Chapter 14Operationalizing Your Image Workflow
Some Use Cases
Business Logic and Watermarking
Hello, Images
High Volume, High Performance Images
Chapter 15Summary
So.What Do I Do Again?
Optimize for the Mobile Experience
Optimize for the Different "Usersö
Creating Consensus
Appendix Raster Image Formats
Appendix Common Tools
PNG Utilities
JPEG Utilities
Animated GIF Utilities
GUI Utilities
Exif Utilities
Appendix Evolution of
1989: Inline Images, GIFs, and Patents
1995: HTML 2.0 and
2000: Dark Ages of Images-HTML 4.01, CSS, and the Status Quo
2007: Mobile! Mobile! Mobile!
2010: Responsive Web Design, Retina Displays, and Responsive Images
2014 Responsive Images HTML Spec
New Image Formats
2015: Client Hints and Accepts
Recommended for You