Thumbnail на php

2 способа создания thumbnail на php

Все кто когда-то писал различного рода CMS от полноценных до простых скриптов галерей, сталкивались с проблемой создания уменьшенных копий изображений или thumbnail`ов на php (в народе известны как “превьюшки”).

Картинки на входе (которые надо уменьшить) могут быть с различными соотношениями между длинной и шириной, а на клиентской стороне скрипта (то, что видит посетитель сайта), задаются фиксированные размеры области вывода. Наша задача заключается в том, чтобы создать из первого – второе с помощью php.

Тут следует упомянуть еще один момент, который будет непосредственно рассмотрен в этот статье. На самом деле способов создания thumbnail`ов на php существует два (еще подскажете еще один, буду признателен):

• 1. Изменение масштаба изображения (сжатие размеров).

  2. Выделение области, которая будет выводиться.

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

Но давайте обо всем по порядку. Начнем с первого способа.

Изменение масштаба.

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

1. <?

2. function img_resize($src, $dest, $width, $height, $rgb = 0xFFFFFF, $quality = 100) {

3. if (!file_exists($src)) {

4. return false;

5. }

7. $size = getimagesize($src);

9. if ($size === false) {

10. return false;

11. }

13. $format = strtolower(substr($size['mime'], strpos($size['mime'], '/') + 1));

14. $icfunc = 'imagecreatefrom'.$format;

16. if (!function_exists($icfunc)) {

17. return false;

18. }

20. $x_ratio = $width / $size[0];

21. $y_ratio = $height / $size[1];

23. if ($height == 0) {

25. $y_ratio = $x_ratio;

26. $height = $y_ratio * $size[1];

28. } elseif ($width == 0) {

30. $x_ratio = $y_ratio;

31. $width = $x_ratio * $size[0];

33. }

35. $ratio = min($x_ratio, $y_ratio);

36. $use_x_ratio = ($x_ratio == $ratio);

38. $new_width = $use_x_ratio ? $width : floor($size[0] * $ratio);

39. $new_height = !$use_x_ratio ? $height : floor($size[1] * $ratio);

40. $new_left = $use_x_ratio ? 0 : floor(($width - $new_width) / 2);

41. $new_top = !$use_x_ratio ? 0 : floor(($height - $new_height) / 2);

43. $isrc = $icfunc($src);

44. $idest = imagecreatetruecolor($width, $height);

46. imagefill($idest, 0, 0, $rgb);

47. imagecopyresampled($idest, $isrc, $new_left, $new_top, 0, 0, $new_width, $new_height, $size[0], $size[1]);

49. imagejpeg($idest, $dest, $quality);

51. imagedestroy($isrc);

52. imagedestroy($idest);

54. return true;

55. }

56. ?>

На вход этой функции подается два имени файлов: $src и $dst. Исходный файл и имя файла превьюшки, который будет создан. Кроме этого нужно передать размеры thumbnail`а на выходе. Параметр rgb задает цвет фона результирующей картинки, а quality ее качество (значит и размер файла thumbnail`а). Вот и все. Тут просто.

Вырезалка

А вот тут все уже чуть сложнее и интереснее. Здесь наша задача будет выполняться в два шага.

• 1. Выделение области изображения для создания thumbnail`а.

  2. Создание по этим параметрам самого файла thumbnail`а.

На первом нам очень помогает библиотека jQuery, которая делает этот процесс более интерактивным (представляете, каково было бы вручную вводить координаты области на картинке?).

Для создания интерактивного элемента выделения области на изображении мы воспользуемся библиотекой интерфейсов от jQuery Resizable.

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

Сначала я приведу пример, а потом расскажу принцип работы. Итак, посмотрите демонстрацию.

Принцип работы такой… Основное изображение кладется на фон div`а. Поверх него ставится еще один div, у которого можно менять размеры и положение. При изменении положения или размеров их значения передаются в скрытые поля формы (в примере они просто выводятся в span`ы). После того как пользователь выделил нужную часть изображения, он жмет кнопку подтверждения формы, и данные о выделенной области передаются на сервер. А на сервере thumbnail уже вырезается из основной картинки по известным координатам и размерам прямоугольника.

А вот и сама функция вырезания изображения на php:

1. <?

2. function img_crop($src, $dest, $x, $y, $width, $height, $rgb = 0xFFFFFF, $quality = 100) {

4. if (!file_exists($src)) {

5. return false;

6. }

8. $size = getimagesize($src);

10. if ($size === false) {

11. return false;

12. }

14. $format = strtolower(substr($size['mime'], strpos($size['mime'], '/') + 1));

15. $icfunc = 'imagecreatefrom'.$format;

17. if (!function_exists($icfunc)) {

18. return false;

19. }

21. $isrc = $icfunc($src);

22. $idest = imagecreatetruecolor($width, $height);

24. imagefill($idest, 0, 0, $rgb);

25. imagecopyresampled($idest, $isrc, 0, 0, $x, $y, $width, $height, $width, $height);

27. imagejpeg($idest, $dest, $quality);

29. imagedestroy($isrc);

30. imagedestroy($idest);

32. return true;

33. }

34. ?>

Она очень похожа на предыдущую. В качестве параметров ей нужно передать:

• • $src - имя исходной картинки

  • $dest - имя картинки-результата,

  • $x, $y - координаты левого верхнего угла прямоугольника, который будет вырезан из основной картинки,

  • $width - ширина выделенной области,

  • $height - и ее высота.

На этом все. Желаю успехов!