Web Depot: Adapting Images To Screens Large And Small

Stephen Yagielowicz

Adaptive Images, created by Matt Wilcox, is a system for delivering small images to small devices by detecting a visitor’s screen size and then automatically creating, caching and delivering device appropriate re-scaled versions of the web page’s embedded HTML images. Using this system requires no markup changes, and is fully compatible with responsive designs and fluid images.

“Your site is being increasingly viewed on smaller, slower, low bandwidth devices,” Wilcox explains. “On those devices your desktop-centric images load slowly, cause UI lag, and cost you and your visitors’ un-necessary bandwidth and money. Adaptive Images fixes that.”

Wilcox says that Adaptive Images is device agnostic, developed with a mobile-first philosophy and works on any existing site. It offers easy and powerful customizations and can be up and running in minutes by adding .htaccess commands and the adaptive-images.php file to the document-root folder, a single line of JavaScript into the site’ssection and specifying the chosen CSS Media Query values.

Related:  

More Articles

opinion

Webmasters Shouldn’t Wait for Disaster to Hit

Cathy Beardsley ·
opinion

Hefner’s Legacy Lives On in the Industry

Juicy Jay ·
opinion

Privacy Notices Shouldn’t Be Treated as an Afterthought

Corey D. Silverstein ·
opinion

Legal Issues Pop Up When Filming Sex in Public

Lawrence G. Walters ·
trends

A Road Less Traveled: Accepting Alternative Payment Solutions

Stephen Yagielowicz ·
trends

Credit Card Processing Today: Decline or Dominance?

Stephen Yagielowicz ·
trends

Shifting Regulations: Keeping on the Straight and Narrow

Stephen Yagielowicz ·
trends

Putting Your Best Foot Forward: Billing's Best Practices

Stephen Yagielowicz ·
profile

PornDoe Premium — 35 Network Sites and Counting

Rhett Pardon ·
profile

Q&A: White Label Dating’s Steve Pammenter Expands Horizons

Alejandro Freixes ·
Show More