Adaptive Images
Deliver small images to small devices
Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Imagetechniques.
Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. 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.
Features
- Works on your existing site
- Requires no mark-up changes
- Device agnostic
- Mobile-first philosophy
- Easy & powerful customisations
- Up and running within minutes
Set-up
- Add
.htaccessandadaptive-images.phpto your document-root folder. - Add one line of JavaScript into the
<head>of your site. - Add your CSS Media Query values into
$resolutionsin the PHP file.
You're done. Seriously.
Requirements
- Apache2 / nginx
- PHP 5.x
- GD lib *
* Normally a default with PHP
0 comments:
Post a Comment