Программы
Оптимизируем изображения web-сайтов

Оптимизируем изображения web-сайтов

Есть множество способов оптимизировать изображения в веб. Начиная от самых простых (вместо .bmp использовать .png), заканчивая построением модели человека и изучением значимости артефактов компрессии.

Есть множество способов оптимизировать изображения в веб. Начиная от самых простых (вместо .bmp использовать .png), заканчивая построением модели человека и изучением значимости артефактов компрессии.

Пока что сильно глубоко погружаться не будем. Остановимся на самом простом способе — как ускорить передачу изображений уже сейчас.

Предположим, что мы более-менее разумные люди, и используем в основном 2 формата данных для изображений: jpeg и png. Опять же, svg и шрифтовые иконки прекрасны, но мы сейчас делаем самое быстрое и простое.

Чтобы оптимизировать jpeg и png нам потребуется установить 2 утилиты:

sudo apt-get install jpegoptim optipng

— одна оптимизирует jpeg, другая — png. Обе без потери качества.

Вариант даю только для Ubuntu / Debian —  ибо подозреваю, что более-менее разумные люди на Windows не хостятся, FreeBSD встретить нынче сложно, MacOS на серверах опять же иметь не много смысла, а пользователя CentOS и прочих Gentoo сами знают, что apt-get надо заменить на yum, emerge и иные пакетные менеджеры.

Оптимизируем все png в текущей директории:

optipng -o2 *.png

Для особо «жадных» можно использовать -o7 — сжимать ещё сильнее. Правда, скорость этого… В районе фото в минуту.

Оптимизируем все jpeg в текущей директории:

jpegoptim *.jpg

Теперь наши jpeg и png файлы оптимизированы!

Также может быть вам интересно:

Расположение элементов на странице

Уверен, когда вы делали задание из первого урока, элементы на странице не слушались, наезжали друг на друга, в общем, не хотели стоять так, как хотелось бы вам. Для того, чтобы их укротить нам потребуется понимание того, как браузер расставляет эти самые элементы. Хотя бы базовое.

Читать »

Время не то, чем кажется

Да, наша реальность предполагает наличие такого абстракта как время. Материя + движение = время, время + материя = движение, движение + время… ну вы поняли. Вот такая реальность нам попалась.

Читать »
Фото Так ли безопасен Linux? Несколько коммитов с уязвимосятми в stable

Так ли безопасен Linux? Несколько коммитов с уязвимосятми в stable

Исследователи сумели пройти code-review с реквестами в ядро Linux, заведомо содержащими добавление уязвимостей.

Фото Маленькая книга о Go (golang)

Маленькая книга о Go (golang)

Маленькая книга о Go распространяется под лицензией Attribution-NonCommercial-ShareAlike 4.0 International license. Вы не должны платить за эту книгу.

Фото Microsoft открывает исходники, а её IDE супер-популярна

Microsoft открывает исходники, а её IDE супер-популярна

Решил сложить пару фактов и немного над этим поразмыслить. Реально ли Microsoft "переобулись"?

Фото Пример своей консольной команды в Django проекте

Пример своей консольной команды в Django проекте

Если вы работали с Django проектом, то, скорее всего, запускали команды из консоли (manage.py). В Django есть простой способ писать свои команды для управления проектом.

Фото Как на Bash получить файлы, изменённые за сегодняшний день

Как на Bash получить файлы, изменённые за сегодняшний день

Bash имеет огромные возможности по программированию/скриптованию и администрированию операционной системы. Не важно: Linux это, FreeBSD, или MacOS – на Bash можно сделать многое.

Фото Как установить часовой пояс в Linux

Как установить часовой пояс в Linux

В рамках первичной настройки Операционной Системы важно установить и по какому времени вы живёте, ведь при следующем обновлении времени через Интернет ваше время слетит.

Фото Как найти самые большие папки и файлы в Linux

Как найти самые большие папки и файлы в Linux

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

Фото Команда grep – полезные ключи и примеры использования

Команда grep – полезные ключи и примеры использования

У команды "grep" довольно много различных особенностей. особенно, если учесть, что с английского это "решето" – а что может войти в решето , не факт что выйдет!