Полное руководство по загрузке изображений на PHP. Работа с изображениями на PHP с использованием GD Php gd примеры

Уважаемые участники проекта ДвижКод! Сегодня вас ждёт еще одна интересная тема. Все мы привыкли, скажем, загружать новые аватарки в социальных сетях. Но как они масштабируются до нужных размеров? Что происходит на сервере? На эти и многие другие вопросы ответы вас ждут под катом.

Да, если кто не в курсе, то в интернет-терминологии «кат» (от англ. cut - резать), это место, которое разделяет новость на краткое (в общем списке) и полное представления.

Многие знают, что я разрабатываю собственную систему управления сайтами под названием Когир (Cogear, http://cogear.ru). История сложная и длинная, но упорно иду к поставленной цели.

Давайте посмотрим базовые аспекты работы с изображениями.

В PHP есть встроенная библиотека GD. Вот её документация:

http://php.net/manual/ru/book.image.php

На этой странице вы найдете огромное количество самых разных функций. Но не пугайтесь. Нас интересуют вполне конкретные.

Как видите, работа с изображениями пока что происходит в виде процедур (функций), поэтому объектно-ориентированную оболочку приходится писать самому.

Простейший пример работы с изображением:

Пробуем на локальной машине.

Создаём файл image.php (у меня для экспериментов локальный домен test.local ).

Кладём в корень папки сайта test.local картинку 1.jpg:

Вызываем в браузере http://test.local/image.php (в вашем случае - другой адрес).

Обнаруживаем в папке картинку 2.jpg:

Пропорции не сохранились, как видите. Потому что мы их не пересчитали.

Исправим наш скрипт так, чтобы происходил пересчёт:

$ratio_orig) { $width = $height*$ratio_orig; } else { $height = $width/$ratio_orig; } // перемещаем изображение из файла на полотно с изменением масштаба imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width, $height, $width_orig,$height_orig); // вывод imagejpeg($image_p, "2.jpg", 100);

Посмотрим на результат:

Поскольку мы пересчитывали по высоте, то часть конечного изображения оказалась черной (изначальный цвет созданного полотна).

Что еще можно делать с изображением? Подрезать его, поворачивать, наслаивать одно на другое, рисовать на нём.

Уверен, что вам будет интересен мой класс для работы с изображениями. Он вне системы не работает, так как является драйвером для шестерёнки (модуля) «Изображения».

Но вы найдете в нём для себя много интересного:

* @copyright Copyright (c) 2012, Беляев Дмитрий * @license http://cogear.ru/license.html * @link http://cogear.ru */ class Image_Driver_GD extends Image_Driver_Abstract { /** * Создает изображение */ public function create() { switch ($this->info->type) { case IMAGETYPE_JPEG: case IMAGETYPE_JPEG2000: $this->source = imagecreatefromjpeg($this->info->file); break; case IMAGETYPE_PNG: $this->source = imagecreatefrompng($this->info->file); imagecolortransparent($this->source, imagecolorallocate($this->source, 0, 0, 0)); imagealphablending($this->source, FALSE); imagesavealpha($this->source, TRUE); break; case IMAGETYPE_GIF: $this->source = imagecreatefromgif($this->info->file); imagecolortransparent($this->source, imagecolorallocate($this->source, 0, 0, 0)); imagealphablending($this->source, FALSE); imagesavealpha($this->source, TRUE); break; case IMAGETYPE_ICO: $this->source = imagecreatefromwbmp($this->info->file); break; } } /** * Уничтожает изображение */ public function destroy() { imagedestroy($this->source); is_resource($this->target) && imagedestroy($this->target); } /** * Создает целевое изображение * * @param mixed $width * @param mixed $height */ public function createTarget($width, $height) { $this->target = imagecreatetruecolor($width, $height); if ($this->info->type == IMAGETYPE_PNG OR IMAGETYPE_GIF == $this->info->type) { imagecolortransparent($this->target, imagecolorallocate($this->target, 0, 0, 0)); imagealphablending($this->target, FALSE); imagesavealpha($this->target, TRUE); } return $this->target; } /** * Изменяет масштаб изображения * * @param int|string $width Ширина * @param int|string $height Высота * @param string $fit Тип масштабирования width, height, fit * @param int|string $scale Какие изображения масштабировать any, up, down * @return object Изображение */ public function resize($width, $height, $fit = "width", $scale = "any") { $source_width = $this->smartSize($width, "width"); $source_height = $this->smartSize($height, "height"); // Проверяем тип масштабирования switch ($fit) { // Если подравниваем по ширине, то приводим высоту к нужным пропорциям case "width": $width = $source_width; $height = round(($source_width * $this->info->height) / $this->info->width); break; // Если подравниванием по высоте, то приводим ширину к нужным пропорциям case "height": $width = round(($this->info->width * $source_height) / $this->info->height); $height = $source_height; break; case "crop": if ($this->info->width > $this->info->height) { $width = round(($this->info->width * $source_height) / $this->info->height); $height = $source_height; } else { $width = $source_width; $height = round(($this->info->height * $source_width) / $this->info->width); } break; // По умолчанию просто растягиваем default: case "fit": } // Проверяем будет ли производиться масштабирование switch ($scale) { // Если изображение больше указанных размеров, с ним ничего не происходит case "up": if ($width < $this->info->width && $height < $this->info->height) { return $this; } break; // Если изображение меньше указанных размеров, с ним ничего не происходит case "down": if ($width > $this->info->width && $height > $this->info->height) { return $this; } break; case "any": default: // Ничего не делаем. Филоним } $this->target = $this->createTarget($width, $height); if (imagecopyresampled($this->target, $this->source, 0, 0, 0, 0, $width, $height, $this->info->width, $this->info->height)) { $this->source = $this->target; $this->info->width = $width; $this->info->height = $height; if("crop" == $fit){ return $this->crop("center","center" ,$source_width,$source_height); } } return $this; } /** * Производит обрезку изображения * * @param mixed $x Координата обрезки x * @param mixed $y Координата обрезки y * @param mixed $width Ширина обрезки * @param mixed $height Высотка обрезки * @return object Изображение */ public function crop($x, $y, $width, $height) { $x = $this->smartSize($x, "width") - $width/2; $y = $this->smartSize($y, "height") - $height/2; $width = $this->smartSize($width, "width"); $height = $this->smartSize($height, "height"); $this->target = $this->createTarget($width, $height); if (imagecopyresampled($this->target, $this->source, 0, 0, $x, $y, $width, $height, $width, $height)) { $this->source = $this->target; $this->info->width = $width; $this->info->height = $height; } return $this; } /** * Производит слияние изображений */ public function merge(Image $image, $x, $y, $percent = 100) { $x = $this->smartSize($x, "width"); $y = $this->smartSize($y, "height"); if (imagecopymerge($this->source, $image->getSource(), $x, $y, 0, 0, $image->object()->image->width, $image->object()->image->height, $percent)) { } return $this; } /** * Сохраняет изображение */ public function save($file = NULL, $options = array()) { $this->target OR $this->target = $this->source; if (strpos($file, ".") OR $file = $this->info->file) { $ext = pathinfo($file, PATHINFO_EXTENSION); $ext = strtolower($ext); } else { $ext = strtolower($file); $file = NULL; } switch ($ext) { case "jpg": case "jpeg": $options OR $options = 90; imagejpeg($this->target, $file, $options); break; case "gif": imagecolortransparent($this->target, imagecolorallocatealpha($this->target, 0, 0, 0, 127)); imagealphablending($this->target, FALSE); imagesavealpha($this->target, TRUE); imagegif($this->target, $file); break; case "png": imagealphablending($this->target, FALSE); imagesavealpha($this->target, TRUE); if (is_numeric($options)) { $quality = $options; $filters = PNG_NO_FILTER; } else { $quality = isset($options["quality"]) ? $options["quality"] : 9; $filters = isset($options["filters"]) ? $options["filters"] : PNG_NO_FILTER; } imagepng($this->target, $file, $quality, $filters); break; } $this->destroy(); } /** * Выводит изображение */ public function output($format, $options) { $this->save($format, $options); } }

