14.08.2020

Что лучше в 2020 году? Оптимизация изображений для вашего сайта

Пытаетесь выбрать между Cloudinary ,IMGIX ,ImageKit  и Optimole, чтобы оптимизировать изображения вашего сайта?

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

Чтобы помочь вам выбрать между Cloudinary и Imgix, ImageKit и Optimole, мы подойдем к практическому анализу и сравним каждый инструмент, используя следующие показатели:

  • Оптимизация (мы выполним настоящий тест, используя один JPEG и одно изображение PNG)
  • Простота настройки на WordPress
  • Ключевая особенность
  • ценообразование

Cloudinary,imgix,ImageKit, Optimole: быстрое решение

Если у вас мало времени, вот краткое резюме наших результатов:

  • Optimole был лучшим в оптимизации нашего тестового изображения JPEG.
  • Cloudinary был лучшим в оптимизации нашего тестового изображения PNG (но и хуже в оптимизации нашего теста JPEG).
  • Optimole показала лучшую общую оптимизацию при просмотре обе JPEG и PNG изображения.
  • У Optimole и Cloudinary был самый простой процесс установки для пользователей WordPress. Вы можете запустить WordPress всего за несколько щелчков мышью, и вам не нужно выполнять какие-либо технические действия.

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

Размеры JPEG и PNG относятся к размеру файла оптимизированного изображения, предоставляемого каждым сервисом.

Cloudinary,IMGIX,ImageKit,Optimole
Cloudinary imgix ImageKit Optimole
* Они относятся к исходному формату изображения. Все эти инструменты конвертировали изображения в WebP при тестировании в Chrome.
** На WordPress – могут отличаться для других платформ,
*** У imgix был официальный плагин, но он больше не поддерживается. Тем не менее, сторонние пользователи восстановили  этот плагин, который доступен на WordPress.org,
Размер JPEG * 98,8 КБ 45 кб 41 КБ 30,6 КБ
Размер PNG 18,9 КБ 34,8 КБ 30,5 КБ 28,4 КБ
Простота настройки ** ⭐⭐⭐⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐
Плагин WordPress ***
CDN
Динамическая оптимизация
Размещенная библиотека активов
Бесплатный план
Начальная цена для Pro 89 долларов в месяц $ 3/1000 изображений +
0,08 долл. США / ГБ CDN
49 долларов в месяц 19 долларов в месяц

Cloudinary против IMGIX против ImageKit против Optimole: подробное сравнение

Cloudinary

Cloudinary

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

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

Ключевая особенность

  • Динамически выбирает наиболее эффективный формат изображения для каждого посетителя.
  • Автоматическая настройка уровней сжатия для обеспечения качества.
  • Масштабируйте и обрезайте изображения.
  • Динамически манипулировать изображениями.
  • Доставка ресурсов из нескольких CDN, включая Akamai, Fastly и CloudFront (Cloudinary может автоматически выбрать оптимальный CDN).
  • Поддержка WebP.
  • Оптимизируйте и манипулируйте видео.
  • Выделенный плагин WordPress, хотя вы можете использовать его с любым сайтом.

Простота использования / настройки

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

Как только вы подключите его, все будет готово! Cloudinary автоматически синхронизирует вашу медиатеку WordPress и начнет оптимизировать / предоставлять свои изображения для вас.

ценообразование

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

Один кредит дает вам право один из следующих:

  • 1000 преобразований изображений
  • ИЛИ 1 ГБ управляемой памяти
  • ИЛИ 1 ГБ полосы пропускания
  • ИЛИ 500 секунд обработки видео

Например, если вам нужно 1000 преобразований изображений и 1 ГБ полосы пропускания, это будет стоить вам два кредита (один кредит на каждого).

Вот планы:

  • Бесплатно – 25 кредитов в месяц бесплатно
  • плюс – 225 кредитов в месяц за 89 долларов
  • продвинутый – 600 кредитов в месяц за 224 доллара

imgix

imgix

Чтобы описать imgix, я перейду к подзаголовку с их домашней страницы:

imgix преобразует, оптимизирует и интеллектуально кэширует всю вашу библиотеку изображений для быстрых веб-сайтов и приложений, используя простые и надежные параметры URL.

