TIENE EN SU CESTA DE LA COMPRA
en total 0,00 €
en total 0,00 €
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?
Do Images Impact the Speed of Websites?
Image Files and Formats
Chapter 2The Theory Behind Digital Images
Digital Image Basics
Chapter 3Lossless Image Formats
GIF (It's Pronounced "GIFö)
Transparency with GIF
LZW, or the Rise and Fall of the GIF
The PNG File Format
Understanding the Mechanics of the PNG Format
Transparency with PNG
There Can Be Only One!
The JPEG Format
Chapter 5Browser-Specific Formats
Chapter 6SVG and Vector Images
The Trouble with Raster Formats
What Is a Vector Image?
Getting into Shape
Automating Optimization Through Tooling
Chapter 7Browser Image Loading
When Are Images Downloaded?
Chapter 8Lazy Loading
The Digital Fold
Wasteful Image Downloads
Why Aren't Browsers Dealing with This?
When Are Images Loaded?
Lazy Loading Variations
Chapter 9Image Processing
Chapter 10Image Consolidation (for Network and Cache Efficiencies)
Vector Image Consolidation
Chapter 11Responsive Images
How RWD Started
Standard Responsive Images
Are Responsive Images "Doneö?
Responsive Image File Formats
Chapter 12Client Hints
Client Hint Components
Legacy Support and Device Characteristics
Chapter 13Image Delivery
Image Format Selection: Accept, WebP, JPEG 2000, and JPEG XR
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
Chapter 14Operationalizing Your Image Workflow
Some Use Cases
Business Logic and Watermarking
High Volume, High Performance Images
So.What Do I Do Again?
Optimize for the Mobile Experience
Optimize for the Different "Usersö
Appendix Raster Image Formats
Appendix Common Tools
Animated GIF 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