Как он работает в системе? Ради чего столько кода?

Смотрите:

$image = new Image("1.jpg"); $image->resize(200,200,"width")->crop(200,200)->save("2,jpg);

Понимаете? Работает со всеми нужными форматами автоматически. Функционал при необходимости можно расширять.

Домашним заданием для вам будет проделать то, что указано выше (до моего класса) на локальной машине. При желании и времени поэкспериментировать с параметрами.

Если вы заядлый PHP разработчик, вы, наверняка, не только наслышаны о графической библиотеке GD library. Для тех, кто с ней не знаком, поясняю GD library позволяет создавать изображения, видоизменять и управлять ими без особых усилий. Сегодня, мы познакомимся с азами использования в PHP графической библиотеки GD library.

Прежде всего

Убедитесь, что GD библиотека установлена и активирована на вашем сервере. Не знаете как это сделать? Не переживайте, все просто! Вам только нужно создать PHP файл на сервере, затем введите следующее:

Теперь откройте страницу браузера и вы увидите громадный список возможностей вашей версии PHP. Прокрутите страницу немного вниз, найдите секцию ‘GD’ и убедитесь, что библиотека подключена. Если нет, свяжитесь с компанией, предоставляющей вам услуги хостинга. К счастью, на большинстве серверов, на которых я уже успел поработать и работаю, GD библиотека установлена и подключена.

Основные моменты

Давайте пройдемся по некоторым основным моментам. Во-первых, сделаем так, чтобы все отчеты об ошибках выдавались браузером. Этого можно добиться, введя в самом начале вашего php-кода следующее:

error_reporting(E_ALL);
?>

Нарисуем квадрат

Давайте начнем с самого простого и нарисуем с помощью PHP синий квадрат - ничего сверхъестественного, конечно, но надо же разобраться с основами. Чтобы получить желаемый квадрат, необходимо выполнить следующие действия:

Установить тип содержимого как «изображение», чтобы браузер смог интерпретировать изображение должным образом;
. Создать новое пустое изображение, установив нужную ширину и высоту;
. Сделать цвет фона синим;
. Сохранить окончательный вариант изображения и передать его в браузер;
. Очистить память, которая использовалась для создания и хранения изображения;
. Организовать отображение рисунка из файла index.php

Теперь, когда мы определились с порядком действий, можно начинать кодирование. Я постарался прокомментировать каждую строчку кода, а о функциях, использовавшихся в процессе кодировки, расскажу потом. Итак, вот код для создания нашего синего квадрата. После написания мы сохраним его под именем ‘basic_square.php’.

//Устанавливаем отображение сообщений об ошибках
ini_set ("display_errors", "1");
error_reporting(E_ALL);

//Определяем размеры изображения
//125px width, 125px height
$image = imagecreate(125, 125);

//Выбираем цвет фона
$blue = imagecolorallocate($image, 0, 0, 255);

//Устанавливаем еще один цвет - просто чтобы убедиться, что при отображении рисунка фоновым будет именно цвет, установленный первым ()
//Обратите внимание - квадрат будет синего, а не красного цвета.
$red = imagecolorallocate($image, 255, 0, 0);

//Сохраняем файл в формате png и выводим его
imagepng($image);

//Чистим использованную память
imagedestroy($image);
?>

Теперь давайте рассмотрим все использованные функции и каждый шаг вышеприведенного кода, чтобы лучше понять, что именно мы в нем делаем:

Как я уже пояснял, мы добавляем опцию сообщения об ошибках, чтобы в случае необходимости быстро их исправить
. Затем мы используем функцию header(), чтобы установить тип содержимого - png
. Сохраняем изображение и устанавливаем необходимую ширину и высоту - более подробно см. imagecreate()
. Затем используем функцию imagecolorallocate, чтобы выбрать синий цвет для фона нашего рисунка. Обратите внимание, что в окончательном варианте будет виден цвет, установленный в первую очередь, так что наш квадрат получится синим, а не красным.
. Для окончательного сохранения рисунка мы используем imagepng(). Если вы желаете сохранить рисунок в каком-либо каталоге, следует ввести дополнительные параметры.
. И, наконец, мы чистим память с помощью функции imagedestroy()

Мы можем посмотреть на нарисованный нами квадрат, открыв файл blue_square.php, а, еще лучше будет, если мы установить ссылку на него на главной странице:

Если все было сделано правильно, вы увидите вот такой синий квадрат:

Привет, Мир

Теперь, когда мы научились создавать изображения, давайте попробуем сделать изображение с текстом, написанным выбранным нами шрифтом. Мы можем воспользоваться любым шрифтом из каталога TrueType Font (.tff). В следующих примерах я буду использовать шрифт ‘Advent’. Давайте напишем «Hello World» на темно-сером квадрате. Внимание, смотрим на код, а затем подробно разбираем каждый шаг.

ini_set("display_errors", "1");
error_reporting(E_ALL);

header("content-type: image/png");

//Определяем размер изображения - 300x300 пикселей

//Устанавливаем фоновый темно-серый цвет

//Указываем путь к шрифту
$font_path = "advent_light";

//Пишем текст
$string = "Hello World!";

//Соединяем текст и картинку
imagettftext($image, 50, 0, 10, 160, $white, $font_path, $string);

//Сохраняем изображение
imagepng($image);

//Чистим память
imagedestroy($image);
?>

Сохраним код в файле ‘hello_world.php’и будем открывать его таким же способом, какой был указан выше. Итак, что здесь нового?

Мы установили размер изображения 300*300 пикселей и использовали темно-серый фон
. Обратите внимание, как мы указывали путь к шрифту, используя имя шрифта: дело в том, что далее в коде нам придется накладывать текст на изображение. Кроме того, не забывайте, что имя шрифта пишется без расширения. Впрочем, это зависит от того, какую версию GD-библиотеки использует PHP: если названием шрифта не начинается с ‘/’, то потребуется расширение ttf - то есть, если перед названием файла нашего шрифта не стоит /, то в конце будет автоматически добавлено ttf.
. Затем мы пишем «Hello World!» и сохраняем текст для дальнейшего использования
. Важнейшая функция, использованная в этом коде - это imagettftext(), требующая указания 8 параметров: путь к изображению, размер изображения, угол наклона, ось x, ось y, цвет, шрифт, текст (в таком порядке)

Сохраните код, откройте его любым способом, и вы увидите вот такую картинку:

Поверните его!

Вы заметили, что у функкции imagettftext, соединяющей текст и картинку, есть параметр расположить под углом"? Значит, мы можем повернуть наш текст под любым углом. Давайте перепишем код и повернем строчку на квадрате.

//Устанавливаем сообщения об ошибках
ini_set("display_errors", "1");
error_reporting(E_ALL);

//Устанавливаем тип содержимого
header("content-type: image/png");

//Определяем размер изображения: 300x300 пикселей
$image = imagecreate(300, 300);

//Определяем цвет фона - темно-серый
$dark_grey = imagecolorallocate($image, 102, 102, 102);
$white = imagecolorallocate($image, 255, 255, 255);

//Указываем путь к шрифту
$font_path = "advent_light";

//Пишем текст
$string = "Hello World!";

//Соединяем текст и картинку
imagettftext($image, 50, -45, 30, 70, $white, $font_path, $string);

//Сохраняем изображение
imagepng($image);

//Чистим память
imagedestroy($image);
?>

Обратите внимание, мы установили значение -45 градусов вместо 0 градусов (как в предыдущем примере) - это все, что требуется для того, чтобы повернуть текст. Посмотрите на картинку.

Ну как? Интересно? Нет? Тогда давайте попробуем заняться чем-нибудь более практичным.

Какое сегодня число?

Мы можем не только сами рисовать картинки, но и использовать готовые! Немного кодировки, и у нас получится календарик, отображающий текущую дату (месяц, день и год). Ищем в Google заготовку для календаря, находим изображение в формате.svg - я изменил его размер и перевел в формат png. Посмотрите на заготовку:

Теперь у нас есть основа, и мы можем обработать ее с помощью функций GD и PHP. Предупреждаю, что я не претендую на звание величайшего в мире дизайнера - возможно, на сайте лучше смотрелась бы другая заготовка и другой шрифт. Так что дизайн за вами, а пока давайте посмотрим на код:

//Устанавливаем сообщения об ошибках
ini_set("display_errors", "1");
error_reporting(E_ALL);

//Устанавливаем тип содержимого

//Сохраняем дату
list($month, $day, $year) = explode("/", date("F/jS/Y"));

//Загружаем фоновое изображение
$image = imagecreatefrompng("calendar_blank.png");
$image_width = imagesx($image);

//Определяем цвет фона и шрифт
$white = imagecolorallocate($image, 255, 255, 255);
$black = imagecolorallocate($image, 0, 0, 0);
$font_path = "advent_light";

//Указываем позиции текста
$pos_month = imagettfbbox(13, 0, $font_path, $month);
$pos_day = imagettfbbox(25, 0, $font_path, $day);
$pos_year = imagettfbbox(8, 0, $font_path, $year);

//Пишем месяц
imagettftext($image, 13, 0, ($image_width - $pos_month) / 2, 40, $white, $font_path, $month);

//Пишем день
imagettftext($image, 25, 0, ($image_width - $pos_day) / 2, 80, $black, $font_path, $day);

//Пишем год
imagettftext($image, 8, 0, ($image_width - $pos_year) / 2, 100, $black, $font_path, $year);

//Сохраняем изображение
imagejpeg($image, "", 100);

//Чистим память
imagedestroy($image);
?>

Итак, что мы здесь делаем? Что за функция list()? Давайте разберемся:

Как всегда, мы устанавливаем тип содержимого, чтобы картинка отображалась правильно.
. В 10-й строчке вы видите функцию list function. Мы определяем формат даты с помощью функции explode() и сохраняем его. Таким образом можно упорядочивать любую информацию. Теперь нам открыт доступ к сведениям о текущем месяце, дне и годе.
. В строчках 22-24 мы пользуемся функцией imagettfbbox(), чтобы организовать формат даты. Функция обеспечивает отображение даты в заданном порядке, а для доступа к правому нижнему углу мы пишем $pos_month. Все это нужно для того, чтобы текст автоматически располагался правильно, не зависимо от его размера.
. Затем мы создаем каждую строчку по очереди и устанавливаем размер текста по оси Х.

Если не произошло никаких катастроф, у вас должна получиться представленная ниже картинка, с той лишь разницей, что дата будет той, что установлена на вашем компьютере - мой рисунок, как вы можете догадаться, статичен. За помощь со скриптом спасибо сайту catpin.

Кошки и фильтры изображений

Последнее, чему я сегодня вас научу, это фильтры изображений - очень интересная штука, поверьте мне. Функция imagefilter() берет готовое изображение и определенным образом изменяет его - например, переводит в черно-белый режим. Давайте посмотрим на картинку, с которой мы будем работать, в ее первоначальном виде.

А теперь сделаем кота черно-белым с помощью функции фильтрации изображений.

//Устанавливаем сообщения об ошибках
ini_set("display_errors", "1");
error_reporting(E_ALL);

//проверяем, установлено ли исходное изображение
if(isset($_GET["source"])){
//выполняем базовую обработку рисунка
$image = filter_var($_GET["source"], FILTER_SANITIZE_STRING);

//Загружаем изображение
$image = imagecreatefromjpeg($image);

//Переводим его в черно-белый режим
imagefilter($image, IMG_FILTER_GRAYSCALE);

//Устанавливаем тип содержимого
header("content-type: image/jpeg");

//Сохраняем изображение в качестве 90%
imagejpeg($image, "", 90);

//чистим память
imagedestroy($image);
}
?>

Вышеприведенный скрипт является достаточно гибким, так что вы без труда сможете сделать любой рисунок черно-белым - вот так:

Ставим в «источник» любую картинку, и вскоре она станет черно-белой. Тем, кто планирует использовать эту функцию на общедоступных серверах, потребуются дополнительные меры безопасности. Хотя в вышеприведенном скрипте указано изображение типа.jpeg, вы можете применять функцию для обработки любых графических файлов. Теперь наш кот выглядит так:

Другие фильтры:

В завершение урока я познакомлю вас с некоторыми другими графическими фильтрами и результатами их применения

Фильтр яркости

За яркость изображения отвечает третий параметр:

//третий параметр устанавливает уровень яркости изображения.
imagefilter($image, IMG_FILTER_BRIGHTNESS, 40);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

Гауссово размывание

Размывание по Гауссу, никаких дополнительных параметров

header("content-type:image/jpeg");

$image = imagecreatefromjpeg("cat.jpg");
imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

Контрастность

Третий параметр определяет контрастность

header("content-type: image/jpeg");
$image = imagecreatefromjpeg("cat.jpg");
imagefilter($image, IMG_FILTER_CONTRAST, -15);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

Удаление среднего значения (эффект рисунка)

Никаких дополнительных параметров.

header("content-type: image/jpeg");
$image = imagecreatefromjpeg("cat.jpg");
imagefilter($image, IMG_FILTER_MEAN_REMOVAL);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

Цветовой баланс

Устанавливает насыщенность красного, зеленого, синего цветов, а также альфа-канала (по желанию) в перечисленном порядке

header("content-type:image/jpeg");
$image = imagecreatefromjpeg("cat.jpg");
//alpha channel parameter omitted below as it is optional.
imagefilter($image, IMG_FILTER_COLORIZE, 50, 0, 0);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

До новых встреч...

Надеюсь, что вы более или менее разобрались с использованием в PHP библиотеки GD. Во второй части мы рассмотрим некоторые продвинутые техники и, конечно, узнаем еще больше интересного. Используйте библиотеку GD и свои творческие способности и обязательно расскажите мне, что у вас получилось!

Прежде всего

Основные моменты

error_reporting(E_ALL);
?>

Нарисуем квадрат

//Устанавливаем отображение сообщений об ошибках
ini_set ("display_errors", "1");
error_reporting(E_ALL);

//Определяем размеры изображения
//125px width, 125px height
$image = imagecreate(125, 125);

//Выбираем цвет фона
$blue = imagecolorallocate($image, 0, 0, 255);

//Сохраняем файл в формате png и выводим его
imagepng($image);

//Чистим использованную память
imagedestroy($image);
?>

Если все было сделано правильно, вы увидите вот такой синий квадрат:

Привет, Мир

ini_set("display_errors", "1");
error_reporting(E_ALL);

header("content-type: image/png");

//Определяем размер изображения - 300x300 пикселей

//Устанавливаем фоновый темно-серый цвет

//Указываем путь к шрифту
$font_path = "advent_light";

//Пишем текст
$string = "Hello World!";

//Соединяем текст и картинку
imagettftext($image, 50, 0, 10, 160, $white, $font_path, $string);

//Сохраняем изображение
imagepng($image);

//Чистим память
imagedestroy($image);
?>

Сохраните код, откройте его любым способом, и вы увидите вот такую картинку:

Поверните его!

//Устанавливаем сообщения об ошибках
ini_set("display_errors", "1");
error_reporting(E_ALL);

//Устанавливаем тип содержимого
header("content-type: image/png");

//Определяем размер изображения: 300x300 пикселей
$image = imagecreate(300, 300);

//Определяем цвет фона - темно-серый
$dark_grey = imagecolorallocate($image, 102, 102, 102);
$white = imagecolorallocate($image, 255, 255, 255);

//Указываем путь к шрифту
$font_path = "advent_light";

//Пишем текст
$string = "Hello World!";

//Соединяем текст и картинку
imagettftext($image, 50, -45, 30, 70, $white, $font_path, $string);

//Сохраняем изображение
imagepng($image);

//Чистим память
imagedestroy($image);
?>

Ну как? Интересно? Нет? Тогда давайте попробуем заняться чем-нибудь более практичным.

Какое сегодня число?

//Устанавливаем сообщения об ошибках
ini_set("display_errors", "1");
error_reporting(E_ALL);

//Устанавливаем тип содержимого

//Сохраняем дату
list($month, $day, $year) = explode("/", date("F/jS/Y"));

//Загружаем фоновое изображение
$image = imagecreatefrompng("calendar_blank.png");
$image_width = imagesx($image);

//Определяем цвет фона и шрифт
$white = imagecolorallocate($image, 255, 255, 255);
$black = imagecolorallocate($image, 0, 0, 0);
$font_path = "advent_light";

//Пишем месяц
imagettftext($image, 13, 0, ($image_width - $pos_month) / 2, 40, $white, $font_path, $month);

//Пишем день
imagettftext($image, 25, 0, ($image_width - $pos_day) / 2, 80, $black, $font_path, $day);

//Пишем год
imagettftext($image, 8, 0, ($image_width - $pos_year) / 2, 100, $black, $font_path, $year);

//Сохраняем изображение
imagejpeg($image, "", 100);

//Чистим память
imagedestroy($image);
?>

Итак, что мы здесь делаем? Что за функция list()? Давайте разберемся:

Кошки и фильтры изображений

А теперь сделаем кота черно-белым с помощью функции фильтрации изображений.

//Устанавливаем сообщения об ошибках
ini_set("display_errors", "1");
error_reporting(E_ALL);

//Загружаем изображение
$image = imagecreatefromjpeg($image);

//Переводим его в черно-белый режим
imagefilter($image, IMG_FILTER_GRAYSCALE);

//Устанавливаем тип содержимого
header("content-type: image/jpeg");

//Сохраняем изображение в качестве 90%
imagejpeg($image, "", 90);

//чистим память
imagedestroy($image);
}
?>

