В этом уроке мы рассмотрим интересный скрипт, который позволит нам менять размеры изображения и его пропорции из адресной строки браузера. Скрипт работает с форматами: jpg, gif и png.
Шаг 1.
Скопируем файл скрипта в корень или в любую папку сайта, в зависимости от того, как вам удобнее.
Допустим, мы делаем пример на локальном сервере, например папка с сайтом у нас называется resizer. Сохраняем в нее файл скрипта image.php. Там же в корне создаем папку imagecache (в случае с хостингом ей нужно дать права на запись, т.е. 777, на локалхосте это не актуально).
Шаг 2.
Опять же в корень сайта положим изображение, с которым мы будем работать. В нашем случае его исходные размеры равны 800х500 px и называется оно avatar.jpg.
Шаг 3.
Теперь самое интересное. Например мы хотим пропорционально уменьшить изображение, чтобы ширина стала 400 px.
Для этого в адресную строку браузера пишем такой код:
http://localhost/resizer/image.php/avatar.jpg?width=400&height=500&image=/resizer/avatar.jpg
Уменьшенное изображение появится на экране браузера, и вы сможете сохранить его. А также можете поиграться с параметрами width и height в адресной строке, чтобы изменить размеры как-то по-другому.
Нужно учитывать, что при пропорциональном уменьшении указывается максимальное значение ширины при данной высоте и наоборот: максимальное значение высоты при данной ширине.
Еще мы можем изменить пропорции изображения, т.е., например, сделать соотношение его сторон как 1:1 или 1:2 или выбрать другое значение. Для этого в адресную строку нужно ввести такой код:
http://localhost/resizer/image.php/avatar.jpg?width=400&height=500&cropratio=1:1&image=/resizer/avatar.jpg
Параметр cropratio=1:1 - это и есть отношение ширины к высоте картинки. Можете также поиграться с ним для достижения оптимальных параметров.
Шаг 4.
Допустим, мы хотим изменять изображения не на локальном сервере, а на удаленном.
Тогда, в случае если мы создадим в корне сайта папку resizer, пути будут уже такие:
http://site.ru/resizer/image.php/avatar.jpg?width=332&height=212&cropratio=1:3&image=/resizer/avatar.jpg
Непосредственно в файле скрипта вы можете посмотреть и другие параметры изображения, которые можно изменять таким образом: качество, цвет заливки фона для png изображений.
Вот и все! Успехов!