Телеграм: @camouf_ru Почта: mihail@bazarow.ru

Оптимизация jpeg и png картинок на cron, с помощью jpegoptim и optipng

Просмотров: 910

Задача: на сайт каждый день проходит выгрузка из 1С с обновлением картинок. Нужно оптимизмровать эти картинки с помощью утилит jpegoptim и optipng. Сам сайт работает на виртуальном сервере с настроенным окружением.

Эти утилиты позволяют оптимизировать картинки, в среднем в два раза. То есть если изначальная картинка весила 500 килобайт, после обработки станет 200-250. Достаточно ощутимая оптимизация когда картинок под сотню тысяч.

Утилиты оптимизации будем запускать каждую ночь в 00:15 c помощью crontab задания. Они работают так: считывают исходную картинку, оптимизируют ее и сохраняют под тем же именем в тойже директории.

Больше всего, это влияет на скорость первой загрузки сайта, когда картинки еще не закешировались на устройстве пользователя. Но, и google page speed доволен и не выдает рекомендацию: используйте сжатие картинок

Оптимизация jpeg и png картинок на cron, с помощью jpegoptim и optipng

Установка jpegoptim и optipng

Всю дальнейшую работу буду делать под root (заходом под sudo su) пользователем, но права на оптимизированные файлы оставим за пользоватетелем под которым работает веб-сервер. Jpegoptim устанавливается такими командами:

Для debian/ubuntu
apt install jpegoptim

Для CentOS/Fedora/Red Hat
yum install epel-release
yum install jpegoptim

А optipng устанавливается такими:

Для debian/ubuntu
apt install optipng

Для CentOS/Fedora/Red Hat
yum install optipng

Делаем консольный скрипт для запуска оптимизаций

Создаем файл .sh который и будет запускаться по расписанию cron

nano /root/picture_optimization_script.sh

В него вставляем такой код:

#!/bin/bash
cd /var/www/ПАПКА_САЙТА/upload
sudo -u ПОЛЬЗОВАТЕЛЬ_С_ПРАВАМИ_ВЕБСЕРВЕРА find -type f -iname "*.jpe?g" -exec jpegoptim --strip-all --all-progressive -pm60 {} \; -exec chmod 644 {} \;
sudo -u ПОЛЬЗОВАТЕЛЬ_С_ПРАВАМИ_ВЕБСЕРВЕРА find -type f -iname "*.png" -exec optipng -strip all -o4 {} \;

Здесь я указал, что jpeg и jpg картинки будут пересохраняться с качеством 60 - это оптимальный баланс между сжатием и потерей качества (потеря качества не заметна глазу даже на retina экране). Все картинки будут оптимизироваться рекрусивно- проходом по всем директориям и поддиректориям папки upload.

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

Делаем файл исполняемым

chmod +x /root/picture_optimization_script.sh

Осталось только поставить его на cron, что бы запускался по расписанию. Открываем файл заданий:

nano /etc/crontab

И добавляем в него запуск скрипта с указанием нужного времени

15 00 * * * /root/picture_optimization_script.sh 

Все, можете подкрутить время запуска под себя, например, запускать скрипт раз в 5 часов

* */5 * * * /root/picture_optimization_script.sh 
Иван 18.06.2022
А не подскажете как сделать такоеже но что бы создавались webp картинки
У меня centos с битриксовым окружением
Михаил Базаров 18.06.2022
Цитата
Иван написал:
А не подскажете как сделать такоеже но что бы создавались webp картинки
У меня centos с битриксовым окружением

Прямо под эту задачу есть заметка https://camouf.ru/blog-note/7780/

Записная книжка разработчика

Примерно с 2013-го года пишу заметки по разработке сайтов на Битрикс.
Вы можете задавать уточняющие вопросы в комментариях- отвечаю или дополняю заметки по возможности.

Вывести минимальную цену торговых предложений в Битрикс Просмотров: 26860 Если у товара несколько торговых предложений и у каждого предложения разные цены, иногда т... Картинка торгового предложения вместо иконки цвета, в выборе SKU Просмотров: 270 Задача: вместо не информативных иконок цветов нужно вывести детальную картинку торгового п... Бонус за выполненный заказ на внутренний счет пользователя Просмотров: 4268 Задача: после того как заказ, в интернет-магазине, перешел в статус "Выполнен" начислить п... Вывести разделы инфоблока по первым буквам не меняя структуру каталог... Просмотров: 1808 Например: у нас есть инфоблок с большим количеством разделов. И мы хотим, на сайте разбить... Открытие мобильного приложения Apache Cordova по ссылке Просмотров: 683 Достаточно часто нужно реализовывать открытие мобильного приложения по ссылке. Например: п... Подключение мобильной версии шаблона Битрикс сайта, с автопереключени... Просмотров: 42288 Предпочитаю, что бы сайт не грузил кучу скриптов и стилей. При загрузке адаптивного шаблон... Простые калькуляторы в карточке товара каталога на Битрикс Просмотров: 15404 На одном из создаваемых сайтов было необходимо сделать небольшой калькулятор и предварител... Простой WEB сервер на ubuntu, для Битрикс Просмотров: 34478 Расскажу как по быстрому сконфигурировать WEB сервер для работы с Битрикс. Безо всяких ngi... Индивидуальные цены в 1С-Битрикс: в каталоге и при оформлении заказа Просмотров: 4960 В этой заметке постараюсь описать процесс реализации индивидуальных цен, для пользователей... Вывести свойство привязка к Яндекс Картам в Битрикс Просмотров: 18184 Часто бывает нужно вывести свойство привязка к Яндекс карте в детальном описании элемента... Установить цену товара из свойства инфоблока Просмотров: 8714 На одном из проектов, нужно было единоразово заполнить цены товаров из свойства инфоблока... Время на БД и веб сервере отличается на 3600 секунд, тест Битрикс Просмотров: 15306 Достаточно часто, при проверке параметров системы, в Битрикс, можно увидеть одну из ошибок... Основные функции вывода в шаблонах Битрикс Просмотров: 155357 Знаю, что все их знают. Но иногда не бывает лишним собрать все самое используемое в одну к... Прятать или показывать описание раздела каталога Просмотров: 598 В новых компонентах и шаблонах catalog.section есть не документированный и не выводимый па... Вывести все разделы в которых находится элемент инфоблока Просмотров: 13027 Если нужно вывести все разделы, со всей доступной информацией о них, внутри элемента инфоб... Time Capsule на Windows 10. Хранение бекапов Time Machine на компьюте... Просмотров: 6664 Заметку написал скорее для себя, что бы собрать все в одну кучу. Написана на базе нескольк... Создание блога с комментариями, оценками и просмотрами на сайте с 1С-... Просмотров: 23034 Если на вашем сайте требуется создание раздела с блогом или новостями, статьями. Записям в... Создание мобильного приложения на cordova, для любого сайта. Просмотров: 14192 Если стоит задача разработки мобильного приложения для сайта, можете воспользоваться данно... Автоматически помечаем новинки лейблом в каталоге битрикс Просмотров: 5380 Если вы хотите помечать новинки каталога, вашего магазина на Битрикс, лейблом "Новинка". И... Массово: применить наценку ко всем товарам каталога с пересчетом от б... Просмотров: 5584 Рассмотрим как, в магазине работающем на 1С-битрикс, массово применить наценку на все това...