Плагины для wordpress для изображений – Лучшие плагины сжатия изображений WordPress 2019 года / Полезное / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

12 лучших WordPress-плагинов для создания эффектов на изображениях

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

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


Image effects Generator позволяет создавать множество красивых эффектов для картинок на этапе их загрузки на сервер. Плагин генерирует эффекты черно-белого изображения, размытия, сепии, повышения резкости и многие другие.


Плагин позволяет выборочно применять эффект к отдельным записям и ко всей странице. Эффект можно применить как ко всей области с контентом, так и к отдельным изображениям.


С помощью RoundIt можно без труда закруглять углы изображений, добавлять цветную границу и даже тень. Плагин добавляет все нужные параметры в менеджер медиафайлов, через который происходит загрузка изображений. Можно устанавливать радиус закругления, толщину границы и выставлять настройки теней.


Главное предназначение InstaFX заключается в изменении изображений при помощи HTML5 Canvas и Javascript. Плагин – комбинация простого в использовании интерфейса и продвинутых технологий.


Fancy Image Show – плагин для простого вращения изображений. Вращение происходит с применением 5 разных эффектов, и в любую запись или страницу можно поместить сразу несколько галерей. В настройках плагина можно указать расположение папки, в которой будут храниться изображения.


Amazing Hover Effects – впечатляющая коллекция эффектов, проявляющихся при наведении курсора и основанных на CSS3 и iHover. Нужный можно выбрать из более чем 55 эффектов и 3 стилей. Применять эффекты можно на любой странице и даже в виджетах.


Скрипт CJTE Plugin трансформирует изображения в градацию серого, а затем возвращает их в исходное состояние при наведении. Очередность эффектов также можно инвертировать, и поменять скорость трансформации. Плагин использует HTML5 Canvas и предлагает версию для устаревших браузеров.


Плагин позволяет показывать разные фоновые изображения после каждого обновления страницы или посещения сайта. Фон также можно зафиксировать или использовать классический формат с повторяющимся изображением. Better Backgrounds поддерживает затемнение фона, а также интеграцию с плагином NextGen Gallery. После активации, плагин заменяет стандартную страницу настроек фона в консоли WordPress.


WP Reel – это версия javascript-плеера JQuery Reel 360. Плагин позволяет создавать интерактивные панорамные просмотры для объектов, используя галерею WordPress.


Super Portfolios and Effects дает возможность использовать модальные описания для портфолио и применять эффекты к представленным в нем изображениям. Можно с легкостью создавать портфолио и встраивать их в отдельные записи на сайте.


Плагин Image Transitions позволит без труда добавлять анимации к картинкам, и тогда страницы точно станут привлекательней. На данный момент плагин основан только на CSS3-переходах, но если возникнет необходимость, разработчики готовы представить варианты и для устаревших браузеров. То же касается новых переходов и функций.


ShortPixel – инструмент сжатия изображений для увеличения производительности сайта. Плагин автоматически оптимизирует изображения без существенной потери качества. В результате вы получите меньшие по весу картинки с таким же качеством. Это возможно за счет алгоритмов сжатия, используемых в ShortPixel. Уникальный API-ключ, который вы получаете для активации плагина, можно использовать в нескольких проектах.

Данная публикация представляет собой перевод статьи «12 Best WordPress Plugins to Create Image Effects» , подготовленной дружной командой проекта Интернет-технологии.ру

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

Одной из основных причин популярности WordPress является поистине огромный набор плагинов на все случаи жизни. На сегодняшний день существуют плагины, позволяющие сделать практически все, что угодно: вставить кнопки социальных сетей, управлять списками рассылки, создавать статические HTML файлы и т.д. Есть отдельная категория плагинов, предназначенных для оптимизации работы вашего блога, конкретно для увеличения скорости загрузки и производительности.


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

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

  1. Hammy. Hammy оптимизирует графическое содержимое вашей страницы. Плагин генерирует изображения различных размеров на основе заданных Вами параметров. Когда пользователь обращается к вашему сайту, Hammy автоматически отображает картинки, исходя из заданных настроек размера изображения (иногда минимально допустимого).

    Это способствует тому, чтобы ваш сайт загружался быстрее. Особенно актуально для пользователей, заходящих с мобильных устройств. Hammy прост в настройке — он может работать в одном из трех доступных режимов.

  2. Lazy Load. С помощью плагина Lazy Load (Ленивая загрузка) процесс загрузки страницы осуществляется следующим образом: изображения подгружаются только тогда, когда пользователь их видит (из видимой на экране части страницы).

    Lazy Load – это один из самых простых в настройке плагинов. Просто установите его и активируйте.Он ускоряет загрузку сайта, при этом, не создавая лишнюю нагрузку на сервер.

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

  4. WP Parallel Loading System. HTTP 1.0 позволяет устанавливать до двух соединений с одного домена . WP-PLS создает дополнительные поддомены, что позволяет скачивать из них файлы параллельно. Браузеры получают больше хостов для загрузки контента. Это позволяет скачивать одновременно больше файлов, и ваш сайт работает быстрее!

  5. CW Image Optimizer. Хотите уменьшить размеры изображения без потери качества? Эта работа для плагина Image Optimizer. Хотя он не так прост в установке и настройке. Также CW Image Optimizer позволяет массовую обработку, если у вас на сайте есть много изображений, которые нужно оптимизировать.

  6. EWWW Image Optimizer. Этот плагин также уменьшает размер изображения без потери качества. Он прост в использовании, — на странице плагина приведена подробная и понятная пошаговая инструкция по его установке. EWWW Image Optimizer также включает функцию групповой обработки изображений.

  7. PB Responsive Images. PB Responsive Images интерактивно настраивает изображения в соответствии с разрешением монитора пользователя. Дополнительно никакие коды прописывать не нужно. Вы можете настроить размер картинок, и плагин автоматически будет редактировать синтаксис кода изображения. Это поможет оптимизировать страницу для пользователей, которые заходят на ваш сайт с мобильных устройств.

  8. WP Smush.it. Плагин, который использует сервисы Smush.it Yahoo, чтобы оптимизировать ваши изображения и уменьшать их размер. Smush.it – довольно популярный плагин, он не нуждается в дополнительной настройке.

    Просто установите и активируйте его. После чего Smush.it будет оптимизировать каждую загружаемую картинку автоматически. Также существует возможность обработки сразу нескольких изображений.

  9. Parallelize. В соответствии с названием плагин позволяет осуществлять параллельную загрузку с одного ресурса. Это предоставляет браузеру сразу несколько доменов для скачивания файла. Таким образом, увеличивается скорость загрузки страницы.Parallelize довольно прост в настройке, однако, если вы не уверенны в каких-либо функциях, лучше внимательно ознакомиться с инструкцией.

