Code-package Section

Ideal Images

Optimizing images for fast load times while ensuring that the highest quality images are always displayed. I was having trouble finding the best fit code out there, so I created my own.

All the images below start out as the lowest quality image available to speed up load time. Upon load, the relavent width is identified among other parameters to change out the image for the best display, but no larger.

Download the Ideal Images code package

Examples

Ideal Image & Anchor Tags

Ideal Image Backgrounds

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Adjust to Window Width Regardless of Actual Width