Янв
22
2012

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

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

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

Для начала хочу сказать, что недавно проверял все свои сайты на скорость загрузки. Даже, когда были установлены плагины кэширования на них, то значительную задержку все-равно делали не оптимизированные картинки. В принципе, я сейчас стараюсь оптимизировать каждую загруженную картинку в публикацию. Делаю я это с помощью графического редактора Gimp так как работаю под ОС Ubuntu и издеваться с установкой Photoshop под Wine у меня нет времени.
Иногда я могу забыть оптимизировать какую-то картинку или плохо настроить параметры оптимизации.
В предыдущей заметке об оптимизации изображений я уже упоминал о замечательном сервисе от Yahoo!
И как-же я обрадовался, когда встретил этот плагин для блога на WordPress.
Плагин для оптимизации изображений на Вордпресс
Его достаточно просто установить. Настраивать ничего не нужно. После установки появится дополнительной пункт в Медиафайлах.
Установленный плагин оптимизации изображений в Вордпресс
Если вкратце пересказать то, что написано на картинке выше. Данный плагин ищет все изображения, которые загружены в медиа библиотеку. Потом каждое изображение он отправляет для оптимизации на известный сервис smushit.com/ysmush.it/. После этого получает уже оптимизированное изображение обратно. Также здесь важную роль играет выделенный жирным текст. В первом случае плагин сообщает сколько приблизительно времени займёт обработка всех изображений сайта. А во-втором — предупреждает, что плагин экспериментальный. И что отзыв или замечание о нем можно отправить по указанной ссылке.
Хотите отдохнуть на Черноморском побережье? Тогда нужно уже сейчас подыскать себе в Алуште базы. Готовь сани летом, а летний отдых — зимой!
Если войти в библиотеку файлов, то можно увидеть новою колонку в конце с помощью которой производится оптимизация отдельного изображения.
Также возле видеофайлов я увидел туже колонку, но у меня нет на этом сайте загруженных на хостинг видео и я не могу утверждать работает ли он ещё с видео или нет.
Оптимизация отдельного изображения с библиотеки
А теперь я напишу как сам все делаю.

  1. Сначала оптимизирую картинки темы. Беру папку с картинками темы и оптимизирую их через сервис Yahoo! smushit.com Потом оптимизированные картинки загружаю назад по фтп с заменой в нужную тему.
  2. Каждую картинку к публикации я готовлю с помощю графического редактора Gimp и сохраняю её с помощью кнопки «Сохранить для веба» с настройками по умолчанию.
  3. После этого я добавляю картинки в пост и жму опубликовать.

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

Это очень удобно так как можно пропустить мой пункт 2, но я уже просто привык так делать и все-равно нужно картинки редактировать. Мне после этого ничего не стоит вместо кнопки «Сохранить» нажать «Сохранить для веба».

А теперь подборка смешных картинок для поднятия настроения.

//youtu.be/xTdbopzDdGE



Метки: , , ,


  • Юрий

    Интересная статья. Если бы вы в этой интересной статье еще указали как называется плагин — было бы еще лучше.

  • Да плагин так и называется smushit

Читайте, не отвлекайтесь! =)

© Интернет дом ленивца - личный блог о сео, смо, сайтостроению. Построен на небольших заметках автора. Копирование материалов без активной ссылки на darmoid.ru запрещается и преследуется законом об авторском праве!
Вверх!