МедиаПрограммы

Плагин и программа для оптимизация изображений

Привет читателям. Думаю, многие из вас согласятся с утверждением, что сайт с изображениями обладает большей привлекательностью, чем сухой текст разбитый в лучшем случае, на абзацы и столбцы. Особенно если картинок много, они красивые и большие. Но увы, как известно, за все приходится платить. В данном случае, вебмастер расплачивается потерей свободного места на сервере и временем загрузки страниц. Чем больше картинок, тем меньше драгоценного места и медленнее грузятся страницы. Как снизить эти потери до минимума? Об этом сегодня наша статья.

Оптимизация изображений — очень важная тема, которая может для новичка не быть сразу актуальной, но со временем обязательно даст о себе знать. Для того, что бы все ваши картинки быстро загружались и занимали минимум места на сервере, можно использовать два метода. Ручной и с помощью WordPress плагина для оптимизации изображений — Smush.it. Есть правда, еще различные веб сервисы типа Punypng, но я ими не пользуюсь. Не вижу в этом большого выигрыша ни в качестве сжатия, ни по времени.

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

Надеюсь, у каждого из вас есть свой любимый просмоторщик изображений на локальном компьютере? Если вы до сих пор используете стандартный просмоторщик Windows, то настоятельно рекомендую поскорее перейти на что ни-будь более удобное и полезное. Программ таких сейчас довольно много как платных, так и бесплатных. Лично мне всегда был по душе бесплатный — XnView, которым я пользуюсь уже очень много лет. Разумеется, есть и другие популярные программы типа IrfanView или FastStone Image Viewer. В общем, предпочтения тут могут разные, но объединяет все эти программы то, что в них можно оптимизировать как правило, все самые популярные форматы картинок. Давай посмотрим на примере XnView оптимизацию картинки в самом распространенном формате — JPEG.

Вот у нас например, картинка размером 1000×605 пикселов. Открываем её в XnView и выбираем «сохранить как». В появившемся окне кликаем на Опции внизу слева и попадаем в меню настроек картинки. Тут нам нужно с помощью ползунка отрегулировать допустимое качество. Ставим ползунок на отметку 60-70. Если выставить еще меньше, то скорее всего, уже станут заметны сильные искажения. И не забудьте снять снять все галочки в чекбоксах кроме одного — «Прогрессивный». Это относится к методу сжатия изображения.

Сохраняем картинку и сравниваем размер «до» и «после». У меня получилось 390кб из 64кб исходного веса. Неплохо, правда? А теперь помножите на сотни, а у кого то и тысячи картинок на вашем сайте. Заметная экономия. Конечно, и загружаться такая картинка будет гораздо быстрее на веб странице.

Оптимизация изображений для WordPress - XnView

К сожалению, далеко не всегда изображения можно вот так безжалостно уменьшать в размере. Если у вас на сайте фото галерея классных работ, то тут уже такой подход не «прокатит». Сохранять фото лучше в PNG формате и оптимизировать (регулировать величину сжатия) при сохранении очень аккуратно. Ничего не поделаешь — красота требует жертв.

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

Плагин WP Smush.it

Плагин от соответствующего сервиса Yahoo Smush.it. Можете попробовать использовать и этот онлайн сервис. Жмет он вроде, неплохо. Но нас интересует все-таки плагин. Скачиваем его из официального репозитория WordPress и активируем. Никаких особых настроек плагин не требует.

Плагин Smush.it будет автоматически оптимизировать все картинки загружаемые на ваш сайт. В том случае? если на сайте уже есть много изображений, достаточно перейти в меню Медиафайлы — Bulk WP Smush.it и нажать там единственную кнопку — Run All my images WP Smush.it right now. Оптимизирует он правда не быстро. Если картинок много, придется подождать.

Оптимизация изображений для WordPress - WP Smush.it

Другой вариант — перейти в вашу библиотеку медиафайлов и запустить оптимизацию оттуда, выбрав в чекбоксе нужное изображение и установив Bulk Smush.it в выпадающем меню. Если же изменения внесенные плагином вам не понравились, то можно вернуть все как было обратно нажав — «Re-Smush».

Вот так, друзья. Не забывайте вовремя оптимизировать свои изображения, а то в один «прекрасный» момент можете очень неприятно удивится размером которое уже занимает ваш сайт на сервере.

Похожие

9 Комментов

  1. Да, вот так всегда. Если уменьшать вес объекта, то страдает качество. Все время приходится чем-то жертвовать. А за плагин спасибо, попробую поюзать на досуге.

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

  3. Вот добрался я в разгоне своего сайта до пункта оптимизация изображения, скачал плагин.. и тут бац, сообщение — Yahoo прекратил поддержку Smush.it сервиса=

      1. Спасибо!
        Поставил, но при включении выдало сообщение — «EWWW Image Optimizer требует exec() для работы. На этом сервере функция отключена администратором.»

        Что это за зверь такой — exec(), и как его включить?=

      2. Дмитрий я вот задумался вообще тот ли я плагин себе ищу?
        Я картинки сам по себе сжимаю перед загрузкой на сайт, и гуглоспид не ругается на картинки в версии сайта для компьютера, а вот в мобильной версии, особенно если проверять какую-нибудь запись где много изображений
        (для примера вот если проверить эту страницу — http://фоторецепты.рф/гаджеты-для-кухни/)
        то на картинки гугл ругается только в мобильной версии сайта!
        Я вот думаю может мне их не сжимать надо, а просто использовать другое разрешение картинок в мобильной версии? Ибо в моей теме они в мобильной версии сайта видимо загружается в полном рамере=

        P.S. посмотрел гуглоспидом эту страницу вашего сайта, и он там тоже ругается на большие изображения в мобильной версии сайта. В вашей теме получается такая же проблема имеется!=

        Гуглил-гуглил… Пока нашел только плагин — Hammy — https://wordpress.org/plugins/hammy/ который по всей видимости должен был решить эту проблему, но он уже год как не обновлялся и теперь уже не совместим с последней версией вордпресса…=(

        В общем я пока в тупике…

  4. exec — функция php. Уточните наличие у своего хостера. И вот мой совет — Вы меньше обращайте внимания на гуглоспид. Лучше займитесь контентом. Этот маниакальный сервис всегда хочет видеть все сайты в идеале — исключительно в текстовом виде, без картинок и скриптов 🙂

Добавить комментарий для Воблеров Константин Отменить ответ

Ваш адрес email не будет опубликован.

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.

Тоже интересно
Close
Back to top button