Другие фильтры:

Фильтр яркости

За яркость изображения отвечает третий параметр:

Гауссово размывание

Размывание по Гауссу, никаких дополнительных параметров

header("content-type:image/jpeg");

$image = imagecreatefromjpeg("cat.jpg");
imagefilter($image, IMG_FILTER_GAUSSIAN_BLUR);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

Контрастность

Третий параметр определяет контрастность

header("content-type: image/jpeg");
$image = imagecreatefromjpeg("cat.jpg");
imagefilter($image, IMG_FILTER_CONTRAST, -15);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

Удаление среднего значения (эффект рисунка)

Никаких дополнительных параметров.

header("content-type: image/jpeg");
$image = imagecreatefromjpeg("cat.jpg");
imagefilter($image, IMG_FILTER_MEAN_REMOVAL);
imagejpeg($image, "", 90);
imagedestroy($image);
?>

Цветовой баланс

До новых встреч...

Введение:

Возможности PHP не ограничиваются созданием HTML"я. PHP можно использовать для создания и манипулирования изображениями различных форматов, среди которых gif, png, jpg, wbmp, and xpm. Кроме того PHP способен выводить поток изображения прямиком в браузер. Для работы вам понадобится PHP собранный с графической библиотекой GD . GD и PHP могут зависеть и от других библиотек, в зависимости от того, с какими форматами изображений вы будете работать.

