Links

• Google Developers
  • Enhance img’s with srcset for high DPI devices
  • Art direction in responsive images with picture
  • Images in CSS
    • Use media queries for conditional image loading or art direction
    • Use image-set to provide high res images
    • Use media queries to provide high res images or art direction
• Picturefill polyfill
• ResponsiveImages.org
• SVG images
  • Scalable.
  • Can style with CSS: color, shadows, transparency, animations, etc.
  • Ref: Replace complex icons with SVG
• Icon Fonts

Snippets

/* Prevent images and other content from overflowing their containers */
img, embed, object, video {
  max-width: 100%;
}