Данная публикация представляет собой перевод статьи «9 WordPress Plugins to Improve Images Performance» , подготовленной дружной командой проекта Интернет-технологии.ру

7 плагинов для сжатия изображений в WordPress

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

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

1. WP Smush

Сжатие изображений при помощи WP Smush

Плагин WP Smush разработан компанией WPMU DEV, и использует внешний сервис для сжатия изображений. Сразу после активации плагин предлагает сжать все существующие файлы в медиатеке, а также начинает автоматически сжимать новые загруженные изображения. На момент написания у данного плагина более 400 тысяч активных установок.

Учтите, что в бесплатной версии плагина есть некоторые ограничения, например максимальный размер файлов для сжатия всего 1 мегабайт, сжатие нескольких изображений только по 50 штук за раз. Платную версию можно приобрести по подписки WPMU DEV стоимостью $49 в месяц.

Скачать Версия Pro

2. EWWW Image Optimizer

Настройки плагина EWWW Image Optimizer

EWWW Image Optimizer использует optipng, pngquant, jpegtran, и другие бесплатные утилиты для эффективного сжатия изображений в WordPress. Эти утилиты включены в дистрибутив плагина в виде исполняемых файлов и запускаются плагином через функцию PHP exec(), которая у многих хостинг-провайдеров отключена в целях безопасности.

Есть также платная версия EWWW Image Optimizer Cloud, которая так же как и WP Smush, использует внешний сервис для сжатия и оптимизации, что более совместимо с хостинг-площадками и не создает дополнительной нагрузки на ваш сервер. Стоимость сжатия – 0.5 центов за изображение за первые 1000 штук.

Скачать Версия Cloud

3. TinyPNG / TinyJPG

Сервис TinyPNG

Изначально TinyPNG появился как онлайн сервис и API для разработчиков, позволяющий сжимать PNG изображения. Затем разработчики TinyPNG создали версию для JPEG изображений, и плагины для WordPress и Magento позволяющие автоматически сжимать все загруженные изображения при помощи их онлайн сервиса.

Для работы плагина достаточно получить API ключ с сайта TinyPNG. Он позволяет сжимать до 500 изображений в месяц бесплатно, что как правило, с учетом всех миниатюр, хватает на 100 медиафайлов в WordPress. Платный доступ к API начинается от $0.009 за изображение.

Скачать

4. Resize Image After Upload

Конфигурация плагина Resize Image After Upload

Плагин Resize Image After Upload автоматически уменьшает размер загруженных изображений в WordPress, и сохраняет вместо оригиналов. Это позволяет существенно сэкономить дисковое пространство тем, кто часто использует файлы с цифровых фотоаппаратов, размеры которых достигают 20 мб и больше.

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

Скачать

5. ShortPixel Image Optimizer

Сжатие изображений с ShortPixel

ShortPixel Image Optimizer является плагином и сервисом для сжатия изображений в WordPress. Бесплатный план включает в себя сжатие до 100 изображений в месяц, и не отличается качеством сжатия от платных версий, которые начинаются от $5 за 5000 файлов в месяц. Плагин также позволяет восстановить оригиналы в любое время.

Скачать

6. Kraken Image Optimizer

Результаты сжатия при помощи Kraken.io

Сервис Kraken.io отличается высокой скоростью и очень хорошим качеством сжатия изображений, как с потерей качества (lossy), так и без (lossless). Их плагин интегрирует сервис с медиатекой WordPress, позволяет легко сжимать новые, и уже существующие изображения.

Бесплатная версия данного плагина/сервиса позволяет лишь его протестировать в рамках квоты в 100 мегабайт. Платные подписки начинаются от $5 за 500 мегабайт в месяц.

Скачать

7. Imagify

Сжатие изображений с Imagify

Imagify это сервис от создателей популярного плагина кэширования WP Rocket, и хорошо интегрируется в WordPress. Пробная версия Imagify имеет квоту в 25 мегабайт, платные подписки от $5 за 1 гигабайт данных в месяц, что по словам разработчика хватает примерно на 10,000 изображений.

Скачать

