Cloudinary – онлайн-хранилище WordPress-изображений

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

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

Онлайн-сервис Cloudinary

Онлайн-сервис Cloudinary не только “умеет” хранить изображения, но также их сжимать, конвертировать и редактировать. Кроме того, есть возможность добавлять к ним водяные знаки и эффекты.

Возможности Cloudinary

Следует подробно рассмотреть все возможности, которые Вам будут доступны, используя сервис:

  • уникальный URL-адрес для каждого измененного изображения (для каждой редакции);
  • автоматическое сжатие загруженного фото без изменения формата и очистка метаданных;
  • возможность задать собственные метаданные;
  • возможность удаления фона;
  • изменения формата и размеров фото;
  • закругление краев;
  • возможность поворачивать картинку;
  • добавление разнообразных эффектов;
  • возможность наложения водяного знака.

Работа с сервисом

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

Страница сайта https://cloudinary.com

Чтобы воспользоваться всеми возможностями Cloudinary, необходимо пройти несложную регистрацию на сайте. Для этого нужно нажать кнопку SIGN UP FOR FREE, затем указать имя, пароль и адрес e-mail.

Страница сайта https://cloudinary.com

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

Страница сайта https://cloudinary.com

Вся работа на сайте происходит именно тут. Если перейти на вкладку Media Library, то можно увидеть, что в библиотеке присутствует тестовое изображение.

Страница сайта https://cloudinary.com

Щелкнув на нем, перед Вами откроется редактор, предоставляющий все вышеописанные возможности изменения фото. Кроме того, тут также присутствует и блок, в котором предоставлен URL-адрес для вставки изображения на сайт.

Страница сайта https://cloudinary.com

Для настройки сервиса необходимо найти и нажать кнопку Settings.

Страница сайта https://cloudinary.com

Видим, что страница настроек разделена на 4 вкладки. Рассмотрим их подробнее.

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

Страница сайта https://cloudinary.com

Вкладка Upload отвечает за резервное копирование Ваших изображений.

Страница сайта https://cloudinary.com

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

Страница сайта https://cloudinary.com

Вкладка Users позволит Вам изменить данные пользователя, а также установить усиленную авторизацию.

Страница сайта https://cloudinary.com

Для загрузки изображений следует перейти в меню Media Library и нажать кнопку Upload.

Страница сайта https://cloudinary.com

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

Cloudinary и WordPress

Для облегчения взаимодействия сервиса с WordPress специально был разработан плагин Cloudinary – Image management and manipulation in the cloud + CDN. После его установки и активации всё, что можно делать с фото на сайте онлайн-сервиса, можно делать и из панели сайта. Главная особенность дополнения – наличие возможности перенесения на Cloudinary всех имеющихся в каталоге сайта изображений. Тем самым они оптимизируются, а использование облачных технологий отдачи фото снизит время их загрузки.

После активации плагина необходимо в админ-панели перейти в раздел Cloudinary -> Settings, где в поле CLOUDINARY_URL ввести специальный адрес. Его можно получить в личном кабинете на сайте сервиса, в разделе Dashboard.

Страница сайта https://cloudinary.com

После вставки полученного кода следует нажать кнопку Update Settings. После обновления настроек нужно перейти Cloudinary -> Media library.

Страница настроек плагина Cloudinary – Image management and manipulation in the cloud + CDN

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

Библиотека плагина Cloudinary – Image management and manipulation in the cloud + CDN

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

Редактор изображений в плагине Cloudinary – Image management and manipulation in the cloud + CDN

Для вставки загруженного с помощью плагина фото в контент записи следует открыть ее на редактирование.

Страница редактирования записи

Видно, что на панели инструментов визуального редактора появилась большая кнопка Cloudinary Upload/Insert. Для вставки фото необходимо в контентной части записи установить курсор в место вставки и нажать кнопку, после чего выбрать фото и нажать кнопку Insert into post.

В качестве заключения

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

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

Создай свой первый сайт на WordPress
Если Вам понравилась статья — поделитесь с друзьями
Михаил Петров
Привет! Меня зовут Михаил Петров. Я копирайтер и занимаюсь этим с 2013 года. Скрупулезность и ответственность - моя фишка! Не могу делать как попало и добиваюсь, чтоб заказчик сказал минимум “неплохо”. За все время своей работы пришлось написать и отредактировать немало разной “текстовухи”, включая SEO-тексты, отзывы и прочую чушь. На сегодняшний день специализируюсь на написании информационных статей и руководств технического направления. Вижу смысл и светлое будущее в текстах для людей, а не для машин.
Задать вопрос