При помощи расширения EXIF вы сможете обрабатывать информацию хранящуюся в заголовках JPEG и TIFF изображений. При помощи него вы сможете получить доступ к мета тегам генерируемым цифровыми камерами. Для работы EXIF расширения библиотека GD не требуется.

Об установке и настройке библиотеки можно прочесть в официальной документации . Вероятней всего вам это не понадобится потому что у вас всё уже давно установлено.

С чем имеем дело

Функции обработки с изображениями в PHP я поделю на две категории. Те что работают с файлами и на те что работают с изображением в памяти(ресурсом).

Функций этих достаточно много, и все они важны. Описывать каждую я не буду, тем более лучше официальной документации мне этого не сделать. Но посмотреть на них с примерами мы вполне сможем, и сейчас же этим займёмся.

Сохранение обработанного изображение осуществляется при помощи
Описание гласит imagegif - Output image to browser or file. Для того чтобы примерно понять как это работает, нам понадобится редактор и картинка. Открываем картинку редактором и видим кучу непонятных символов.
Отлично, это наша картинка. Эта функция превращает пиксели в нашей памяти вот в такую запись. Для того чтобы записать всё это в файл указываем в imagegif 2 параметра.Указатель на наше изображение в памяти и название файла.
imagegif($im,"image.gif");