Стоит также упомянуть, что некоторые хостинг и CDN провайдеры, или обратные прокси (например CloudFlare, Incapsula и т.д.) автоматически сжимают передаваемые изображения и другие файлы на лету.

Пользуетесь ли вы средствами сжатия изображений на вашем сайте WordPress? Если да, то какими? Делитесь вашим мнением в комментариях.

WordPress плагины для изображений — полезная подборка плагинов

Владимир Демянович03.05.2018

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

WordPress Слайдеры

  • FlexSlider — полностью адаптивный jQuery слайдер от WooThemes.
  • Meta Slider — гибкий, интуитивный плагин управления слайд-шоу, доступны четыре jQuery слайдерами, можно добавлять надписи на изображения.
  • Len Slider — WordPress плагин для создания слайдеров, каруселей или слайд-шоу.
  • WOW Slider — слайдер с отличными визуальными эффектами и огромным количеством шаблонов. Адаптивный, полностью работающий как CSS-слайдер при выключенном Javascript, поддержка смахиваний, всех браузеров, всех устройств, чистая и простая разметка, дружественен к поисковым системам.
  • Oik-Nivo-Slider — считается самым популярным слайдером изображений jQuery.
  • WP-Supersized — полноэкранное адаптивное слайдшоу, доступно много опций, использую его вот тут — picblog.org.ua/slideshow.
  • WordPress Content Slide — плагин для слайда картинок
  • Meteor Slides — минималистисный, адаптивный, приятный слайдер. Можно создавать несколько слайд-шоу, настраивать размер отображаемых изображений (нужно заранее обрезать), выбирать различные эффекты смены кадра.
  • Slider — wordpress.org/plugins/slider-image — обладает невероятно широким функционалом (разный вид кнопок, размеры изображений, текст в слайдах и тп.) и прост в настройке.
  • Full Page/ Full width Background Slider — плагин позволит вам при помощи шорткодов и готовых шаблонов, которые уже встроены в него, с легкостью добавить на сайт широкоформатный фоновый слайдер.
  • Avartan slider lite — адаптивный слайдер.

Оптимизация

  • EWWW Image Optimizer — оптимизация, сжатие изображений, то есть уменьшение их объема без видимой потери качества
  • DNUI Delete not used image — плагин при помощи которого можно удалить не используемые изображения и их многочисленные размеры миниатюр.
  • Image Cleanup — плагин который удаляет не используемые изображения.
  • Imsanity — изменяет размер загружаемых изображений, если они больше, чем указано в настройках плагина. Изображения оптимизируются в процессе загрузки на сервер, также есть возможность обработать ранее загруженные изображения.
  • WP Smush.it — плагин оптимизирующий изображения: ужимает изображения по весу, использует сервисы Smush.it Yahoo.
  • NIX Gravatar Cache — плагин кэширует аватарки сервиса граватар. Благодаря этому на страницах, где есть много комментариев, каждая аватарка будет запрашиваться не с сайта Gravatar, а из локального кэша, что ускоряет загрузку страницы.
  • Compress JPEG & PNG images — плагин по сжатию изображений от известного сервиса TinyPNG
  • Responsify WP — плагин для отображения адаптивных изображений, с использованием атрибутов srcset и sizes. Плагин позволяет очень тонко настроить в каких случаях какие наборы размеров адаптивных изображений отображать. Переопределяет даже вывод тех изображений, которые были вставлены путем прописывания html кода. Если с плагином не получается реализовать задуманное, то вот тут описано как это сделать самому: How to edit the srcset attribute in WordPress’ responsive images

WordPress-плагины для фотогалереи

  • NextGEN Gallery — одим из самых популярных плагинов WordPress благодаря своей многофункциональности.
  • Gallery — можно добавить в альбом видео из YouTube и Vimeo, есть редактирование, кадрирование, поворот и выравнивание изображений, адаптивность, лайтбокс. Есть несколько вариантов отображения галереи, начиная от миниатюр и заканчивая показом слайдов.
  • Image Gallery — огромный выбор галерей. Изюминка — блог-галерея: изображения и видео с названиями и текстом в разметке блога. Есть инструменты для редактирования изображений, лайтбокса, адаптивность.
  • AccessPress Instagram Feed — интеграция Instagram с сайтом. Поможет создать красивую галерею в виде мозаики с функцией лайтбокса для просмотра отдельных изображений. Удобен, легко настраивается.
  • Tribulant Slideshow Gallery — работает на Java-скрипте, функционирует достаточно быстро. Плагин фокусирует внимание на функции слайд-шоу и делает это довольно успешно.
  • Grand Flagallery — прекрасно совместим с iPhone, iPad, Android, BlackBerry и отлично SEO оптимизирован. Он может создавать галереи для фото, видео файлов, MP3-файлов, NIVO слайдера или виджетов для слайд-шоу, в галерею можно добавить фоновую музыку. Недостатком — использование Flash.
  • BestWebSoft Gallery — около миллиона загрузок, простота, функциональность и приятный интерфейс пользуется популярностью.
  • LightBox Gallery — У этого плагина, позволяющего создавать бокс-сеты из ваших фотографий, — целый набор характеристик:
    • Настройка режима отображения фотоснимков
    • Просмотр заголовков изображения во всплывающей подсказке
    • Отображение metadata
    • Разделение общей галереи на несколько страниц
    • Расширенные настройки галереи
  • Responsive Lightbox by dFactory — адаптивный лайтбокс плагин. Есть разные виды\стили лайтбокс галерей и эффектов. При добавлении изображений необходимо в поле «Ссылка» выбрать значение «Медиафайл», чтобы изображение открывалось в лайтбокс окне. Из минусов: на мобильном телефоне чтобы выйти из лайтбокса я автоматом нажимаю на кнопку назад, что браузером chrome воспринимается буквально — перейти на предыдущую страницу, а не просто закрыть лайтбокс.
  • Fotobook — Этот плагин для вашего сайта или блога на базе WordPress позволит связать между собой ваш аккаунт в социальной сети Facebook и фото-альбомы на сайте. Для импорта фотографий в галерею используется Facebook API, поэтому процесс передачи фотографий должен пройти легко. Плагин последний раз обновлялся в 2010-12-1
  • Gallery Carousel Without JetPack — плагин который делает очень красивую и удобную карусель про просмотре галереи

