High Performance Images. Shrink, Load, and Deliver Images for Speed
![Język publikacji: angielski Język publikacji: angielski](https://static01.helion.com.pl/global/flagi/1.png)
- Autorzy:
- Colin Bendell, Tim Kadlec, Yoav Weiss
![High Performance Images. Shrink, Load, and Deliver Images for Speed Colin Bendell, Tim Kadlec, Yoav Weiss - okładka ebooka](https://static01.helion.com.pl/global/okladki/326x466/e_0b1z.png)
![High Performance Images. Shrink, Load, and Deliver Images for Speed Colin Bendell, Tim Kadlec, Yoav Weiss - tył okładki ebooka](https://static01.helion.com.pl/global/okladki-tyl/326x466/e_0b1z.png)
- Ocena:
- Bądź pierwszym, który oceni tę książkę
- Stron:
- 354
- Dostępne formaty:
-
ePubMobi
Opis ebooka: High Performance Images. Shrink, Load, and Deliver Images for Speed
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.
Wybrane bestsellery
-
To kolejne, rozbudowane i uaktualnione wydanie świetnego podręcznika projektowania i programowania stron internetowych, zawierające wiedzę niezbędną do rozpoczęcia samodzielnej pracy. Opisano tu zasady tworzenia witryn WWW oraz przedstawiono język HTML i techniki CSS. Sporo miejsca poświęcono mul...
Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie V Projektowanie stron internetowych. Przewodnik dla początkujących webmasterów po HTML5, CSS3 i grafice. Wydanie V
(38.90 zł najniższa cena z 30 dni)38.90 zł
129.00 zł(-70%) -
Frontend developers have to consider many things: browser compatibility, usability, performance, scalability, SEO, and other best practices. But the most fundamental aspect of creating websites is one that often falls short: accessibility. Accessibility is the cornerstone of any website, and if a...(194.65 zł najniższa cena z 30 dni)
207.10 zł
239.00 zł(-13%) -
Do you wish the existing books on site reliability engineering started at the beginning? Do you wish someone would walk you through how to become an SRE, how to think like an SRE, or how to build and grow a successful SRE function in your organization? Becoming SRE addresses all of these needs a...
Becoming SRE. First Steps Toward Reliability for You and Your Organization Becoming SRE. First Steps Toward Reliability for You and Your Organization
(143.65 zł najniższa cena z 30 dni)147.29 zł
169.00 zł(-13%) -
Are you interested in User Experience, which has become increasingly popular in recent years? You're in the right place. In this e-book we collected real and reliable information about User Experience in one place. Topics included: 7 factors of outstanding UX User Experience vs Cus...
-
Chcesz rozpocząć przygodę z Figmą, ale nie wiesz od czego zacząć? Ten e-book jest dla Ciebie! Wspólnie przejdziemy przez interfejs Figmy, zaprezentujemy Ci najważniejsze funkcje oraz pomożemy stworzyć Ci pierwszy projekt! Pobierz darmowego e-booka i poznaj możliwości programu: Podstawy inte...
-
Bądź online. Twoja mocna strona, która wyrazi Ciebie i Twój biznes Chcesz stworzyć stronę WWW, która pomoże Ci w budowaniu pozycji eksperta i pozyskiwaniu nowych klientów, ale nie masz pojęcia, jak się za to zabrać? Nie masz budżetu, aby zatrudnić kogoś do jej reali...
Bądź online. Twoja mocna strona WWW, która wyrazi Ciebie i Twój biznes Bądź online. Twoja mocna strona WWW, która wyrazi Ciebie i Twój biznes
-
This book enables your successful DevOps transformation by providing practical solutions for the science of software delivery performance using GitHub. The chapters guide you through the transformation by helping you apply lean management, engineering, and DevSecOps practices like continuous deli...
Accelerate DevOps with GitHub. Enhance software delivery performance with GitHub Issues, Projects, Actions, and Advanced Security Accelerate DevOps with GitHub. Enhance software delivery performance with GitHub Issues, Projects, Actions, and Advanced Security
-
Framework Flask jest idealnym wyborem, jeśli chce się zbudować prosty serwis WWW. Korzystanie z niego w tym celu pozwala oszczędzić czas i nie wymaga wielkich umiejętności. Bazujący na języku Python framework zawiera mechanizmy umożliwiające łączenie go z tak fundamentalnymi plikami w sieci, jak ...
Flask. Kurs video. Od pierwszej linijki kodu do praktycznego zastosowania Flask. Kurs video. Od pierwszej linijki kodu do praktycznego zastosowania
(119.00 zł najniższa cena z 30 dni)0.00 zł
119.00 zł(-100%) -
Biznes w XXI wieku jest oszczędny i wymagający równocześnie. Z jednej strony dąży do maksymalnie racjonalnego wykorzystania środków i czasu, z drugiej - wymaga perfekcji w obsłudze klienta. Również online. Dlatego też przedsiębiorcy, dla których przygotowuje się większość serwisów internetowych, ...
Node.js i TypeScript. Kurs video. Tworzenie skalowalnych mikroserwisów Node.js i TypeScript. Kurs video. Tworzenie skalowalnych mikroserwisów
(76.05 zł najniższa cena z 30 dni)76.05 zł
169.00 zł(-55%) -
To drugie, zaktualizowane i uzupełnione wydanie cenionego poradnika dla projektantów, którzy chcą tworzyć rzeczy użyteczne, przydatne i lubiane przez użytkowników. Zawiera wnikliwą analizę 100 niezwykle ważnych z punktu widzenia projektanta kwestii, będącą efektem przestudiowania setek publikacji...
100 rzeczy, które każdy projektant powinien wiedzieć o potencjalnych klientach. Wydanie II 100 rzeczy, które każdy projektant powinien wiedzieć o potencjalnych klientach. Wydanie II
(29.49 zł najniższa cena z 30 dni)32.45 zł
59.00 zł(-45%)
Ebooka "High Performance Images. Shrink, Load, and Deliver Images for Speed" przeczytasz na:
-
czytnikach Inkbook, Kindle, Pocketbook, Onyx Boox i innych
-
systemach Windows, MacOS i innych
-
systemach Windows, Android, iOS, HarmonyOS
-
na dowolnych urządzeniach i aplikacjach obsługujących formaty: PDF, EPub, Mobi
Masz pytania? Zajrzyj do zakładki Pomoc »
Audiobooka "High Performance Images. Shrink, Load, and Deliver Images for Speed" posłuchasz:
-
w aplikacji Ebookpoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych
-
na dowolnych urządzeniach i aplikacjach obsługujących format MP3 (pliki spakowane w ZIP)
Masz pytania? Zajrzyj do zakładki Pomoc »
Kurs Video "High Performance Images. Shrink, Load, and Deliver Images for Speed" zobaczysz:
-
w aplikacjach Ebookpoint i Videopoint na Android, iOS, HarmonyOs
-
na systemach Windows, MacOS i innych z dostępem do najnowszej wersji Twojej przeglądarki internetowej
Szczegóły ebooka
- ISBN Ebooka:
- 978-14-919-2665-9, 9781491926659
- Data wydania ebooka:
-
2016-11-03
Data wydania ebooka często jest dniem wprowadzenia tytułu do sprzedaży i może nie być równoznaczna z datą wydania książki papierowej. Dodatkowe informacje możesz znaleźć w darmowym fragmencie. Jeśli masz wątpliwości skontaktuj się z nami sklep@ebookpoint.pl.
- Język publikacji:
- angielski
- Rozmiar pliku ePub:
- 43.0MB
- Rozmiar pliku Mobi:
- 43.0MB
Spis treści ebooka
- Preface
- Who Should Read This Book
- What This Book Isnt
- Navigating This Book
- Why We Wrote This Book
- Acknowledgments
- Conventions Used in This Book
- Using Code Examples
- Safari Books Online
- How to Contact Us
- 1. The Case for Performance
- What About Mobile Apps?
- Speed Matters
- Do Images Impact the Speed of Websites?
- Lingering Challenges
- I. Image Files and Formats
- 2. The Theory Behind Digital Images
- Digital Image Basics
- Sampling
- Image Data Representation
- Color Spaces
- Additive Versus Substractive
- RGB (red, green, and blue)
- CMYK (cyan, magenta, yellow, and key)
- YCbCr
- YCgCo
- Bit depth
- Encoders and decoders
- Color Profiles
- Alpha Channel
- Frequency Domain
- Digital Image Basics
- Image 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
- 3. Lossless Image Formats
- GIF (Its Pronounced GIF)
- Block by Block
- Header block
- Logical screen descriptor
- But wait, theres more!
- Block by Block
- GIF (Its 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
- PNG Signature
- Chunks
- Ancillary and critical chunks
- Filters
- Interlacing
- Image Formats
- Transparency with PNG
- There Can Be Only One!
- Summary
- 4. JPEG
- History
- The JPEG Format
- Containers
- Markers
- Color Transformations
- Subsampling
- Entropy Coding
- Arithmetic encoding to the rescue!
- DCT
- How does DCT work?
- How does DCT do its magic?
- Minimal coding units
- Quantization
- Compression levels
- Dropping zeros
- Dequantization
- Lossy by nature
- Progressive JPEGs
- Unsupported Modes
- Hierarchical mode
- Lossless mode
- JPEG Optimizations
- Lossy
- Lossless
- MozJPEG
- Summary
- 5. Browser-Specific Formats
- WebP
- WebP Browser Support
- WebP Details
- WebP Tools
- WebP
- 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
- 6. SVG and Vector Images
- The Trouble with Raster Formats
- What Is a Vector Image?
- SVG Fundamentals
- The Grid
- Understanding the Canvas
- viewBox
- Getting into Shape
- Grouping Shapes Together
- The <g> element
- The use element
- The defs element
- The symbol element
- Grouping Shapes Together
- Filters
- Applying filters
- Performance concerns
- The wrong way to do 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
- II. Image Loading
- 7. Browser Image Loading
- Referencing Images
- <img> tag
- CSS background-image
- File structure
- Accessibility
- Referencing Images
- When Are Images Downloaded?
- Building the Document Object Model
- The Preloader
- Networking Constraints and Prioritization
- HTTP/2 Prioritization
- CSSOM and Background Image Download
- Service Workers and Image Decoding
- Summary
- 8. Lazy Loading
- The Digital Fold
- Wasteful Image Downloads
- Why Arent 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
- 9. Image Processing
- Decoding
- Measuring
- Chrome
- Chrome on mobile devices
- Edge
- Firefox and Safari
- Measuring
- How Slow Can You Go?
- Memory Footprint
- Decoding
- GPU Decoding
- Triggering GPU Decoding
- Summary
- 10. Image Consolidation (for Network and Cache Efficiencies)
- The Problem
- TCP Connections and Parallel Requests
- Small Objects Impact the Connection Pool
- Efficient Use of the Connection
- Impact on Browser Cache: Metadata and Small Images
- Small Objects Observed
- Logographic Pages
- The Problem
- Raster Consolidation
- CSS Spriting
- Creating CSS sprites
- Merging images
- Creating CSS styles
- Adding HTML markup
- Automating to avoid image and link rot
- Drawbacks and shortcomings
- CSS Spriting
- Data URIs
- Considerations
- Better: Deferred data URI stylesheet
- Tools
- Vector Image Consolidation
- Icon Fonts
- Overview
- Creating and using icon web fonts
- Compatibility
- Web font pros and cons
- Icon Fonts
- SVG Sprites
- SVG fragment identifier links
- Fragment identifiers and viewBox
- Automating SVG consolidation and fallback
- Summary
- 11. Responsive Images
- How RWD Started
- Early Hacks
- Use Cases
- Fixed-Dimensions Images
- Variable-Dimensions Images
- Art Direction
- Art Direction Versus Resolution Switching
- Image Formats
- Avoiding Download and Hide
- Use Cases Are Not Mutually Exclusive
- Standard Responsive Images
- srcset x Descriptor
- srcset w Descriptor
- <picture>
- Serving Different Image Formats
- Practical Advice
- To Picturefill or Not to Picturefill, That Is the Question
- Intrinsic Dimensions
- Selection Algorithms
- srcset Resource Selection May Change
- Feature Detection
- currentSrc
- Client Hints
- Are Responsive Images Done?
- Background Images
- Height Descriptors
- Responsive Image File Formats
- Progressive JPEG
- JPEG 2000
- Responsive Image Container
- FLIF
- Summary
- 12. Client Hints
- Overview
- Step 1: Initiate the Client Hints Exchange
- Step 2: Opt-in and Subsequent Requests
- Step 3: Informed Response
- Overview
- Client Hint Components
- Viewport-Width
- Device Pixel Ratio
- Width
- Downlink
- Save-Data
- Accept-CH
- Content-DPR
- Mobile Apps
- Legacy Support and Device Characteristics
- Fallback: Precise Mode with Device Characteristics + Cookies
- Fallback: Good-Enough Approach
- Selecting the Right Image Width
- Summary
- 13. Image Delivery
- Image Dimensions
- Image Format Selection: Accept, WebP, JPEG 2000, and JPEG XR
- Image Quality
- Quality and Image Byte Size
- Quality Index and SSIM
- Selecting SSIM and Quality Use Cases
- Creating Consensus on Quality Index
- Quality Index Conclusion
- Achieving Cache Offload: Vary and Cache-Control
- Informing the Client with Vary
- Middle Boxes, Proxies with Cache-Control (and TLS)
- CDNs and Vary and Cache-Control
- Near Future: Key
- Single URL Versus Multiple URLs
- File Storage, Backup, and Disaster Recovery
- Size on Disk
- Cost of Metadata
- Domain Sharding and HTTP2
- How Do I Avoid Cache Busting and Redownloading?
- How Many Shards Should I Use?
- What Should I Do for HTTP/2?
- Best Practices
- Secure Image Delivery
- Secure Transport of Images
- Secure Transformation of Images
- Secure Transformation: Architecture
- Summary
- 14. Operationalizing Your Image Workflow
- Some Use Cases
- The e-Commerce Site
- The Social Media Site
- The News Site
- Some Use Cases
- Business Logic and Watermarking
- Hello, Images
- Getting Started with a Derivative Image Workflow
- ImageMagick
- A Simple Derivative Image Workflow Using Bash
- An Image Build System
- A Build System Checklist
- High Volume, High Performance Images
- A Dynamic Image Server
- Parsing the request
- Downloading the master image
- Decoding the master image
- Transform!
- Encoding the derivative image
- A Dynamic Image Server
- 15. Summary
- SoWhat Do I Do Again?
- Optimize for the Mobile Experience
- Optimize for the Different Users
- Creating Consensus
- A. Raster Image Formats
- B. Common Tools
- PNG Utilities
- JPEG Utilities
- Animated GIF Utilities
- GUI Utilities
- Exif Utilities
- C. Evolution of <img>
- 1989: Inline Images, GIFs, and Patents
- 1995: HTML 2.0 and <img lowsrc>
- 2000: Dark Ages of ImagesHTML 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
- Index
O'Reilly Media - inne książki
-
Keeping up with the Python ecosystem can be daunting. Its developer tooling doesn't provide the out-of-the-box experience native to languages like Rust and Go. When it comes to long-term project maintenance or collaborating with others, every Python project faces the same problem: how to build re...(203.15 zł najniższa cena z 30 dni)
207.44 zł
239.00 zł(-13%) -
Bringing a deep-learning project into production at scale is quite challenging. To successfully scale your project, a foundational understanding of full stack deep learning, including the knowledge that lies at the intersection of hardware, software, data, and algorithms, is required.This book il...(237.15 zł najniższa cena z 30 dni)
249.70 zł
289.00 zł(-14%) -
In this insightful and comprehensive guide, Addy Osmani shares more than a decade of experience working on the Chrome team at Google, uncovering secrets to engineering effectiveness, efficiency, and team success. Engineers and engineering leaders looking to scale their effectiveness and drive tra...(118.15 zł najniższa cena z 30 dni)
121.09 zł
149.00 zł(-19%) -
Data modeling is the single most overlooked feature in Power BI Desktop, yet it's what sets Power BI apart from other tools on the market. This practical book serves as your fast-forward button for data modeling with Power BI, Analysis Services tabular, and SQL databases. It serves as a starting ...(194.65 zł najniższa cena z 30 dni)
206.39 zł
239.00 zł(-14%) -
C# is undeniably one of the most versatile programming languages available to engineers today. With this comprehensive guide, you'll learn just how powerful the combination of C# and .NET can be. Author Ian Griffiths guides you through C# 12.0 and .NET 8 fundamentals and techniques for building c...(228.65 zł najniższa cena z 30 dni)
249.34 zł
289.00 zł(-14%) -
Learn how to get started with Futures Thinking. With this practical guide, Phil Balagtas, founder of the Design Futures Initiative and the global Speculative Futures network, shows you how designers and futurists have made futures work at companies such as Atari, IBM, Apple, Disney, Autodesk, Luf...(152.15 zł najniższa cena z 30 dni)
155.10 zł
179.00 zł(-13%) -
Augmented Analytics isn't just another book on data and analytics; it's a holistic resource for reimagining the way your entire organization interacts with information to become insight-driven.Moving beyond traditional, limited ways of making sense of data, Augmented Analytics provides a dynamic,...(181.15 zł najniższa cena z 30 dni)
180.95 zł
219.00 zł(-17%) -
Learn how to prepare for—and pass—the Kubernetes and Cloud Native Associate (KCNA) certification exam. This practical guide serves as both a study guide and point of entry for practitioners looking to explore and adopt cloud native technologies. Adrián González Sánchez ...
Kubernetes and Cloud Native Associate (KCNA) Study Guide Kubernetes and Cloud Native Associate (KCNA) Study Guide
(169.14 zł najniższa cena z 30 dni)177.65 zł
209.00 zł(-15%) -
Python is an excellent way to get started in programming, and this clear, concise guide walks you through Python a step at a time—beginning with basic programming concepts before moving on to functions, data structures, and object-oriented design. This revised third edition reflects the gro...(148.56 zł najniższa cena z 30 dni)
148.06 zł
179.00 zł(-17%) -
Developers with the ability to operate, troubleshoot, and monitor applications in Kubernetes are in high demand today. To meet this need, the Cloud Native Computing Foundation created a certification exam to establish a developer's credibility and value in the job market for work in a Kubernetes ...
Certified Kubernetes Application Developer (CKAD) Study Guide. 2nd Edition Certified Kubernetes Application Developer (CKAD) Study Guide. 2nd Edition
(181.28 zł najniższa cena z 30 dni)181.18 zł
219.00 zł(-17%)
Dzieki opcji "Druk na żądanie" do sprzedaży wracają tytuły Grupy Helion, które cieszyły sie dużym zainteresowaniem, a których nakład został wyprzedany.
Dla naszych Czytelników wydrukowaliśmy dodatkową pulę egzemplarzy w technice druku cyfrowego.
Co powinieneś wiedzieć o usłudze "Druk na żądanie":
- usługa obejmuje tylko widoczną poniżej listę tytułów, którą na bieżąco aktualizujemy;
- cena książki może być wyższa od początkowej ceny detalicznej, co jest spowodowane kosztami druku cyfrowego (wyższymi niż koszty tradycyjnego druku offsetowego). Obowiązująca cena jest zawsze podawana na stronie WWW książki;
- zawartość książki wraz z dodatkami (płyta CD, DVD) odpowiada jej pierwotnemu wydaniu i jest w pełni komplementarna;
- usługa nie obejmuje książek w kolorze.
Masz pytanie o konkretny tytuł? Napisz do nas: sklep[at]helion.pl.
Książka, którą chcesz zamówić pochodzi z końcówki nakładu. Oznacza to, że mogą się pojawić drobne defekty (otarcia, rysy, zagięcia).
Co powinieneś wiedzieć o usłudze "Końcówka nakładu":
- usługa obejmuje tylko książki oznaczone tagiem "Końcówka nakładu";
- wady o których mowa powyżej nie podlegają reklamacji;
Masz pytanie o konkretny tytuł? Napisz do nas: sklep[at]helion.pl.
Książka drukowana
![Loader](https://static01.helion.com.pl/ebookpoint/img/ajax-loader.gif)
![ajax-loader](https://static01.helion.com.pl/ebookpoint/img/ajax-loader.gif)
Oceny i opinie klientów: High Performance Images. Shrink, Load, and Deliver Images for Speed Colin Bendell, Tim Kadlec, Yoav Weiss (0)
Weryfikacja opinii następuję na podstawie historii zamówień na koncie Użytkownika umieszczającego opinię. Użytkownik mógł otrzymać punkty za opublikowanie opinii uprawniające do uzyskania rabatu w ramach Programu Punktowego.