Topics
- What Are Responsive Web Images?
- Responsive Web Design
- Responsive Web Design Features
- es
- Web Image Stats
- Responsive Web Images
- Image Types
- Raster vs. Vector
- Demo – Scaling Raster Images
- JPEG
- Demo – JPEG Image Optimization
- Demo – Progressive JPEG
- Demo – Creating Progressive JPEG
- GIF
- PNG
- WEBP
- WEBP Support
- SVG
- Demo – SVG
- Other Raster Alternatives
- Icon Fonts
- Web Fonts
- CSS3
- Responsive Image Use Cases
- Responsive Images Community Group
- Responsive Images Use Cases
- Resolution Based Selection
- Demo – Resolution Based Selection
- Art Direction
- Demo – Art Direction
- Device Pixel Ratio Based Selection
- Responsive Image Techniques
- <img>
- Demo – <img>
- JavaScript
- Demo – JavaScript
- <picture>
- Demo – <picture> Art Direction
- Demo – <picture> Image Types
- Demo – <picture> High Pixel Density
- Picturefill
- Demo – Picturefill
- srcset
- Demo – srcset
- Client Hints
- Demo – Client Hints
- sizes
- Choosing Physical Sizes
- Demo – Choosing Physical Sizes
- Abstractions
- Demo – Abstractions
- Maximizing Performance
- Demo – Image Optimization
- Demo – Image Optimization in Visual Studio
- JPEG
- CDN (Content Delivery Network)
- Demo – CDN
- HTTP Compression
- Demo – HTTP Compression
- Expirations
- Demo – Expirations
- Lazy Loading
- Demo – Lazy Loading
