Image Optimizations

Minimize Images

• Types
  • PNG - if you want transparency
  • GIF - if you want animations
  • JPG - if you want colorful image
  • SVG - for simple icons, logos, illustrations


• Reduce file size
  • Simple Image Resizer
  • PNG
    tinypng.com
  • JPEG
    tinypng.com
    jpeg-optimizer.com/


• Lower JPEG image quality (30-60%)


• Resize image based on size it will be displayed
  Media Queries Cheat Sheet
  Crop, resize, and edit images - https://picresize.com/


• Display different sizes images for different backgrounds


• Use CDNs like imgix
  imgix.com


• Remove image metadata
  verexif.com


• More Info
  Fast load times