Оптимизация изображений для сайта – JPEGoptim и OptiPNG

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

JPEGoptim оптимизация JPG

sudo apt-get install jpegoptim

JPEGoptim можно использовать со следующими ключами:

• –strip-all удаляет комментарии, Exif, IPTC, ICC, XMP
• –all-progressive преобразует в прогрессивный jpeg
• -p сохранит время создания такими же как у исходного файла
• -t покажет итоговый результат оптимизации для нескольких изображений
• -m85 устанавливает максимальное сжатие jpeg в 85. Этот параметр влияет на качество изображения!

JPG файлы будем оптимизировать и преобразовывать в прогрессивный вид при помощи JPEGoptim. Прогрессивный jpeg, это когда при загрузке сначала появляется размытый контур изображения и по мере загрузки обретается четкость. Jpg в прогрессивном режиме позволяет получить представление обо всём изображении уже после передачи незначительной части JPEG-файла. В обычном режиме jpeg загружается последовательно, с верху в низ.
В итоге для оптимизации jpeg файлов в текущей папке надо запустить

jpegoptim --strip-all --all-progressive -ptm85 *.jpg

Для рекурсивного (во всех вложенных подкаталогах) преобразования запускаем

find -type f -iname "*.jpg" -exec jpegoptim --strip-all --all-progressive -pm85 {} \;

Обратите внимание, на версии 1.3.0 которая идет в составе ubuntu 14.04 права на файлы будут изменены на чтение и запись только для владельца файла (-rw——-). Для решения этой проблемы добавим -exec chmod 644 {} \; что будет менять права на -rw-r–r–. В более новых версиях этой проблемы нет и добавлен новый ключ -P который сохраняет права такими же как у исходного файла.
Для запуска на сервере от имени www-data и сохранением прав доступа на версии 1.3.0 используем

sudo -u www-data find -type f -iname "*.jpg" 

-exec jpegoptim --strip-all 

--all-progressive -pm85 {} \; -exec chmod 644 {} \;

---

OptiPNG оптимизация PNG

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

Устанавливаем OptiPNG

sudo apt-get install optipng

OpiPNG будем использовать с ключами:

• -strip all удалит всю “лишнюю” информацию из файла
• -o4 указывает степень сжатия, от 1 до 7. По умолчанию 2.

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

find -type f -iname "*.png" -exec optipng -strip all -o4 {} \;

Итоговые комманды для рекурсивной оптимизации изображений на сервере от имени пользователя www-data
Для JPG

sudo -u www-data find -type f -iname "*.jpg" -exec jpegoptim 

--strip-all

 --all-progressive -pm85 {} \; -exec chmod 644 {} \;

Для PNG

sudo -u www-data find -type f -iname "*.png" -exec optipng

 -strip all -o4 {} \;

Решение: General error: 1364 Field ‘MyField’ doesn’t have a default value

После обновления MySql до версии 5.5 начали вылетать непонятные ошибки. Например:
Error: SQLSTATE[HY000]: General error: 1364 Field ‘MyField’ doesn’t have a default value
Связано это с тем, что в новой версии базы включен по умолчанию режим STRICT_TRANS_TABLES.
Проверить это можно следующим запросом:

1	SELECT @@GLOBAL.sql_mode

В результате увидите что-то вроде:

STRICT_TRANS_TABLES,NO_AUTO_CREATE_USER, NO_ENGINE_SUBSTITUTION

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

1	SET GLOBAL sql_mode='NO_AUTO_CREATE_USER, NO_ENGINE_SUBSTITUTION'

Теперь проверим отключился ли режим:

1	SELECT @@GLOBAL.sql_mode

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

1	sql-mode='бла-бла-бла'

и удаляем из неё STRICT_TRANS_TABLES. Перезагружаем MySql.

Переключение версии PHP в Linux

CLI: Диалог выбора
sudo update-alternatives --config php
sudo add-apt-repository ppa:ondrej/php sudo apt-get update sudo apt-get install php7.0 php5.6 php5.6-mysql php-gettext php5.6-mbstring php-mbstring php7.0-mbstring php-xdebug libapache2-mod-php5.6 libapache2-mod-php7.0

и переключаемся с помощью следующих команд для Апача и для командной строки разные php5.6 -> php7.0 :
Apache:
sudo a2dismod php5.6 ; sudo a2enmod php7.0 ; sudo service apache2 restart
CLI:
sudo update-alternatives --set php /usr/bin/php7.0
php7.0 -> php5.6 :
Apache:
sudo a2dismod php7.0 ; sudo a2enmod php5.6 ; sudo service apache2 restart

CLI:
sudo update-alternatives --set php /usr/bin/php5.6

Git: как переключиться на нужный коммит

Для переключения на нужный коммит используется действие checkout.

После переключения, все файлы в проекте станут такими, какими они были в данном коммите.

git checkout commit

Где commit - это хеш (обозначение, имя) коммита, причем можно указывать не весь хеш, а несколько начальных символов хеша.


Вопрос: А как вернуться в самое свежее состояние?

Ответ. Команда:

git checkout

без дополнительных параметров вернет вас в head ревизию.

Проверить наличие jQuery и узнать её версию.

Иногда возникает необходимость проверить установлена ли на сайте JavaScript библиотека jQuery и если да, то какой она версии.
Предлагаю для этого маленький сниппет, который нужно добавить в закладки браузера, а кликнув по этой закладке узнаете версию.

Или просто выполнить код в консоли браузера. Сниппет:
javascript:(function(){var msg;if (window.jQuery) {msg = 'You are running jQuery version: ' + jQuery.fn.jquery;} else {msg = 'jQuery is not installed';}alert(msg);})();;

Код, который нужно выполнить в консоли:

var msg;
if (window.jQuery) {
    msg = 'You are running jQuery version: ' + jQuery.fn.jquery;
} else {
    msg = 'jQuery is not installed';
}
alert(msg);

Symbolic link not allowed or link target not accessible

Иногда нет возможности развернуть сайт в директории /var/www и как одно из решений  поместить сайт на другом разделе, а в /var/www сделать симлинк на этот сайт.
И тогда вполне возможно вы увидите 403 ошибку в браузере,  а в логах
Symbolic link not allowed or link target not accessible

Для решения данной проблемы пишем в конфиге
Options +FollowSymLinks -SymLinksIfOwnerMatch
 и затем

sudo chmod o+x /home
sudo chmod o+x /home/somekittens
chmod o+x /home/somekittens/Dropbox
chmod o+x /home/somekittens/Dropbox/Project
chmod o+x /home/somekittens/Dropbox/Project/Site

GIT, не коммитить изменения прав на файлы

Вот этой командой можно указать git-у, что нужно не отслеживать изменения файлов

git config core.filemode false