Ключевая особенность

  • Динамически сжимайте изображения и конвертируйте их в оптимальные форматы (например, WebP).
  • Автоматически изменяйте размеры изображений в зависимости от браузера и разрешения пользователя.
  • Добавляйте водяные знаки или другие дополнения.
  • Генерация текстовых наложений.
  • Поддержка WebP.
  • Доставлять изображения через CDN.

Простота использования / настройки

К сожалению, imgix – единственный инструмент в этом списке, который не предлагает выделенный плагин WordPress или какую-либо специальную документацию WordPress.

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

Для начала вам необходимо зарегистрировать учетную запись imgix. Затем вы можете добавить URL вашего сайта WordPress в качестве источника.

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

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

ценообразование

В отличие от всех других инструментов, imgix предлагает оплату по мере использования.

Вы будете платить 3 доллара за 1000 основных изображений, к которым осуществляется доступ каждый месяц, плюс 0,08 доллара за ГБ пропускной способности CDN, которую вы используете.

Например, если вы получаете доступ к 2000 основных изображений и используете 3 ГБ трафика, ваш ежемесячный счет составит 6,24 доллара США.

Что такое «мастер-образ с доступом»? Каждое изображение, которое вы загружаете в imgix, является основным, но imgix выставляет вам счет только за те изображения, к которым обращаются каждый месяц. То есть изображения, которые нужно показать  посетителям.

Например, если у вас есть 3000 изображений, но посетители просматривают только 2000 из них в месяц, вам будет выставлен счет только за 2000 изображений (плюс ваш трафик).

ImageKit

Imagekit

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

Ключевая особенность

  • Автоматически масштабировать и сжимать изображения на основе устройства каждого посетителя.
  • Доставка изображений через Amazon CloudFront CDN.
  • Динамически манипулировать изображениями.
  • Поддержка WebP.
  • Выделенный плагин WordPress, хотя вы можете использовать его с любым сайтом.

Простота использования / настройки

Для начала вам необходимо зарегистрировать учетную запись ImageKit. Затем вам нужно настроить свой сайт WordPress как «Origin» в вашей учетной записи ImageKit.

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

С этого момента ImageKit автоматически обрабатывает и оптимизирует изображения вашего сайта.

ценообразование

ImageKit предлагает бесплатный тарифный план с пропускной способностью до 20 ГБ в месяц.

Если вам нужно его превысить, самый дешевый платный тариф – 49 долларов в месяц на сумму до 40 ГБ. Кроме того, вы будете платить 9 долларов за каждые дополнительные 20 ГБ.

Есть также некоторые разовые сборы за определенные функции. Например, вы будете платить 50 долларов единовременно, если хотите использовать собственное доменное имя.

Optimole

Optimole

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

Вы можете автоматически оптимизировать изображения с помощью сжатия, изменения размера и форматирования (например, преобразование в WebP).

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

Примечание: Optimole – это дочерняя компания ThemeIsle.

Ключевая особенность

  • Автоматически масштабировать изображения в зависимости от устройства каждого посетителя.
  • Автоматически сжимать изображения – вы можете выбрать различные уровни сжатия.
  • Обслуживание изображений через Amazon CloudFront CDN (более 200 локаций).
  • Неограниченная пропускная способность.
  • Интеллектуальная отложенная загрузка для ускорения начальной загрузки страниц.
  • Поддержка WebP.
  • Выделенный плагин WordPress, хотя вы можете использовать его с любым сайтом.
  • Добавление водяных знаков на изображения.

Простота использования / настройки

Optimole предлагает специальный плагин для WordPress. После установки плагина все, что вам нужно сделать, это ввести ключ API Optimole.

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

ценообразование

Optimole предлагает навсегда бесплатный план, а также ряд премиальных планов.

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

Платные планы начинаются с 19 долларов в месяц  до 25 000 посещений.

Все планы идут с неограниченной пропускной способностью,

Резюмируя

В целом, в нашем тестировании выделялись две службы:

  • Optimole продемонстрировал лучшую общую производительность оптимизации, предлагает быстрый плагин для WordPress и имеет бесплатный план.
  • Cloudinary также хорошо себя зарекомендовал (особенно для теста PNG), предлагает быстрый плагин для WordPress и имеет бесплатный план.

ImageKit и imgix также хороши в оптимизации изображений и предлагают динамическую обработку изображений. Тем не менее, они не так просты в использовании для обычных пользователей и все же немного отстают от Optimole и Cloudinary по нашему мнению.

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

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