php сжатие изображений при загрузке
Php сжатие изображений при загрузке
Сжимание изображений средствами php
Рабочий код для уменьшения веса изображений без потери качества
Каждый веб-разработчик рано или поздно сталкивается с проблемой медленной загрузки сайта. На скорость загрузки сайта влияет несколько причин, но самой распрастранённой конечно же является большое количество графических файлов, расположенных на страницах сайта. Зачастую, столкнувшись с данной проблемой, программисты сжимают все используемые на сайте изображения путём изменения качества или размера изображений в худшую сторону, используя специальные онлайн сервисы. Но что если на сайте должно присутствовать добавление контента пользователями, и любой пользователь сможет загрузить фото размером 7-8 МБ, тем самым увеличив скорость загрузки сайта. Именно для таких случаев у каждого веб-разработчика должна быть собственная библиотека (или просто функция) для работы с изображениями, а именно для сжатия качества картинок.
Если вы ещё не верите в существование подобной магической функции языка php, то внимательно посмотрите на следующий пример.
Далее представлен рабочий php-код для уменьшения веса изображений с помощью которого вы сможете существенно уменьшить размер изображения и при этом практически не изменив их качества.
Вызов данной функции может быть примерно таким.
Размер изображения уменьшился более чем в 8 раз! При этом потеря качества практически незаметна.
Как видите, данная функция может творить чудеса! На этом всё. Сжимайте изображения и будьте счастливы.
Автоматическое сжатие и оптимизация картинок на сайте
Изображения нужно сжимать для ускорения скорости загрузки сайта, но как это сделать? На многих хостингах нет возможности устанавливать приложения, поэтому использование unix приложений optipng, pngcrush, jpegtran отпадает. Выкачивать картинки и сжимать их FileOptimizer или другими программами не продуктивно т.к. через время всю процедуру нужно повторять.
Решение – использовать сервисы для сжатия изображений по API, например tinypng.com. Поддерживает PNG и JPG до 5mb, бесплатен до 500 фото в месяц.
Напишем скрипт который по крону будет автоматом собирать файлы и отправлять их на сжатие.
База данных
Поиск файлов на сервере
Найдем все картинки в нужных категориях сайта с помощью рекурсивной версии функции glob() и добавим новые в БД.
Таблица заполнится данными:
Отправка файлов на сжатие
Получим ключ к API, для этого нужно зарегистрироваться на странице tinypng.com/developers.
После отправки формы придет письмо с ссылкой в личный кабинет.
Получим запись из БД и отправим POST-запрос в формате JSON:
URL-кодирование str_replace(‘%2F’, ‘/’, rawurlencode($item[‘img’])) нужно для файлов с русскими названиями и пробелами иначе возникают ошибки.
Сервис возвращает данные в JSON:
Соберем и оптимизируем весь код в один файл optimize_img.php
При каждом запуске скрипта идет проверка на наличие несжатых файлов в БД, если очередь закончилась, то идет поиск и добавление новых файлов, и так по кругу.
Запуск по CRON
Чтобы не превысить лимит 500 шт в месяц, скрипт должен запускаться:
31 день * 24 часа = 744 часов / 500 ≈ 1 раз в 1,5 часа, округлим до интервала в 2 часа.
Запуск скрипта в cron по URL выполняется следующий командой:
Временной интервал (минута, час, день, месяц, день недели) :
Мастерхост
Timeweb
RU-CENTER
Отчет о процессе
Чтобы отслеживать состояние процесса оптимизации, можно использовать следующий скрипт.
Оптимизация загруженных изображений с помощью php (jpeg)
при запуске скорости страницы в Google Chrome он предлагает оптимизировать / сжать изображения. Эти изображения в основном загружаются пользователями, поэтому мне нужно будет оптимизировать их во время загрузки. То, что я нахожу об оптимизации изображений jpeg с помощью php, похоже на использование следующих функций GD:
поскольку я изменяю размер изображений после загрузки, я уже вытягиваю Изображение через эти функции и, кроме того, я использую imagecopyresampled() после imagecreatefromjpeg() чтобы изменить ее размер.
но тогда скорость страницы все еще говорит мне, что эти изображения можно оптимизировать. Как я могу выполнить эту оптимизацию в PHP-скрипте? Установка более низкого качества в imagejpeg () также не имеет значения.
4 ответов
функция imagejpeg, где вы назначаете качество. Если вы уже устанавливаете соответствующее значение, то вы мало что еще можете сделать.
скорость страницы, вероятно, считает, что все изображения выше определенного размера «нуждаются в сжатии», возможно, просто убедитесь, что они все такие же маленькие, как разумные (с точки зрения высоты/ширины) и сжатые.
вы можете найти больше о скорости страницы, и это предложения по сжатию на pagespeed docs http://code.google.com/speed/page-speed/docs/payload.html#CompressImages который описывает некоторые из методов / инструментов для сжатия соответствующим образом.
Я также только что прочитал следующее:
поэтому, возможно (если вы действительно хотите придерживаться предложений Google), вы можете использовать PHP exec для запуска одного из этих инструментов в файлах по мере их загрузки.
чтобы сжать php, вы делаете следующее (Похоже, вы уже делаете это):
Как оптимизировать изображение при загрузке в PHP
Недавно один из читателей спросил меня, как оптимизировать изображения при загрузке в PHP. Чтобы ответить на этот вопрос, я решил написать статью, которая покажет, как можно уменьшить или сжать размер файла во время его загрузки.
Как разработчик закачка файлов – наша постоянная задача. Мы всегда делаем это традиционно. Используя встроенную функцию, move_uploaded_file мы перемещаем изображения в каталог и оставляем их как есть. Думаем ли мы о нескольких моментах, например о размере загруженного изображения? Потребуется ли время для загрузки этого изображения на веб-сайт? Могу ли я оптимизировать изображение без потери качества?
Изображения играют важную роль в скорости загрузки сайта. Тяжелые изображения замедляют скорость загрузки страницы, что приводит к потере аудитории и трафика. Такая ситуация не по карману. Мы прилагаем много усилий для увеличения аудитории и посещаемости. Поэтому рекомендуется оптимизировать изображение при загрузке.
В этой статье я собираюсь использовать сервис TinyPNG для оптимизации изображений. Мы напишем для него код в считанные минуты. Между тем, ниже приведен снимок экрана с сайта tinypng.com, чтобы наглядно показать разницу между исходным и оптимизированным изображением.
Используйте TinyPNG для оптимизации изображения при загрузке
Для начала вам необходимо установить библиотеку TinyPNG. Установите библиотеку, используя команду ниже.
После установки библиотеки получите ключ API с сайта TinyPNG.
Примечание: TinyPNG позволяет бесплатно сжимать 500 изображений в месяц. За более чем 500 изображений нужно их заплатить. Если у вас небольшой веб-сайт, этой квоты достаточно.
Когда вы будете готовы с ключом API, давайте начнем с кода. Я создаю простую HTML-форму, которая содержит ввод файла и кнопку отправки.
Когда пользователи загружают изображение с помощью этой формы, разработчики пишут приведенный ниже код для перемещения загруженного изображения на сервер.
Приведенный выше код верен, и в нем нет проблем, кроме отсутствующей части оптимизации изображения. Для оптимизации изображений вам просто нужно добавить 2 строки кода после move_uploaded_file оператора.
Вышеупомянутые 2 строки берут изображение из исходного пути, оптимизируют его с помощью библиотеки TinyPNG без потери качества и сохраняют его обратно в тот же исходный путь. Другими словами, он заменяет исходное изображение оптимизированной версией.
Наш окончательный код выглядит следующим образом.
Давай, попробуй. Вы должны увидеть, как оптимизированная версия изображения сохраняется в вашем каталоге.
Надеюсь, вы понимаете, как оптимизировать изображение при загрузке в PHP. Я хотел бы услышать ваши мысли и предложения в разделе комментариев ниже.
Загрузка изображений на сервер и изменение размера изображения на PHP
Дата публикации: 2010-10-19
Сегодня я хочу рассказать о реализации довольно популярной задачи. Во-первых, это загрузка изображения на сервер. А во-вторых, это изменение размера изображения. Также рассмотрим поворот и изменение качества.
Немного теории по загрузке изображений на сервер средствами PHP
Вы не можете сразу загрузить файл в свою папку. Вначале он загружается во временную директорию сервера, а затем обрабатывается с помощью PHP интерпритатора. По окончанию сессии временный файл автоматически удаляется. То есть, мы вначале забрасываем файл во временную папку, а затем перекладываем в нужную.
$_FILES это массив загруженных файлов. Он имеет параметры (на примере файла picture):
$_FILES[‘ picture ‘][‘name’] – настоящее имя файла. Например: image.jpg.
Бесплатный курс по PHP программированию
Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC
В курсе 39 уроков | 15 часов видео | исходники для каждого урока
$_FILES[‘ picture ‘][‘size’] – размер файла в байтах.
$_FILES[‘ picture ‘][‘type’] – MIME-тип загруженного файла. Например: image/gif, image/png, image/jpeg.
$_FILES[‘ picture ‘][‘tmp_name’] – содержит имя файла во временном каталоге, например: /tmp/phpV3b3qY. Именно этот параметр и используется для перемещения файлов после загрузки.
$_FILES[‘ picture ‘][‘error’] – код ошибки.
Подготовка
Для начала нам нужна форма для загрузки. Возьмём простейшую форму.
Параметр enctype=»multipart/form-data» обязателен для такой формы. Тег отвечает за поле для ввода имени файла, который загружается на сервер.
Также нам потребуется обработчик события – загрузки файла. Вначале у нас будет одна настройка – путь сохранения изображения. Можно указывать как прямой, так и относительный путь. В случае POST запроса обработчик попробует осуществить загрузку файла по указанному пути. Скрипт сообщит о результате загрузки – удачна она или нет.
Функция copy, как вы наверно догадались, отвечает за копирование файла из одного место в другое. Мы копируем файл из временной папки сервера в нужную, сохранив имя файла.
Договоримся, что и форма и её обработчик будут находиться в одном файле – upload.php.
Итого имеем простой, но рабочий скрипт. Его можно забросить на хостинг, создать папку i и потренироваться с загрузкой файлов.
Проверки
Любая форма представляет для сайта опасность. И особенно форма загрузки файлов. Злоумышленник может загрузить скрипт и выполнить его на сервере. Поэтому необходимо озаботиться безопасностью.
Самые простые и обязательные проверки – на размер и тип файла. Для этого укажем допустимые типы и размер.
Тип файла укажем в виде массива:
а размер файла в байтах:
Проверяем тип файла. В случае недопустимого типа прекращаем работу скрипта и выводим соответствующее уведомление. Функция in_array проверяет присутствие значения в массиве.
Проверяем размер файла. В случае недопустимого размера прекращаем работу скрипта и выводим соответствующее уведомление.
Изменение размеров изображений PHP
Приступим к самому интересному, а именно изменению размеров изображения с помощью PHP. Для этого напишем функцию resize. Сделаем также возможным изменять качество изображения и поворачивать его.
Размер изображения будем подставлять исходя из параметра. Это будет либо эскиз ($type = 1), либо большое изображение ($type = 2).
Итак, шапка функции у нас получилась такая:
По умолчанию подставляем размеры эскиза, а поворот и качество по умолчанию не используются. Пойдём дальше.
Устанавливаем ограничение размера изображения по ширине. Функцию можно сделать более абстрактной, если задавать эти значения в параметрах, а также сделать возможным ограничение и по высоте. Однако в данном случае нам не нужна такая универсальность.
Далее создаём изображение для дальнейших преобразований. Для создания используем функцию в зависимости от типа файла (jpg, png или gif). Функции создания называются очень лаконично imagecreatefrom + тип файла.
Бесплатный курс по PHP программированию
Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC
В курсе 39 уроков | 15 часов видео | исходники для каждого урока
Далее определяем высоту и ширину изображения с помощью функций imagesx и imagesy.
В зависимости от типа (эскиз или большое изображение) устанавливаем ограничение по ширине.
Далее, если ширина изображения больше максимальной, проводим преобразования. Иначе просто сохраняем изображение и очищаем память. Сохраняем изображение с помощью функции imagejpeg. В данном примере, рассмотрено сохранение только в формате jpg, однако функционал всегда можно расширить. Удаляем изображения из памяти с помощью функции imagedestroy.
В качестве результата работы функции возвращаем имя файла. Оно нам ещё понадобится.
Вернёмся к преобразованию. Вначале вычисляем пропорции изображения и размеры преобразованного изображения.
Далее создаём пустую картинку (функция imagecreatetruecolor) с шириной и высотой, полученными на прошлом шаге.
И копируем исходное изображение ($src) в только что созданное ($dest), изменяя его размеры. Функция imagecopyresampled делает это с пересэмплированием, что улучшает качество.
И наконец, сохраняем полученное изображение и очищаем память.
Итого, функция получает исходное изображение и параметры преобразования, выполняет преобразования, сохраняет полученный файл во временную папку и возвращает имя изображения. Теперь нам осталось только переложить файл в конечную папку.
Отвечу заранее на вопрос «Почему мы не можем сразу положить изменённый файл в конечную папку?». Можем. Однако не делаем для увеличения глубины абстракции, то есть, чтобы придать определённую универсальность функции. Вы же сможете её использовать на разных сайтах.
Совсем забыл. Добавляем в начало функции строку:
Вызов функции
Функцию нужно вызывать сразу после проверок. А также следует изменить ту часть скрипта, где мы копируем изображение в конечную папку. Вы ведь теперь работаем с новым изображением. Теперь схема загрузки такова: компьютер → временная папка сервера → наша временная папка → конечная папка. То есть, добавился ещё один промежуточный пункт.
Для пущего веселья добавим в нашу форму выпадающий список, чтобы мы устанавливать тип загрузки и поля для ввода градуса поворота.
В таком случае вызов функции будет такой:
Конечный результат
И наконец, конечный результат.
Слишком большой размер файла. Попробовать другой файл?
Что-то пошло не так.
Послесловие
Естественно, рассмотренный пример учебный. Однако он вполне рабочий. Что вы можете попробовать, забросив скрипт на сервер и создав папки для изображений и временных файлов. Скрипт можно бесконечно дорабатывать, изменять уровень абстракции, добавлять условия и параметры, преобразования, проверки, накладывать «водяной знак».
Идеальный вариант – осмыслить и допилить до своих требований.
Домашнее задание
Конечно, задание проверять никто не будет. Однако я рекомендую его выполнить для себя. Ведь программирование – это, прежде всего, практика. Итак:
Вынесите размеры эскиза ($max_thumb_size) и большого изображения ($max_size) из функции в настройки файла.
Попробуйте задавать их в параметрах функции. Это значительно повысит уровень абстракции.
Проработайте вариант, когда изображение ограничивается по большей стороне, а не только по ширине.
Попробуйте получить на выходе файл того же типа, что и исходный. То есть, например, если загружаете gif, то и уменьшенная копия будет gif.
Попробуйте генерировать и эскиз и большой файл за одну загрузку.
Попробуйте наложить «водяной знак».
Используя бонусный код, добавьте в функцию возможность создания квадратных файлов. Добавьте в форму выбор типа обрезки – квадратная или пропорциональная.