Когда браузер показывает нам какую нибудь картинку, он по сути запрашивает с сервера эти же каракули и превращает их на экране в изображение.
Значит мы можем не только сохранить эти каракули в файл, но и сразу отправить их браузеру. Делает это той-же самой imagegif, но на этот раз без второго параметра.
imagegif($im)

Но есть одно но. Нужно подсказать браузеру что это нужно обработать как картинку, а не как обычный текст. Напомню здесь о заголовках, рассматривавшихся в главе "Где работает php".
Для того чтобы отправить заголовок мы используем функцию header
содержание заголовка будем (тип документа: картинка гиф)
выглядит это вот так: header("Content-type: image/gif");

Ну и наконец последнее что вы встречали тут это
Переменную $img указатель она не удаляет, но память на которую переменная указывает она очищает. Пригодится если приспичит поработать с изображениями большой резолюции к примеру, с несколькими изображениями параллельно и при этом не выйти за рамки дозволенной свободной памяти.

Напомню что вся память выделенная скрипту во время выполнения автоматически освобождается с завершением его работы.

Ну вот и всё, теоретическую основу мы освоили..

Типичные ошибки:

Fatal error: Call to undefined function ...
Это значит что у тебя не установлена библиотека GD или всё гораздо проще - ты опечатался в названии функции. Установка GD описывается в документации. В денвере она есть по умолчанию, в убунту вам может пригодится команда sudo apt-get install php5-gd и перезапуск сервера.