Wordpress плагины для изображений

Миниатюры

  • Regenerate Thumbnails — маленький и простой плагин, с помощью которого можно перегенирировать миниатюры в блоге. Может быть полезен при смене шаблона, мне он помогает для перегенерации миниатюр, после переименования файлов изображений ( переименовываю с помощью плагина media file renamer)
  • Simple Image Sizes — при помощи этого плагина можно добавить к уже существующим размерам генерацию миниатюр нужного размера и перегенерировать миниатюры.
  • Force Regenerate Thumbnails — удаляет ранее созданные размеры и создает новые, на основе текущих установок.
  • AJAX thumbnail rebuild — позволяет пересоздать миниатюры. Полезен, если вы использовали функцию add_image_size() когда у вас уже есть загруженные изображения. (Это медленный плагин, но при этом в нем не бывает ошибок с недостатком выделенной памяти).
  • Auto Post Thumbnail — старенький, но до сих пор работающий плагин. Он автоматически устанавливает миниатюры (берется первое изображение в посте) в записях где они не были установлены. Это может пригодится тогда, когда Вы на большом сайте перешли на шаблон, где для красивого дизайна нужны миниатюры.

Остальные WordPress плагины для изображений

  • TwentyTwenty — накладывает два изображения друг на друга, которые можно сравнивать перетаскивая туда-сюда шторку.
  • WP Inject — с помощью этого плагина можно не выходя из WordPress’а, прямо на странице создания записи найти по ключевому слову и вставить свободно распространяемые изображения.
  • Easy Watermark — плагин для накладывания водяных знаков на изображения. Можно настроить чтобы плагин в автоматическом режиме накладывал водяные знаки, или же в ручном, на указанное изображение. Водяной знак может быть как текстом, так и загруженным изображением. Можно указывать для каких расширений файлов (jpg, png и тд.) и типов изображений (миниатюра, большое изображение, среднее изображение и т.д.) применять водяные знаки.
  • PB Responsive Images — интерактивно настраивает изображения в соответствии с разрешением монитора пользователя.
  • RICG Responsive Images — вывод изображений разных размеров (физических) в зависимости от разрешения экрана
  • SEO Friendly Images WordPress Plugin — Этот wordpress плагин автоматически оптимизирует атрибуты ALT и TITLE для каждой картинки, для которой они не были прописаны . Это сделает их валидным для поисковиков, и пусть совсем немного, но улучшит ваш рейтинг в их суровых глазах. Обновлялся давно
  • PB SEO Friendly Images — альтернатива плагину выше, обновляется. Есть интересные настройки, например lazy load
  • Remove Image Links — при загрузке и публикации изображений wordpress по умолчанию добавляет ссылку на само изображение, то есть если нажать на изображение, то открывается страничка с изображением, этот плагин, переопределяет настройки по умолчанию касательно прописывания ссылок в загружаемые изображения и удаляет ссылки с уже всех опубликованных изображений.
  • Media File Renamer — с помощью этого плагина можно физически переименовывать изображения, например под title-поста. Ссылки на изображения в посте также автоматически поправляются.
  • NIX Gravatar Cache — плагин кэширует аватарки сервиса граватар. Благодаря этому на страницах, где есть много комментариев, каждая аватарка будет запрашиваться не с сайта Gravatar, а из локального кэша, что ускоряет загрузку страницы.
  • Comment Images — при помощи этого плагина в комментариях можно прикреплять изображения, изображения загружаются на сам блог (не находятся на каких-либо внешних ресурсах) и сразу же  отображаются (ничего кликать и ни  по каким ссылкам переходить не надо)
  • Enable Media Replace — если вам нужно из библиотеки медиафайлов заменить одно изображение на другое, то этот плагин позаботится о том, чтобы ссылка на это изображение заменилась во всех записях, где используется это изображение (не миниатюра).

Подборки плагинов:

Понравилось? =) Поделись с друзьями:

Опубликовано в рубрике WordPress

WordPress плагины для изображений | Vavik96

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

