10 способов уменьшить размер ваших изображений

Нам всем нравится иметь веб-сайт с качественными изображениями, чтобы привлечь внимание наших читателей, верно?

Если у вас есть страница, на которой вы предлагаете услуги, вы продаете продукт или ведете блог; наверняка у вас есть десятки картинок: например, в статьях, на статических страницах или в товарах.

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

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

· Почему вам следует уменьшить размер изображений на вашем сайте?

Прежде чем я начну говорить о каждом из этих инструментов, я хочу объяснить важность уменьшения размера изображений вашего сайта.

В настоящее время очень важно, чтобы сайты были быстрыми, то есть чтобы они загружались всего за несколько секунд (в идеале - менее 3 секунд).

Правильная оптимизация изображений на вашем сайте важна по трем причинам:

· Десять инструментов для уменьшения размера изображений на вашем сайте

1) ShortPixel

Цель этого инструмента - повысить производительность наших сайтов, уменьшив размер изображений.

Он доступен в веб-версии и как плагин для WordPress, предлагающий три типа сжатия фотографий:

Веб-версия ShortPixel позволяет уменьшать изображения партиями по 50 файлов.

Что касается плагина WordPress, он очень прост в использовании и очень легкий. Вам просто нужно установить его, и плагин сжимает все изображения вашего сайта, а также файлы PDF одним щелчком мыши.

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

Наконец, мы должны объяснить, что это инструмент «freemium». То есть вы можете бесплатно сжимать 100 изображений в месяц. Если вы превысите эту сумму, он предлагает несколько платных планов.

https://shortpixel.com/

Оптимизатор изображения ShortPixel

2) Оптимизатор изображения EWWW

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

Как и в случае с ShortPixel, у EWWW Image Optimizer есть веб-версия, а также плагин для WordPress, а также несколько платных планов.

EWWW Image Optimizer позволяет увеличить скорость загрузки ваших страниц, оптимизируя все изображения на вашем сайте.

Это увеличение скорости может помочь вам занять лучшие позиции в поисковых системах, а также улучшить коэффициент конверсии (например, увеличение продаж или новых подписчиков).

EWWW Image Optimizer может автоматически оптимизировать все загружаемые вами изображения. Он также может оптимизировать все изображения, которые уже размещены на сервере. Кроме того, можно будет преобразовать все ваши файлы в наиболее рекомендуемый формат.

Что касается параметров сжатия, вы можете выбрать сжатие по пикселям или параметры высокого сжатия без потери качества.

https://ewww.io/

EWWW Image Optimizer

3) Сжать JPG и PNG

Этот онлайн-инструмент позволит вам сжать пакет, содержащий до 20 изображений в форматах JPG и PNG.

Использовать его очень просто: просто загрузите или перетащите файлы. Когда они будут готовы, вам просто нужно будет загрузить сжатые изображения отдельно или в виде ZIP-файла.

http://compressjpeg.com/es/

4) Compressor.io

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

Он доступен в Compressor.io и очень прост в использовании. Вам просто нужно загрузить или перетащить изображение, которое вы хотите сжать, дождаться завершения процесса (это займет всего несколько секунд) и загрузить сжатые файлы.

Кроме того, когда процесс будет завершен, инструмент покажет вам процент сжатия по сравнению с исходным изображением.

Обратите внимание, что он позволяет сжимать файлы в четырех различных форматах: JPEG, PNG, GIF и SVG.

5) Оптимизилла

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

Он позволяет работать с 20 изображениями одновременно, контролируя сжатие, а также сравнивая изображения.

http://optimizilla.com/es/

6) WP Smush

Это плагин WordPress, который я всегда устанавливаю на свои сайты. Правильное название этого плагина - Smush Image Compression and Optimization.

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

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

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

Smush - отложенная загрузка изображений, оптимизация и сжатие изображений

7) Kraken.io

Kraken Image Optimizer - это инструмент, доступный в онлайн-версии, но у него также есть плагин для WordPress или Magento.

Основное преимущество этого инструмента - для пользователей, которым необходимо: Уменьшить пропускную способность и использование пространства, что улучшит время загрузки веб-сайта.

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

Это программное обеспечение поддерживает файлы JPEG, PNG и GIF, а максимальный размер файла составляет 32 МБ.

https://kraken.io/

Kraken.io Оптимизатор изображений

8) Оптимизатор изображений Imagify

Как и другие предыдущие инструменты, Imagify доступен в веб-версии и плагине для WordPress.

Используя этот плагин, вы сможете: Увеличить скорость загрузки вашего сайта, сэкономить время на задачах оптимизации изображений и проверить качество файлов, которые вы используете.

Плагин может сжимать и изменять размер вашей библиотеки WordPress одним щелчком мыши, а также он совместим с другими опциями, такими как WooCommerce и NextGen Gallery.

https://imagify.io/

Imagify - оптимизируйте свои изображения и конвертируйте WebP

9) Фотошоп

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

Если вам нравится работать в среде Adobe, в Photoshop есть возможность оптимизировать изображения для использования на веб-сайтах.

В частности, вы найдете эту функцию в «сохранении в Интернете» или «экспорте в Интернет», и она позволяет вам выбирать размеры, качество и формат изображений.

Вам нужно только настроить изображение в соответствии с вашими потребностями и загрузить сжатые файлы.

10) Бунт

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

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

Что касается форматов, то он позволяет сжимать файлы в JPG, GIF и PNG. Он может изменять размер изображений с помощью шести различных алгоритмов.

· Как загрузить изображения в Mailrelay

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

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

В этом смысле я рекомендую вам размещать изображения, которые вы хотите использовать в своих информационных бюллетенях, за пределами организации. Итак, теперь я объясню, как импортировать их в ваш WordPress.

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

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

Вы можете перетащить их напрямую, щелкнув «Добавить» и выбрав их на своем компьютере.

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

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

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

Чтобы добавить его, нажмите кнопку «Изображение», и вы увидите следующий экран:

В этом окне вы можете управлять свойствами ваших изображений. Чтобы добавить новый, просто вставьте адрес, который вы скопировали на предыдущем шаге. Когда вы это сделаете, вы увидите изображение, которое собираетесь импортировать.

Что вы можете настроить в свойствах изображения?

После настройки в соответствии с дизайном вашего информационного бюллетеня у вас будет что-то вроде этого:

Теперь вам просто нужно нажать кнопку «Принять» , чтобы вставить свое изображение в информационный бюллетень.

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

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

В конце концов, я уверен, что вы хотите быть на первых страницах по своим основным ключевым словам.