Warning: imagecreatefrom..(a.png) failed to open stream: Permission denied
тут всё тоже просто. Правой кнопочкой по нашему изображению и выставьте права на чтение всем.

На экран выводится Resource id # вместо картинки.
=(Я же уже говорил, что вывод в браузер осуществляется при помощи специальных функций вида imagegif() без второго параметра. А у вас где то стоит echo $img; и на экран выводится не содержимое памяти, а просто сообщение что это указатель.

Warning: ...(): supplied argument is not a valid Image resource
Ожидался указатель а то что вы ему передали это строка или что-то другое. Причём если ты уверен что передаёшь указатель, но всё равно получаешь эту ошибку, то перестань припираться. Ты ошибаешься и лучше всё перепроверь . Сэкономит много нервов =)

�PNG �� IHDR��h6��PIDAT(��JA��Mv�M4��
Ага, почему то выводится бинарный код изображение а браузер не думал сделать из него изображение, а обработал как обычный текст. Ну-ка пролистай еще раз весь урок и поищи ту часть в которой мы отправляли изображение браузеру.

Пару задачек для усвоения материала

Еще раз напомню этапы программирования
1. Постановка задачи
2. Определение требуемых операций
3. Подбор подходящих функций для каждой операции ()
4. Построение цепочки
5. Отладка с возвращением к первому пункту

Запомни - ты сейчас не получаешь опыт, а учишься его набирать. Думай об этом когда выполняешь задания.
Если ты их выполнил но не усвоил для себя ничего нового, то либо ты их плохо выполнил, либо ты их вообще не выполнил. Вряд ли при другом раскладе ты до сюда дочитал бы.

Задачки

1. Наложение печати
Уверен дописать на картинке пару слов у тебя труда не составит. Поэтому попробуем пририсовать графическую подпись. Открываем пэинт и делаем свой автограф. Получилось? Отлично.
Теперь сохраняем из гугла две фотки Памеллы Андерсон и пририсовываем к ним свою подпись.
(Подсказка: наверное полезно знать что у изображения есть такой параметр как Альфа - обозначающее прозрачность. Уверен Ctrl+F по списку функций что нибудь бросит вам в глаза, хотя это вовсе не обязательно.)

2. Captcha
Сложную мы делать не будем, сделаем простую. Каждый раз выводится случайные 4 цифры.
В чём прикол? Для этого будем использоваться особый шрифт - . А еще после того как наше изображение будет белого цвета с чёрным текстом, мы применим к нему фильтр негатива и на экране сделаем так чтобы оно отображалось наоборот, с чёрным фоном и белым цветом и оба изображение выводились на экран.(И всё в одном скрипте)

3. Логотип php
Это задание попроще и подлиннее - нарисуйте логотип php.

Ответы на эти вопросы вы найдете здесь:

<<< Назад

Содержание

Вперед >>>

Есть еще вопросы или что-то непонятно - добро пожаловать на наш

Интернет будет довольно скучным без изображений. Тем не менее, поддержка и управление сотнями или тысячами изображений для вашего веб-сайта может быть головной болью. По мере изменения дизайна вашего сайта вам может потребоваться изменить все ваши изображения - например, преобразовать все ваши изображения в оттенки серого или изменить их размер до 50% от их первоначального размера. Вы также можете сжимать или обрезать разные изображения. Выполнение этого вручную занимает много времени и подвержено ошибкам, но с небольшим знанием программирования оно может быть автоматизировано.

В этом уроке мы узнаем о библиотеке GD (Graphic Draw) в PHP. Вы увидите, как эту библиотеку можно использовать для управления изображениями путем изменения размера, обрезки, поворота или фильтрации.

Что такое GD?

PHP может сделать гораздо больше, чем просто отправлять HTML-сообщения посетителям. Например, он имеет возможность манипулировать изображениями. Не только это, но вы также можете создавать свои собственные изображения с нуля, а затем либо сохранять их, либо подавать их пользователям.

PHP может удовлетворить практически все ваши основные потребности в управлении изображениями, используя библиотеку GD - сокращение для Graphic Draw.

Установка

Если вы работаете в Windows, вы можете включить файл php_gd2.dll в качестве расширения в php.ini . Если вы используете что-то вроде XAMPP, вы найдете файл php_gd2.dll в каталоге xampp\php\ext . Вы также можете проверить, установлена ли GD в вашей системе, с помощью функции phpinfo(); . Если вы просмотрите полученный результат, вы найдете что-то похожее на следующее.

Вы также можете посетить страницу требований и установки , чтобы узнать больше об установке.

Создание изображений с помощью PHP GD

Первым шагом к манипулированию изображениями с помощью PHP является загрузка их в память в качестве ресурса изображения. Этого можно добиться с помощью различных функций для разных форматов. Все эти функции имеют очень похожие имена, поэтому их легко запомнить.

Создание нового изображения

Функция imagecreatetruecolor() окажется полезной, если у вас нет исходного источника изображения, которое вы хотите изменять. Она принимает два целочисленных параметра: ширину и высоту. Она вернет ресурс изображения, если все пойдет по плану. Возвращаемый ресурс изображения в основном представляет собой черное изображение с заданной шириной и высотой.

Загрузка файла изображения

Если вы планируете работать с изображениями, которые уже хранятся где-то, вам пригодится использование таких функций, как imagecreatefromjpeg() , imagecreatefrompng() и imagecreatefromgif() . Они создадут ресурс изображения со всеми данными из загруженного файла изображения. Эти функции принимают единственный параметр, который указывает местоположение загружаемого изображения, как URL-адрес или путь к файлу.

Создание изображения из строки

Библиотека GD также позволяет создавать изображения из строки, используя функцию imagecreatefromstring() в PHP. Помните, что вам нужно будет использовать base64_decode() для данной строки перед imagecreatefromstring() . Функция может автоматически определять, является ли тип изображения JPG, PNG, GIF или другим поддерживаемым форматом.

Вращение, масштабирование, обрезка и переворот изображения

Некоторые общие операции, которые вы можете выполнять на ресурсе изображения, - это вращение, масштабирование, обрезка и переворот.

Вращение

Вы можете повернуть изображение, которое вы уже загрузили в скрипт, используя функцию imagerotate() . Она будет вращать изображение под заданным углом, используя центр изображения в качестве центра вращения. Угол представлен как значение с плавающей точкой, и PHP считает, что это значение угла вращения. Иногда повернутое изображение будет иметь разные размеры по сравнению с исходной версией. Это означает, что после поворота вы получите некоторую открытую область. Третий параметр функции imagerotate() может использоваться для задания цвета фона пустой области после вращения.

Масштабирование

Очень просто масштабировать изображение с помощью библиотеки GD. Вам просто нужно передать ресурс изображения, а также ширину и высоту в функцию imagescale() . Если вы опустите высоту, GD будет масштабировать изображение до указанной ширины, сохраняя соотношение сторон. Вы также можете указать режим масштабирования изображения. Его можно установить в IMG_NEAREST_NEIGHBOUR , IMG_BILINEAR_FIXED , IMG_BICUBIC и т.д. Важная вещь, которую вам нужно запомнить, это то, что эта функция возвращает новый источник масштабированного изображения вместо того, чтобы изменять исходный.

Обрезка

Вы можете обрезать любой ресурс изображения с помощью функции imagecrop() в GD. Первый параметр - исходный ресурс изображения, а второй параметр - ассоциативный массив с ключами x , y , width и height , определяющий размеры позиции окна обрезки.

Изображение бабочки выше было обрезано с использованием следующего кода:

$im_php = imagecreatefromjpeg("path/to/image"); $size = min(imagesx($im_php), imagesy($im_php)); $im_php = imagecrop($im_php, ["x" => $size*0.4, "y" => 0, "width" => $size, "height" => $size]); $im_php = imagescale($im_php, 300);

В основном, мы сохраняем длину самой маленькой стороны в переменной $size . Затем эта переменная используется для определения границы нашего прямоугольника обрезки. Наконец, изображение уменьшено таким образом, что оно составляет всего 300 пикселей в ширину и длину. Это дает нам квадратное изображение.

Переворот изображений

Изображения можно перевернуть горизонтально, вертикально или в обоих направлениях с помощью функции imageflip() . Она принимает ресурс изображения, который вы хотите перевернуть, в качестве первого параметра, и режим переворота в качестве второго параметра. Режим переворота может быть установлен на IMG_FLIP_HORIZONTAL , IMG_FLIP_VERTICAL или IMG_FLIP_BOTH .

Верхнее левое изображение на приведенном выше рисунке является оригиналом. Верхнее правое изображение было создано с помощью IMG_FLIP_HORIZONTAL , нижнее левое изображение было создано с использованием IMG_FLIP_VERTICAL , а нижнее правое изображение - с помощью IMG_FLIP_BOTH . (Изображение вороны от Pixabay .)

Применение фильтров к изображению

GD также имеет очень полезную функцию imagefilter() , которая может применять фильтры на разных ресурсах изображений, загружаемых с использованием функций из предыдущих изображений. Эта функция может принимать различные параметры в зависимости от применяемого фильтра.

Для начала укажите ресурс изображения и имя фильтра, который вы хотите применить. Вы можете установить его на один из 12 предопределенных типов фильтров, упомянутых в документах .

IMG_FILTER_NEGATE: обращает (меняет как в негативе) цвета на изображении
IMG_FILTER_GRAYSCALE: удаляет цвет из изображения
IMG_FILTER_BRIGHTNESS: делает изображение ярче или темнее
IMG_FILTER_CONTRAST: увеличивает контрастность изображения
IMG_FILTER_COLORIZE: оттеняет изображение в выбранный цвет
IMG_FILTER_EDGEDETECT: выделяет края изображения
IMG_FILTER_EMBOSS: похоже на обнаружение краев, но придает каждому краю приподнятый вид
IMG_FILTER_GAUSSIAN_BLUR: размывает изображение с использованием метода Гаусса
IMG_FILTER_SELECTIVE_BLUR: размывает изображение с помощью выборочного метода
IMG_FILTER_MEAN_REMOVAL: эффект создания стилизованного изображения
IMG_FILTER_SMOOTH: сглаживает зубчатые края изображения
IMG_FILTER_PIXELATE: делает изображение пикселизированным

Некоторые фильтры, такие как NEGATE , GRAYSCALE , EDGE_DETECT и EMBOSS , не нуждаются в дополнительных данных. Другие фильтры, такие как BRIGHTNESS , CONTRAST и SMOOTH , могут принимать дополнительный параметр, который определяет количество яркости, контрастности или гладкости конечного изображения. Параметр PIXELATE позволяет указать два дополнительных параметра: размер блока, а также режим пикселизации. Наконец, фильтр COLORIZE принимает четыре параметра, которые определяют значения для red, green и blue компонентов, а также альфа-канала.

Изображение в левом верхнем углу является оригиналом. Верхнее правое изображение было создано с использованием фильтра COLORIZE , нижний левый был создан с использованием фильтра GRAYSCALE , а изображение в правом нижнем углу было создано с использованием фильтра BRIGHTNESS . (Это изображение бабочки было найдено в Pixabay .)

Другие полезные функции для работы с изображениями

Вы также должны знать о некоторых других общих функциях GD, которые могут быть полезны время от времени.

Получение размеров изображения

Вы можете определить ширину и высоту ресурса изображения с помощью функций imagesx() и imagesy() .

Другая функция, называемая getimagesize() , также может использоваться для получения ширины и высоты изображения вместе с его типом. Эта функция возвращает массив с элементами, определяющими ширину, высоту и формат изображения. Первые два элемента массива описывают ширину и высоту, а третий элемент содержит константу, определяющую формат файла: один из IMAGETYPE_PNG , IMAGETYPE_GIF и т.д.

Сохранение изображения

После того, как вы внесете все необходимые изменения в изображение, вы, скорее всего, захотите либо вывести его в браузер, либо сохранить его как файл. В любом случае вам придется использовать одну из функций вывода GD, таких как imagejepg() , imagepng() или imagegif() . Вы передадите свой ресурс изображения одной из этих функций вывода, и если вы хотите сохранить изображение в файл, вы также укажете имя файла. Вы также можете управлять качеством выходного изображения с помощью третьего необязательного параметра в зависимости от типа изображения.

Изменение размера всех изображений в каталоге

Давайте применим на практике полученные нами знания, чтобы сделать что-нибудь. В этом разделе мы изменим размер всех изображений JPEG в определенном каталоге на ширину 640 пикселей. Высота будет рассчитываться автоматически в зависимости от размеров исходного изображения.

Мы сохраним измененные изображения в новой папке под названием Resized . Все исходные изображения в этом случае имеют одинаковые размеры, но код будет работать правильно и с изображениями, имеющими разные размеры и пропорции.

$directory = "Nature/"; $images = glob($directory."*.jpg"); foreach($images as $image) { $im_php = imagecreatefromjpeg($image); $im_php = imagescale($im_php, 640); $new_height = imagesy($im_php); $new_name = str_replace("-1920x1080", "-640x".$new_height, basename($image)); imagejpeg($im_php, $directory."Resized/".$new_name); }

В приведенном выше коде мы начнем с использования функции glob() , чтобы найти все изображения с расширением .jpg в каталоге под названием Nature . Файлы изображений хранятся в массиве, и мы поочередно перебираем их.

Поскольку все изображения, которые мы хотим изменить, являются JPEG, мы используем функцию imagecreatefromjpeg() , чтобы загрузить их в скрипт. Затем используется функция imagescale() для изменения размера изображения до определенной ширины - 640 пикселей в нашем случае. Мы не указали фиксированную высоту, чтобы высота была рассчитана автоматически.

К каждому из исходных файлов изображений было добавлено -1920x1080 к их имени файла, чтобы указать его размеры. Мы используем str_replace() в исходном имени файла и заменяем -1920X1080 на новый размер изображения.

Наконец, мы сохраняем измененные изображения в папке с именем Resize с новыми именами файлов. Вы также можете передать третий параметр функции imagejpeg() , чтобы установить качество сохраненного файла изображения. Если третий параметр опущен, изображения сохраняются с качеством по умолчанию 75.

Применение оттенков серого и контрастных фильтров для каждого изображения в каталоге

На этот раз мы будем применять два разных фильтра для каждого изображения в нашем каталоге и сохранять конечный результат в другом каталоге без внесения каких-либо изменений в имя файла. Давайте погрузимся в код, и я позже объясню, что делает каждая функция.

$directory = "Nature/"; $images = glob($directory."*.jpg"); foreach($images as $image) { $im_php = imagecreatefromjpeg($image); imagefilter($im_php, IMG_FILTER_GRAYSCALE); imagefilter($im_php, IMG_FILTER_CONTRAST, -25); $new_name = basename($image); imagejpeg($im_php, $directory."Grayscale/".$new_name); }

Как вы можете видеть, мы загружаем изображения из каталога Nature так же, как и в предыдущем примере. Однако на этот раз мы будем использовать функцию imagefilter() для применения фильтров на загруженном ресурсе изображения.

Обратите внимание, что imagefilter() изменяет исходное изображение и возвращает TRUE или FALSE в зависимости от успеха или провала операции. Это отличается от функции imagescale() , которую мы использовали в предыдущем разделе, которая вернула масштабированный ресурс изображения.

Еще одна важная вещь, которую следует иметь в виду, заключается в том, что контрастный фильтр принимает значения от -100 до 100. Отрицательные значения подразумевают большую контрастность, а положительные значения означают меньший контраст. Это противоположно тому, что могут ожидать некоторые люди! Значение 0 оставляет изображение неизменным.

С другой стороны, фильтр яркости имеет минимальный и максимальный пределы -255 и 255. Отрицательное значение в этом случае подразумевает минимальную яркость, а положительное значение означает максимальную яркость.

Мы получаем имя файла из пути файла, используя функцию basename() , а затем сохраняем изображение с помощью функции imagejpeg() .

Заключительные мысли

Цель этого урока состояла в том, чтобы познакомить вас с библиотекой GD на PHP и узнать, как использовать все ее функции, чтобы сделать вашу жизнь проще. Вы можете использовать примеры в конце урока в качестве руководства для написания собственных скриптов работы с изображениями. Например, вы можете изменить размер изображения только в том случае, если оно больше заданного предела, определяя его ширину с помощью функции imagesx() .

Все эти функции открывают множество возможностей для облегчения работы с изображениями и в конечном итоге сэкономят вам много времени. Если у вас есть какие-либо вопросы, связанные с этим учебным руководством, пожалуйста, дайте мне знать в комментариях.