WordPress Слайдеры:

  • FlexSlider – полностью адаптивный jQuery слайдер от WooThemes.
  • Meta Slider — гибкий, интуитивный плагин управления слайд-шоу, доступны четыре jQuery слайдерами, можно добавлять надписи на изображения.
  • Len Slider — WordPress плагин для создания слайдеров, каруселей или слайд-шоу.
  • WOW Slider – слайдер с отличными визуальными эффектами и огромным количеством шаблонов. Адаптивный, полностью работающий как CSS-слайдер при выключенном Javascript, поддержка смахиваний, всех браузеров, всех устройств, чистая и простая разметка, дружественен к поисковым системам.
  • Oik-Nivo-Slider – считается самым популярным слайдером изображений jQuery.
  • WP-Supersized – полноэкранное адаптивное слайдшоу, доступно много опций, использую его вот тут – picblog.org.ua/slideshow.
  • WordPress Content Slide – плагин для слайда картинок
  • Meteor Slides – минималистисный, адаптивный, приятный слайдер. Можно создавать несколько слайд-шоу, настраивать размер отображаемых изображений (нужно заранее обрезать), выбирать различные эффекты смены кадра.
  • Slider – wordpress.org/plugins/slider-image – обладает невероятно широким функционалом (разный вид кнопок, размеры изображений, текст в слайдах и тп.) и прост в настройке.
  • Full Page/ Full width Background Slider – плагин позволит вам при помощи шорткодов и готовых шаблонов, которые уже встроены в него, с легкостью добавить на сайт широкоформатный фоновый слайдер.

Оптимизация:

  • EWWW Image Optimizer – оптимизация, сжатие изображений, то есть уменьшение их объема без видимой потери качества
  • DNUI Delete not used image – плагин при помощи которого можно удалить не используемые изображения и их многочисленные размеры миниатюр.
  • Image Cleanup – плагин который удаляет не используемые изображения.
  • Imsanity – изменяет размер загружаемых изображений, если они больше, чем указано в настройках плагина. Изображения оптимизируются в процессе загрузки на сервер, также есть возможность обработать ранее загруженные изображения.
  • WP Smush.it – плагин оптимизирующий изображения: ужимает изображения по весу, использует сервисы Smush.it Yahoo.
  • NIX Gravatar Cache – плагин кэширует аватарки сервиса граватар. Благодаря этому на страницах, где есть много комментариев, каждая аватарка будет запрашиваться не с сайта Gravatar, а из локального кэша, что ускоряет загрузку страницы.

WordPress-плагины для фотогалереи

  • NextGEN Gallery – одим из самых популярных плагинов WordPress благодаря своей многофункциональности.
  • Tribulant Slideshow Gallery – работает на Java-скрипте, функционирует достаточно быстро. Плагин фокусирует внимание на функции слайд-шоу и делает это довольно успешно.
  • Grand Flagallery – прекрасно совместим с iPhone, iPad, Android, BlackBerry и отлично SEO оптимизирован. Он может создавать галереи для фото, видео файлов, MP3-файлов, NIVO слайдера или виджетов для слайд-шоу, в галерею можно добавить фоновую музыку. Недостатком – использование Flash.
  • BestWebSoft Gallery – около миллиона загрузок, простота, функциональность и приятный интерфейс пользуется популярностью.
  • LightBox Gallery – У этого плагина, позволяющего создавать бокс-сеты из ваших фотографий, — целый набор характеристик:
    • Настройка режима отображения фотоснимков
    • Просмотр заголовков изображения во всплывающей подсказке
    • Отображение metadata
    • Разделение общей галереи на несколько страниц
    • Расширенные настройки галереи
  • Fotobook – Этот плагин для вашего сайта или блога на базе WordPress позволит связать между собой ваш аккаунт в социальной сети Facebook и фото-альбомы на сайте. Для импорта фотографий в галерею используется Facebook API, поэтому процесс передачи фотографий должен пройти легко. Плагин последний раз обновлялся в 2010-12-1
  • Gallery Carousel Without JetPack – плагин который делает очень красивую и удобную карусель про просмотре галереи

Wordpress плагины для изображений

Wordpress плагины для изображений

Остальные WordPress плагины для изображений:

  • TwentyTwenty – накладывает два изображения друг на друга, которые можно сравнивать перетаскивая туда-сюда шторку.
  • WP Inject – с помощью этого плагина можно не выходя из WordPress’а, прямо на странице создания записи найти по ключевому слову и вставить свободно распространяемые изображения.
  • Regenerate Thumbnails – маленький и простой плагин, с помощью которого можно перегенирировать миниатюры в блоге. Может быть полезен при смене шаблона, мне он помогает для перегенерации миниатюр, после переименования файлов изображений ( переименовываю с помощью плагина media file renamer)
  • Simple Image Sizes – при помощи этого плагина можно добавить к уже существующим размерам генерацию миниатюр нужного размера и перегенерировать миниатюры.
  • Force Regenerate Thumbnails – удаляет ранее созданные размеры и создает новые, на основе текущих установок.
  • AJAX thumbnail rebuild – позволяет пересоздать миниатюры. Полезен, если вы использовали функцию add_image_size() когда у вас уже есть загруженные изображения. (Это медленный плагин, но при этом в нем не бывает ошибок с недостатком выделенной памяти).
  • Easy Watermark – плагин для накладывания водяных знаков на изображения. Можно настроить чтобы плагин в автоматическом режиме накладывал водяные знаки, или же в ручном, на указанное изображение. Водяной знак может быть как текстом, так и загруженным изображением. Можно указывать для каких расширений файлов (jpg, png и тд.) и типов изображений (миниатюра, большое изображение, среднее изображение и т.д.) применять водяные знаки.
  • PB Responsive Images – интерактивно настраивает изображения в соответствии с разрешением монитора пользователя.
  • RICG Responsive Images – вывод изображений разных размеров (физических) в зависимости от разрешения экрана
  • SEO Friendly Images WordPress Plugin – Этот wordpress плагин автоматически оптимизирует атрибуты ALT и TITLE для каждой картинки, для которой они не были прописаны . Это сделает их валидным для поисковиков, и пусть совсем немного, но улучшит ваш рейтинг в их суровых глазах.
  • Remove Image Links – при загрузке и публикации изображений wordpress по умолчанию добавляет ссылку на само изображение, то есть если нажать на изображение, то открывается страничка с изображением, этот плагин, переопределяет настройки по умолчанию касательно прописывания ссылок в загружаемые изображения и удаляет ссылки с уже всех опубликованных изображений.
  • Media File Renamer – с помощью этого плагина можно физически переименовывать изображения, например под title-поста. Ссылки на изображения в посте также автоматически поправляются.
  • NIX Gravatar Cache – плагин кэширует аватарки сервиса граватар. Благодаря этому на страницах, где есть много комментариев, каждая аватарка будет запрашиваться не с сайта Gravatar, а из локального кэша, что ускоряет загрузку страницы.
  • Comment Images – при помощи этого плагина в комментариях можно прикреплять изображения, изображения загружаются на сам блог (не находятся на каких-либо внешних ресурсах) и сразу же  отображаются (ничего кликать и ни  по каким ссылкам переходить не надо)
  • Enable Media Replace – если вам нужно из библиотеки медиафайлов заменить одно изображение на другое, то этот плагин позаботится о том, чтобы ссылка на это изображение заменилась во всех записях, где используется это изображение (не миниатюра).
  • Auto Post Thumbnail – старенький, но до сих пор работающий плагин. Он автоматически устанавливает миниатюры (берется первое изображение в посте) в записях где они не были установлены. Это может пригодится тогда, когда Вы на большом сайте перешли на шаблон, где для красивого дизайна нужны миниатюры.

