При розробці веб-сайтів не можна недооцінювати потенціал анімації, яка робить сайт більш привабливим. На створення подібних ефектів потрібно досить багато часу і сил.
Існує безліч плагінів для створення анімацій. Сьогодні ми хочемо поділитися з вами підбіркою з 12 кращих wordpress-плагінів, за допомогою яких можна застосовувати ефекти анімації до картинок, розміщених на сайті. Варто також відзначити, що представлені в цій статті плагіни здатні анімувати зображення і оптимізувати його без істотної втрати якості.
1. Image Generator effects
Image effects Generator дозволяє створювати безліч красивих ефектів для зображень на етапі їх завантаження на сервер. Плагін генерує ефекти чорно-білого зображення, розмиття, сепії, підвищення різкості і багато інших.
2. Imagelens
Плагін дозволяє вибірково застосовувати ефект до окремих записів і до всієї сторінки. Ефект можна застосувати як до всієї області з контентом, так і до окремих зображень.
3. Roundit
З допомогою RoundIt можна без праці закруглювати кути зображень, додавати кольорову кордон і навіть тінь. Плагін додає всі потрібні параметри менеджер медіафайлів, через який відбувається завантаження зображень. Можна встановлювати радіус закруглення, товщину кордону і виставляти налаштування тіней.
4. Instafx
Головне призначення InstaFX полягає в зміні зображень за допомогою HTML5 Canvas і Javascript. Плагін – комбінація простого у використанні інтерфейсу і просунутих технологій.
5. Fancy Image Show
Fancy Image Show – плагін для простого обертання зображень. Обертання відбувається із застосуванням 5 різних ефектів, і в будь-який запис чи сторінку можна помістити відразу кілька галерей. В налаштуваннях плагіна можна вказати папку, в якій будуть зберігатися зображення.
6. Amazing Hover Effects
Amazing Hover Effects – вражаюча колекція ефектів, що проявляються при наведенні курсору і заснованих на CSS3 і iHover. Потрібний можна вибрати з більш ніж 55 ефектів і 3 стилів. Застосовувати ефекти можна на будь-якій сторінці і навіть віджети.
7. CJTE Black and White Image Effects
Скрипт CJTE Plugin трансформує зображення в градацію сірого, а потім повертає їх в початковий стан при наведенні. Черговість ефектів також можна інвертувати, і поміняти швидкість трансформації. Плагін використовує HTML5 Canvas і пропонує версію для застарілих браузерів.
8. Better Backgrounds
Плагін дозволяє показувати різні фонові зображення після кожного оновлення сторінки або відвідування сайту. Фон також можна зафіксувати або використовувати класичний формат з візерунками, зображенням. Better Backgrounds підтримує затемнення фону, а також інтеграцію з плагіном NextGen Gallery. Після активації, плагін замінює стандартну сторінку налаштувань фону консолі WordPress.
9. WP Reel
WP Reel – це версія javascript-плеєра JQuery Reel 360. Плагін дозволяє створювати інтерактивні панорамні перегляди для об’єктів, використовуючи галерею WordPress.
10. Super Portfolios and Effects
Super Portfolios and Effects дає можливість використовувати модальні опису для портфоліо і застосовувати ефекти до представленим у ньому зображень. Можна з легкістю створювати портфоліо і вбудовувати їх в окремі записи на сайті.
11. Image Transitions
Плагін Image Transitions дозволить без зусиль додавати анімацію до картинок, і тоді сторінки точно стануть привабливішими. На даний момент плагін заснований тільки на CSS3-переходах, але якщо виникне необхідність, розробники готові представити варіанти і для застарілих браузерів. Те ж стосується нових переходів і функцій.
12. Short Pixel Image Optimizer
ShortPixel – інструмент стиснення зображень для збільшення продуктивності сайту. Плагін автоматично оптимізує зображення без істотної втрати якості. В результаті ви отримаєте менші за вагою картинки з такою ж якістю. Це можливо за рахунок алгоритмів стиснення, що використовуються в ShortPixel. Унікальний API-ключ, який ви отримуєте для активації плагіна, можна використовувати в декількох проектах.
Переклад статті «12 Best WordPress Plugins to Create Image Effects» був підготовлений дружною командою проекту Сайтостроение від А до Я.