1xd345
Вступление
Изображения на сайтах, в процентах, занимают максимальный объем дискового пространства. Совет оптимизаторов по ускорению сайтов, использовать 1-2 фото на статью, для большинства сайтов не работает, а для фото-сайтов и информационных сайтов большим количеством screenshot не подходит вовсе.
Вывести фото из каталога сайта
В борьбе за скорость сайта, мне всегда нравилась идея вывести изображения из каталога сайта WordPress и использовать для их вставки в посты через поле для стороннего источника «вставить с сайта». Останавливало нестабильность сторонних хранилищ, а также явная их ненадежность. Последнее останавливает и сейчас. Ведь не хочется в один прекрасный момент потерять все фото сайта, оголив текстовой контент, из-за проблем на серверах хранилища.
Сервис Cloudinary
И всё-таки, есть сервис Cloudinary, который заслуживает внимание и доверие. Я встретил его год назад. Он не только может стать облачным хранилищем ваших изображений и видео, но на лету, может сжимать, конвертировать, редактировать ваши фото, даже добавлять к ним водяные знаки и эффекты. На лету, означает, что редактирование происходит мгновенно, в вашем личном кабинете без перезагрузки страницы (подробности ниже).
Я совершенно не агитирую бросать использование «медиабиблиотеки» WordPress и «бежать» на сервис Cloudinary. Достаточно, подробнее с ним познакомиться и сделать первый шаг в освоении.
Сервис Cloudinary знакомство
Разумно, начать знакомство с ценами сервиса. На сегодня, ценовая политика сервиса позволяет в бесплатном режиме, для одного аккаунта:
- Использовать 2 Гб хранилища;
- Взять 5 Гб на трафик просмотров;
- И обрабатывать 75000 фото.
Это в 4 раза больше, чем было еще 6 месяцев назад.
Много это или мало? Сайт, который вы читаете, существует 5 лет, объем папки uploads с фото составляет 211 Мб, так что 2 Гб хватит на 5 таких сайтов. А если не хватит, есть платные тарифы, например, за 44$ получаете 15 Гб хранилища и 50Гб трафика.
Что может Сервис Cloudinary, кроме хранения
Чтобы использовать фото из хранилища, сервис каждому измененному фото создает свой уникальный url, https, коды для Ruby, PHP, JS, jQuery, Node.js, .Net, Java, Angular, Pethon.
То есть, есть фото оригинал, он в хранилище. Используя онлайн редактор вы редактирует фото, и каждый раз, система отдает вам нужный url, https и т.д. вашего фото. Все редакции фото, также запоминаются.
Было бы скучно и не интересно, если бы Cloudinary был простым хранилищем. Всё гораздо веселее. Загружая фото на сервер, вы получаете и можете сделать следующее:
- Сервис сразу сжимает фото без смены вашего формата и очищает мета данные;
- Задать свои мета данные фото;
- Убирать фон изображения;
- Менять формат изображения (12 вариантов конвертации) с установкой % качества;
- Изменять размеры фото с масштабированием;
- Закруглять края;
- Делать фото круглым или эллипсом;
- Поворачивать картинку;
- Добавлять 15+ эффектов;
- Накладывать водяной знак;
- При этом для каждого варианта фото, сервис будет мгновенно генерировать url, https, коды для Ruby, PHP, JS, jQuery, Node.js, .Net, Java, Angular, Pethon.
Именно этот url или https вам нужно вставлять в посты и виджеты WordPress. Для простого сайта используете url. Для сайтов SSL, чтобы избежать конфликта смешанного контента (Mixet Content), используется https.
Как работать с сервисом
Регистрация с подтверждением
Для работы на сервере нужно пройти простую регистрацию, с двумя обязательными полями: email и пароль. Регистрацию нужно подтвердить, нажав на ссылку в полученном письме.
Примечательно. Если вы забыли подтвердить регистрацию, система вас не удалит, а сохранит на неопределенное время. Я подтверждал регистрацию через полгода.
Личный кабинет
Вся работа на сервере происходит из личного кабинета. Не буду гидом, здесь всё понятно.
Здесь вы видите, как будут формироваться URL и HTTPS ваших фото.
- res.cloudinary.com/dxgoqgofu, где набор букв это Cloudinary cloud name.
Так будет выглядеть URL фото (мой пример):
- http(s)://res.cloudinary.com/dxgoqgofu/image/upload/sample(имя_файла).jpg
Замечу, что в настройках аккаунта (Setting) вы можете добавить ссылку на свой сайт.
Настройки
Для работы на сервере лучше пройти общие настройки. Вкладка основного меню: Setting
- Account: укажите страну, укажите свой сайт.
- Upload: настройки резервного копирования. Настроек много, оставляю по умолчанию. Замечу, что включение резервного копирования увеличивает использование хранилища.
- Security: здесь можно запретить обработку отдельных типов изображений.
- Users: здесь меняет свои данные в том числе, пароль.
Редактор
Редактор здесь, несмотря на скромный вид, очень мощный. Всё редактирование происходит мгновенно. Управление в редакторе ползунками. Результаты редактора справа:
- Для фото после обновления превью фото (refresh Preview)
- URL внизу превью.