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

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

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

1. Image effects Generator

image-effects-generator

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

2. Imagelens

uploads/imagelens

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

3. Roundit

roundit-plugin

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

4. Instafx

uploads/instafx

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

5. Fancy Image Show

fancy-image-show

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

6. Amazing Hover Effects

amazing-hover-effects

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

7. CJTE Black and White Image Effects

cjte-black-and-white

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

8. Better Backgrounds

image

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

9. WP Reel

wp-reel

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

10. Super Portfolios and Effects

super-portfolio

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

11. Image Transitions

image-trnasitions

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

12. Short Pixel Image Optimizer

short-pixel-image-optimizer

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

5307