Поскольку экраны Full HD теперь являются минимальным рабочим стандартом и даже дешевые смартфоны оснащены камерами не менее пяти мегапикселей, легко забыть, насколько важен размер изображения в Интернете. Когда кто-то создает веб-сайт, невероятно важно учитывать пропускную способность.
Хотя одно большое изображение в высоком разрешении может не представлять проблемы для современного широкополосного подключения, наполнение вашего сайта высококачественными ресурсами может превратить просмотр в настоящее удовольствие. В дополнение к этому вам также придется оплатить раздутые расходы на хостинг!
Не только веб-мастерам приходится иметь дело со слишком большими изображениями. Если вы пытались отправить кому-нибудь несколько фотографий по электронной почте, общий размер письма может вас шокировать, если вам придется отправить по почте десять или двадцать снимков. Вот почему онлайн-оптимизатор изображений — ваш лучший друг, когда вы хотите загружать, публиковать или размещать изображения.
Это четыре наших любимых онлайн-оптимизатора изображений с бонусной опцией в автономном режиме на случай, если отключится Интернет, но ваши сроки не имеют значения! Также обязательно прочитайте нашу предыдущую публикацию на другие способы уменьшить размер изображения.
Настройка теста изображения
Прежде чем мы перейдем к каждому компрессору изображений, я хочу рассказать, как мы проводили тест. Это не очень научно и обширно; это просто серия сжатий разными движками сжатия и всё.
Чтобы показать разницу в сжатии формата файла, мы использовали изображение JPG и изображение PNG. Иногда вы можете сжать изображение намного лучше, если сохраните его в другом формате. Изображения JPG лучше всего подходят для изображений «реальных» людей, мест, вещей и т. д.
Изображения PNG лучше всего подходят для значков, текста, снимков экрана окон на рабочем столе и т. д. Вот наше исходное изображение JPG (91 КБ):
А вот наше исходное изображение PNG (26 КБ):
Кракен.io
Лучшая особенность Kraken.io — это то, что он дает нам повод кричать «выпустите кракена!» каждый раз, когда мы его используем, но помимо этого, это одно из самых быстрых решений, которые мы пробовали, и оно довольно простое в использовании.
Существует несколько платных уровней продукта, которые различаются в основном количеством гигабайт данных, которые вы можете обрабатывать в месяц. Бесплатный быстрый веб-интерфейс не позволяет изменять размер изображений или использовать другие функции уровня «Pro», но это простой инструмент перетаскивания, с которым мы разобрались всего за несколько секунд..
И самое главное: вы можете поставить в очередь несколько файлов одновременно для быстрой пакетной обработки.
Вы также можете легко импортировать изображения из Google Диска или Dropbox одним щелчком мыши. В нашем тесте Kraken уменьшил размер изображения JPG примерно на 15 % (78 КБ), а размера PNG — примерно на 61 % (10 КБ).
Вот изображение в формате JPG после того, как мы выпустили кракена:
Качество немного ухудшилось, но изображение по-прежнему выглядит довольно хорошо, а ваш сайт станет более оптимизированным благодаря оптимизации. Вот изображение PNG после сжатия:
Качество сжатого PNG почти идентично оригиналу, поэтому я предпочитаю максимально использовать формат PNG из-за его способности сильно сжиматься без значительной потери качества.
Используйте Kraken.io в Кракен.io .
Компрессор.io
Компрессор обещает радикальное уменьшение размера файла. В некоторых случаях «до 90%». Хотя большинство изображений не обладают такой производительностью, компрессор — хороший выбор, если вы предпочитаете абсолютный размер файла мелкой детализации изображения.
Интерфейс привлекательный и простой в использовании. Также приятно, что вы можете сохранить изображение прямо на свой Google Диск или DropBox, не загружая его предварительно на свой компьютер. Однако недостатком является тот факт, что одновременно можно обрабатывать только одно изображение.
При использовании Compressor на нашем тестовом изображении размер изображения JPG (66 КБ) действительно был уменьшен на 28 %.
Для изображения PNG размер изображения уменьшился примерно на 67 %, вплоть до примерно 8 КБ. Это очень близко к тому, что смог сделать Kraken.
Так насколько же это повлияло на качество изображения? Вот версия JPG со сжатием для сравнения.
Как видите, к изображению добавлено значительное количество шума. Таким образом, это лучший размер файла, но с меньшим качеством. Вам придется попробовать свои изображения на разных сайтах, чтобы найти тот, который обеспечивает хороший баланс между существенным уменьшением размера и качеством изображения.
Изображение PNG из компрессора выглядело точно так же, как изображение из Kraken, поэтому я не включаю его сюда.
Используйте Compressor.io в компрессор.io
Оптимизация
Optimizilla мгновенно получает очки привлекательности за свой талисман лечения, но также обещает сбалансированный подход к оптимизации изображений. Кроме того, вы можете поставить в очередь до двадцати изображений. Optimizilla также имеет очень мощный интерфейс..
Optimizilla позволяет вам устанавливать индивидуальные уровни качества для ваших изображений. Вы можете легко настроить это с помощью ползунка, а затем предварительно просмотреть полученное изображение по сравнению с оригиналом.
Это означает, что вам не придется повторно загружать готовый файл, пока качество вас не удовлетворит.
По умолчанию размер файла JPG уменьшен на 23 % (70 КБ). Размер JPG больше, чем у компрессора, но меньше, чем у Kraken. Качество намного лучше, чем у компрессора, и сравнимо с Kraken.
Формат PNG был уменьшен на 64 % и снова стал почти неотличим от оригинала. До сих пор он выглядел так же, как и все остальные сжатые версии.
Вы можете использовать Optimizilla с imagecompressor.com.
ImageSmaller
ImageSmaller – еще один хороший онлайн-инструмент для сжатия, который дает достойные результаты, хотя вы ограничены в обработке только одного изображения за раз.
В нашем случае мы получили впечатляющее уменьшение размера файла JPG на 54 % с приличной потерей качества. Изображение по-прежнему можно использовать, если вы публикуете его в Интернете или в каких-либо других целях, но в нем слишком много шума, чтобы использовать его каким-либо другим образом.
И снова размер PNG уменьшился примерно на 65 % и остался точно таким же, как и остальные результаты.
Офлайн-альтернатива: RIOT
Хотя для всех четырех оптимизаторов изображений требуется работающее подключение к Интернету, это не всегда возможно. Поэтому рекомендуется иметь автономное приложение в качестве резервной копии на случай, если онлайн-оптимизация окажется не идеальной.
Возможно, вам необходимо обработать большое количество изображений или вы не хотите загружать определенные изображения по соображениям конфиденциальности.
Какова бы ни была причина использования автономного клиента, нам особенно нравятся RIOT или Инструмент радикальной оптимизации изображений. Это бесплатное программное обеспечение может практически все, но при этом оно довольно простое в использовании.
Он имеет интересный режим автоматического предложения. Просто перетащите изображение, и оно предложит подходящий уровень сжатия.
При использовании автоматической настройки мы получаем уменьшение размера изображения на 28 % (66 КБ). Вот изображение после обработки RIOT. Как и у Compressor, размер меньше, но уровень шума очень высокий.
Еще одна вещь, которую стоит упомянуть о RIOT, — это то, что программное обеспечение имеет режим пакетного конвертера. Таким образом, вы можете поставить в очередь столько изображений, сколько ваш компьютер может обработать, а затем просто оставить ее, чтобы продолжить работу. Большое преимущество перед большинством бесплатных онлайн-решений!.
Вы можете скачать RIOT по адресу luci.criosweb.ro/riot/.
Просто как 1,2,3
С помощью этих инструментов оптимизации изображений вы ускорите загрузку своего веб-сайта, сэкономите место на веб-сервере или отправите управляемые изображения по электронной почте друзьям и родственникам.
Быстро и легко превратить эти перегруженные изображения в нечто более приятное. Вам даже не придется откладывать деньги. Это хорошая сделка, с какой стороны ни посмотри! Наслаждайтесь!
.