Table of Contents

Images in the Browser

you are here (click to zoom) - discover the stack

Images which the browser receives and shows usually come from these sources:

  1. App Assets located in your App folder
  2. Content / ADAM Assets
  3. Icon-fonts from the App-Assets or CDNs

Recommendations

  1. Use the Image Resizer as much as possible
  2. If you can, use <picture> tags and provide multiple sizes/formats based on what the browser needs
  3. Be careful with Icon-Fonts, they can hurt your Google PageSpeed

History

  1. Added in 2sxc 1.0