Источник

Бесплатный WordPress плагин для оптимизации изображений

(Последнее обновление: 03.05.2019)

Здравствуйте, друзья! Оптимизация изображений для Google Pagespeed со 100% результатом. Так, по крайней мере, заявляет автор данной статьи, читайте и действуйте.

В 2017 году на Google пришлось около 75% всех поисковых запросов в мире. Доли Bing 8%, Yahoo 6%. Поэтому SEO сейчас — это в первую очередь подстройка сайта под Google. Последним временем в SEO особым вниманием пользуется Google PageSpeed Insights. Это механизм оценки скорости загрузки страницы. Чем быстрее грузится страница — тем выше у нее рейтинг в результатах поиска Google.

Одним из ключевых моментов улучшения показателя в PageSpeed Insights является оптимизация изображений. За не оптимизированные изображения Google снимает много баллов.

Opti MozJpeg Guetzli WebPOpti MozJpeg Guetzli WebP

Оптимизация изображений. Значок плагина Opti MozJpeg Guetzli WebP

Сегодня, дамы и господа, я представлю слово в своём блоге автору совершенно бесплатного WordPress плагина Opti MozJpeg Guetzli WebP для 100% оптимизации изображений под Google Pagespeed — Игорю. Он web программист с пятнадцатилетним стажем.

Google PageSpeed ​​InsightsGoogle PageSpeed ​​Insights

100% оптимизация изображений для WordPress

Осенью 2017 года мне поступило несколько заказов на PageSpeed SEO для сайтов. Возникла необходимость оптимизации изображений на них. Сначала я купил платный плагин EWWW Image optimizer. Закинул в него $50, посчитал что должно хватить с запасом. Включил оптимизацию. Процесс дошел на первом сайте до 40% и остановился. Я начал разбираться, оказывается деньги закончились. Плагин берет деньги за оптимизацию каждого thumbnail. А там их было по десять штук на одно изображения.

Решил поставить WP Smush, бесплатную версию. Оптимизирует бесплатно 50 изображений, а потом нужно нажать кнопку в админке. Оптимизировал часть изображений. Протестировал в Google Pagespeed, а он все равно показывает, что изображения не оптимизированы. Если до этого было на 30-40% больше нормы, то после применения бесплатной версии WP Smush на 10-15%.

Решил я все изображения загрузить по ftp и оптимизировать с помощью самого оптимального на сегодняшний день Jpeg энкодера, Mozilla MozJpeg. Пробовал несколько раз, пока не добился того что Google Pagespeed снял претензии к изображениям. Но качество изображений стало очень плохое. Попытка оптимизировать изображения с помощью нового Jpeg энкодера Google Guetzli тоже провалилась. Изображения были большими, чем требовал Google Pagespeed.

Я начал изучать проблему и нашел причину. Оказалось что с осени 2017 года Google изменил правила определения оптимизации изображений. И теперь требует, чтобы изображения были меньше чем WebP с качеством 75 + 10% запас.

Google WebP — это открытый стандарт сжатия изображений, работающий на более современных алгоритмах, чем Jpeg. В отличие от Jpeg, WebP поддерживает альфа канал и анимацию. В среднем WebP сжимает изображения на 40% лучше любого Jpeg энкодера, поэтому создать оптимизированные изображения под Google без использования WebP не получится.

Вот тут и возникла идея создать свой плагин для оптимизации изображений WordPress (вордпресс). Идея выглядела достаточно простой. Зачем использовать платные плагины оптимизации, вся работа которых заключается в выгрузке изображений на облако, и оптимизации их там тем же Mozilla MozJpeg и Google WebP. Ведь эти энкодеры доступны в сети и их можно использовать бесплатно.

