agilepixel/imagesrespond

On-the-fly responsive images

ImagesRespond

, _(*1)

A quick drop-in PHP library to output scaled images for responsive purposes, _(*2)

Usage

You have a large image with the following url, _(*3)

http://my.site/img/my_large_image.png, _(*4)

Once installed and configured, you can return a scaled version of this image with a width of 200px by amending the requested url:, _(*5)

http://my.site/img/respond-200-my_large_image.png, _(*6)

If you need the scaling to be based on height instead of witdh use the following:, _(*7)

http://my.site/img/respond-200h-my_large_image.png, _(*8)

Installation via Composer

composer require agilepixel/imagesrespond, _(*9)

Configure for Apache

Enter into your server configuration or .htaccess, customise based on your desired configuration, _(*10)

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} respond-[0-9]+h?-.*\.(jpg|gif|png|webp|jpeg)$
RewriteRule ^(.*)$ vendor/agilepixel/imagesrespond/src/rewrite.php [L]

### Configure for Nginx, _(*11)

Enter the following into your Nginx server configuration, customise based on your desired configuration, _(*12)

rewrite respond-([0-9]+)h?-.*\.(jpg|gif|png|webp|jpeg)$ /vendor/agilepixel/imagesrespond/src/rewrite.php last;