оптимизация изображений

Оптимизация старых изображений на сайте с помощью ImageMagick. Bash-скрипт

Когда на хостинге заканчивается место, нужно сжимать картинки.

Следующий скрипт оптимизирует изображения, выполняя рекурсивный поиск в папках:

  • убирает анимацию gif, оставляя только нулевой фрейм [0];
  • сжимает картинки, большие 60Кб, до размера 380х380 пикселов;
  • сжимает картинки, большие 30Кб, но меньшие 60Кб, до размера 220х220 пикселов;
  • оптимизирует jpeg, большие 30Кб, меняя качество на 75%.

Image Lazyloader

Модуль ускоряет загрузку и отображение страниц на компьютере посетителя, откладывает загрузку картинок. Библиотека javascript echo, которую использует этот модуль, останавливает загрузку картинок, которые не видны на экране посетителя, и подгружает картинки, когда посетитель прокрутил бегунок. Эта функция необходима для сайтов с большим количеством фотографий.

Модуль Image Lazyloader имеет страницу настроек, на которой можно:

Phatch Image Inspector - пакетный обработчик фотографий

Phatch работает под Linux, очень маленькая, но совершенно полезная программа для владельцев сайтов, фотографов.

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

Установка для Убунту Линукс:

sudo apt-get install phatch

 

Использование

Phatch после установки добавляет две программы в раздел Меню "Графика":

Client-side adaptive image

Модуль подменяет форматы отображения Изображений в полях типа Изображение на нужные для данного разрешения экрана пользователя.

Адаптивный дизайн будет не оптимизированным для устройств без этого модуля. Картинки при простом масштабировании остаются большими и тормозят загрузку страницы, так как файл по-прежнему имеет большой вес. С помощью модуля адаптивных изображений эта проблема решается.

С помощью модуля можно настроить в Менеджере Дисплея для разных разрешений экранов требуемые Виды показа изображений.

Adaptive Image

Модуль делает оптимальным разрешение Изображений в поле типа Изображение для различных устройств. Динамически для разрешения экрана пользователя подгружает файл картинки в оптимальном формате отображения, который задан в Менеджере Дисплея для данного разрешения экрана.

После установки модуля откройте настройки отображения типа материала и измените формат отображения поля типа Изображение на адаптивный и настройте Виды показа изображений для разных размеров экрана.

Adaptive Image Styles (ais)

Модуль позволяет делать картинки в поле Изображение и внутри текста WYSIWIG-редактора адаптивными за счёт смены вида показа изображения для различных разрешений экрана.

Установка модуля требует изменений в файле .htaccess. С помощью настроек в .htaccess для различных экранов загружаются разные форматы изображений, то есть модуль создаёт сразу несколько миниатюр исходного изображения и подменяет картинку на файл в оптимальном формате.

Оптимизация изображений Drupal при создании материалов

Drupal: 
Уровень сложности: 

Хранение картинок на хостинге иногда требует оптимизации, если картинок много, а дисковое пространство не дешёвое. Базовая функция оптимизации картинок в поле типа Изображение в Друпал реализована опцией "Максимальное разрешение изображения" в настройках поля типа Изображение. Установив, допустим, максимум 1200 на 1500 пикселей, вы заставите друпал сжимать большие картинки до этой величины.

Original image with style

Позволяет применять форматирование из Видов показа изображений к загружаемому в поле Изображение файлу и сохранять обновлённый вариант картинки.

Подписаться на Front page feed