Так я начал создавать свой плагин для оптимизации изображений. Назвал его Opti MozJpeg Guetzli WebP (линк на https://wordpress.org/plugins/opti-mozjpeg-guetzli-webp/), от имени энкодеров, которые он использует. В отличие от других плагинов WordPress для сжатия картинок, мой жмёт webp с заданным коэффициентом.

Оптимизация изображений с Opti MozJpeg Guetzli WebP

Сжатие картинок WordPressСжатие картинок WordPress

Вордпресс плагин для сжатия изображений

Но, как всегда, от идеи до практически готового плагина нужно было много работать. На сегодняшний день я потратил около 250 часов на работы связанные с плагином. И я планирую продолжать работать над ним. Пусть это будет моим вкладом в мир Свободного ПО.

Главная проблема, которую нужно было решить при создании плагина — большинство хостингов не позволяют устанавливать дополнительное ПО. Поэтому установить на них энокдеры не получится. Но ведь можно установить энкодеры на своем декстопе, и быть самим для себя облаком 🙂 но бесплатно.

Я нашел на github прекрасную разработку: библиотеку phpseclib (линк на https://github.com/phpseclib/) Это Ssh клиент, полностью написанный на php. Эта библиотека стала основой для моего плагина. Посредством phpseclib плагин может через Ssh подключиться к любому Linux и удаленно использовать энкодеры с него.

Для тех, кто работает на Windows десктоп, я создал виртуальную машину под Oracle VirtualBox. VirtualBox — это бесплатный эмулятор виртуального компьютера. В виртуальной машине установлен Linux, Ssh Сервер и энкодеры Mozilla MozJpeg, Google Guetzli и Google WebP.

Скачать и установить VirtualBox и виртуальную машину занимает несколько минут. Дальше подключаем плагин на сайте к виртуальной машине через Ssh, и все готово к оптимизации.

Как добиться 100% оптимизации изображений для Google PageSpeed

Как я уже говорил, сейчас без использования WebP достигнуть нормального результата не возможно. Все было бы хорошо, но на данный момент WebP встроен только в Chrome и Opera. Firefox, Edge и Safari его не понимают. Поэтому просто перегнать все изображения в WebP не получится. Решение нашлось давно и используется всеми платными плагинами: для каждого thumbnail содержится два изображения. Универсальное (Jpeg, Png или Gif) и WebP дубликат.

Дальше в файле .htaccess настраивается переключение между WebP/не WebP, в зависимости от браузера клиента. Точно также реализовано и в моем плагине. Оптимизация проводится в два этапа: сначала оптимизируются универсальные изображения. Потом создаются WebP дубликаты.

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

Плагин автоматически конвертирует Png изображения без альфа канала в Jpeg. Создает thumbnails и удаляет не используемые thumbnails. Также в плагине есть функция «Вернуть все». С ее помощью можно вернуть все изображения к первичному состоянию, как они были до использования плагина.

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

Если Вы работаете на Linux десктоп — то лучше установить необходимые энкодеры на него. Детально процесс установки энкодеров под Linux описан на странице Часто Задаваемых Вопросов по плагину.

Если Вы работаете на Windows десктоп — то Вам нужно установить Oracle VirtualBox [ссылка на www.virtualbox.org] И мою виртуальную машину для VirtualBox [ссылка на https://drive.google.com/drive/folders/1JqmGgv6VGGyiJVHZ3liV8b2CwfB1QHB6]. В ней содержится Linux, Ssh сервер и энкодеры.

VirtualBoxVirtualBox

Загрузите виртуальную машину для VirtualBox

Откройте эту виртуальную машину в VirtualBox. Перейдите в Машина → Настроить → Сеть → Дополнительно → Проброс портов. Укажите IP адрес Вашего компьютера в окне Правила проброса портов.

ip адрес Вашего компьютераip адрес Вашего компьютера

Укажите ip адрес Вашего компьютера в окне

Если Вы планируете использовать энкодер Google Guetzli, то увеличьте размер оперативной памяти виртуальной машины до 2 гигабайт. (Машина → Настроить → Система → Основная память). Запустите виртуальную машину.

Теперь перейдите в панель администрирования Вашего WordPress сайта. Откройте Media → Opti MozJpeg Guetzli WebP → Settings (не забудьте перед этим установить сам плагин):

Opti MozJpeg Guetzli WebPOpti MozJpeg Guetzli WebP

Настройки плагина Opti MozJpeg Guetzli WebP

Для первого этапа оптимизации укажите следующие настройки:

Mode = Mozilla MozJpeg

Default quality = 80

Minimal benefit from jpeg compression = 10

Jpeg encoder location = remote

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

Для первого этапа оптимизации укажите следующие настройки

Сохраните настройки и перейдите во вкладку «Batch optimization». Нажмите «Run batch optimization».

Кнопка Run batch optimizationКнопка Run batch optimization

Нажмите Run batch optimization

Следите за консолью. Процесс оптимизации должен пройти без ошибок.

После первого этапа все изображения на сайте будут оптимизированы. Вторым этапом будет «Webp duplicates generation». Опять переходим в вкладку «Settings». И настраиваем:

Mode = Google WebP (duplicates generation)

Default quality = 75

Minimal benefit from lossy compression = 5

Нажимаем «Save Changes». Возвращаемся во вкладку «Batch optimization» и запускаем оптимизацию второй раз.

Если Вы откроете папку uploads после завершения второго этапа оптимизации, то увидите пары файлов для каждого thumbnail.

Файлы изображенийФайлы изображений

Оптимизированные изображения

Последние, что нужно сделать — настроить Apache так, чтобы он выдавал webp файлы браузерам с поддержкой WebP. Добавьте следующее в файл .htaccess:

###

# BEGIN Opti MozJpeg Guetzli WebP

###

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteCond %{HTTP_ACCEPT} image/webp

RewriteCond %{REQUEST_URI} .*(jpe?g|png|gif)$

RewriteCond %{REQUEST_FILENAME}\.webp -f

RewriteRule (.*) %{REQUEST_FILENAME}\.webp [T=image/webp,E=accept:1]

</IfModule>

<IfModule mod_headers.c>

Header append Vary Accept env=REDIRECT_accept

</IfModule>

AddType image/webp .webp

###

# END Opti MozJpeg Guetzli WebP

###

Если Вы откроете Ваш сайт в браузере Google Chrome, то увидите, что адреса изображений не изменились. Но на самом деле они содержат данные в формате WebP.

Адреса изображенийАдреса изображений

Адреса изображений не изменились

Ну вот, теперь все готово. Тестируйте ваш сайт в Google Pagespeed Insights! Замечаний касательно — оптимизация изображений быть не должно. При этом качество изображений останется практически таким же, как и на изначальных изображениях. И это все полностью бесплатно.

Желаю приятной работы с плагином. Удачи!

С уважением, автор плагина Opti MozJpeg Guetzli WebP

Игорь Слива

P.S. Если у Вас возникают трудности с использованием виртуальной машины на Вашем компьютере, тогда попробуйте воспользоваться бесплатным онлайн сервером от автора плагина. Параметры доступа к серверу:

SSH Server:wpmjgu-free-server.ihorsl.com
SSH Port:22
SSH Username:z
SSH Password:55555
Working directory at SSH server:/home/z/wpmjgu

 

Сервер имеет некоторые ограничения:

  • Google Guetzli не поддерживается
  • «Intensive resources consumption mode» не поддерживается, с одного IP адреса разрешено только одно ssh соединение

Нормальная продуктивность сервера в среднем 1000 изображений в час с одного IP адреса (каждый thumbnail — это отдельное изображение). Если продуктивность сервера заметно ниже — то значит он интенсивно используется другими пользователями.

Google Guetzli не поддерживается в бесплатном сервере, потому что этот энкодер потребляет очень много ресурсов: один Guetzli процесс может потреблять свыше 1 ГБ оперативной памяти.


Бесплатные плагины для обработки WordPress-изображений – Блог про WordPress

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

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

Давайте попробуем проявить свой креатив.

ImageMagick Sharpen Resized Images

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

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

Это замечательный плагин, который делает прекрасную работу. К тому же, он очень простой в использовании – для этого достаточно установить PHP-модуль imagick через доступ к оболочке, если ваша хостинг-компания еще этого не сделала. Это может показаться сложным, но это стоит того. Ваши фотографии будут выглядеть профессионально.

Взгляните на следующий пример, чтобы понять, как работает этот плагин. Конечно, в данном случае резкость выкручена по максимуму, но это сделано для примера, чтобы продемонстрировать мощь и универсальность плагина.

ImageMagick-Sharpen-Resized-Images-example

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

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

POWr Photo Filter

POWr-Photo-Filter
Если вы хотите добавить простые эффекты к своим фотографиям, чтобы как-то приукрасить их или сделать более интересными, то в таком случае вы можете воспользоваться плагином Photo Filter от POWr. Он не может похвастаться многочисленными эффектами, и вместо этого содержит самые популярные варианты обработки.

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

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

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

POWr-Photo-Filter-settings-button

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

POWr-Photo-Filter-example

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

В плагине можно обработать любое изображение – не только то, которое впоследствии пойдет на сайт. Вы можете легко сделать ярче или резче ваше изображение, если вам это требуется.

В бесплатной версии ваше изображение будет с водяным знаком, который вы можете настроить, однако от него можно избавиться, купив премиальную версию плагина. Цена плагина начинается с  $2.99 в месяц за один сайт. Есть возможность приобрести несколько лицензий. В целом, это прекрасный плагин для быстрого добавления эффектов хорошего качества напрямую в WordPress. Конечно, это не Photoshop, однако все равно неплохой инструмент.

Aviary Photo Editor

Aviary-Photo-Editor
Самое лучшее я припас на конец. Этот плагин – самый простой в установке, и он обладает богатыми возможностями редактирования изображений.

Единственное, что оттолкнуло меня в первые минуты работы с ним – это встроенное всплывающее окно для редактирования фотографий. Однако, как выяснилось позднее, вы можете редактировать фото прямо в медиа-библиотеке.

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

List-view-for-Aviary-Photo-Editor-Plugin

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

Aviary-Photo-Editor-edit-image-button

В этом редакторе вы сможете изменить резкость изображения, его контрастность, яркость, добавить фильтры, границы, а также поправить красный глаз и сделать размытие. Вы можете даже сделать то, что я сделал в примере ниже – создать свой собственный мем.

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

Aviary-Photo-Editor-example-1

В целом, плагин впечатлил меня. Это не Photoshop, конечно, но все же он является очень и очень хорошим вариантом.

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

Aviary-Photo-Editor-example-2

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

Обновление плагина для получения результатов в высоком разрешении стоит $120 / месяц для одной сети сайтов. В целом же, это очень качественный плагин, который предлагает миллионы полезные настроек. Его определенно стоит попробовать на своем сайте.

Источник: wpmu.org

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *