Теперь, когда экраны Full HD стали рабочим минимальным стандартом, и даже в дешевых смартфонах, оснащенных камерами с разрешением не менее пяти мегапикселей, легко забыть, насколько важен размер изображения в Интернете. Когда кто-то создает веб-сайт, невероятно важно учитывать пропускную способность.
Хотя одно большое изображение с высоким разрешением может не представлять проблемы для современного широкополосного подключения, наполнение вашего сайта высококачественными ресурсами может превратить просмотр в настоящее препятствие. В дополнение к этому, вам также придется заплатить за раздутые расходы на хостинг!
Оглавление
Не только веб-мастера имеют дело со слишком большими изображениями. Если вы пытались отправить кому-нибудь несколько фотографий, общий размер электронного письма может шокировать, если вам придется отправить по почте десять или двадцать снимков. Вот почему онлайн-оптимизатор изображений - ваш лучший друг, когда вы хотите загружать, публиковать или размещать изображения.
Это четыре наших любимых онлайн-оптимизатора изображений с бонусной офлайн-возможностью, когда Интернет выходит из строя, но ваши сроки не волнуют! Также не забудьте прочитать наш предыдущий пост на
другие способы уменьшить размер изображения.Настройка теста изображения
Прежде чем мы перейдем к каждому компрессору изображений, я хочу настроить, как мы проводили наш тест. Это не очень научный подход или простор; это просто серия компрессий разными двигателями сжатия, и все.
Чтобы показать разницу, которую формат файла имеет с точки зрения сжатия, мы использовали изображение JPG и изображение PNG. Иногда можно намного лучше сжать изображение, если сохранить его в другом формате. Изображения JPG лучше всего подходят для изображений «реальных» людей, мест, вещей и т. Д.
Изображения PNG лучше всего подходят для значков, текста, скриншотов окон на рабочем столе и т. Д. Вот наше исходное изображение в формате JPG (91 КБ):
А вот наше исходное изображение в формате PNG (26 КБ):
Kraken.io
Лучшая особенность Kraken.io - это то, что он дает нам повод кричать: «Отпустите кракена!» каждый время, когда мы его используем, но помимо этого, это одно из самых быстрых решений, которые мы пробовали, и его довольно просто использовать.
Существует несколько платных уровней продукта, различающихся в основном количеством гигабайт данных, которые вы можете обрабатывать в месяц. Бесплатный быстрый веб-интерфейс не позволяет изменять размер изображений или использовать другие «профессиональные» функции, но это простой инструмент перетаскивания, который мы могли бы разобраться всего за несколько секунд.
Лучше всего то, что вы можете поставить в очередь сразу несколько файлов для быстрой пакетной обработки.
Вы также можете легко импортировать изображения с Google Диска или Dropbox одним щелчком мыши. В нашем тесте Kraken уменьшил размер нашего изображения JPG примерно на 15% (78 КБ) и нашего PNG примерно на 61% (10 КБ).
Вот изображение в формате JPG после того, как мы выпустили кракен:
Есть некоторая потеря качества, но изображение по-прежнему выглядит довольно хорошо, а ваш веб-сайт станет более оптимизированным благодаря оптимизации. Вот изображение PNG после сжатия:
Качество сжатого PNG практически не отличается от оригинала, поэтому мне нравится использовать PNG. форматировать как можно больше из-за его способности сильно сжиматься без больших потерь в качество.
Используйте Kraken.io на kraken.io.
Compressor.io
Компрессор обещает резкое уменьшение размера файла. В некоторых случаях «до 90%». Хотя большинство изображений не обладают такой производительностью, Compressor - хороший выбор, если вы предпочитаете абсолютный размер файла мелким деталям.
Интерфейс привлекательный и простой в использовании. Также приятно, что вы можете сохранить изображение прямо на свой Google Диск или DropBox, не загружая его предварительно на свой компьютер. Однако одним недостатком является тот факт, что одновременно можно обрабатывать только одно изображение.
Используя Compressor на нашем тестовом изображении, действительно произошло очень резкое уменьшение размера изображения JPG (66 КБ) на 28%.
Для изображения PNG он уменьшил размер изображения примерно на 67%, вплоть до 8 КБ. Это очень близко к тому, что также смог сделать Кракен.
Так насколько это повлияло на качество изображения? Вот версия JPG в формате Compressor для сравнения.
Как видите, к изображению добавлен значительный шум. Так что это лучший размер файла, но с меньшим качеством. Вам придется опробовать свои изображения на разных сайтах, чтобы найти тот, который обеспечивает хороший баланс между значительным уменьшением размера и качеством изображения.
Изображение PNG от компрессора выглядело точно так же, как и изображение от Kraken, поэтому я не включаю его здесь.
Используйте Compressor.io на Compressor.io
Optimizilla
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. Как и в случае с компрессором, размер меньше, но уровень шума очень высокий.
Еще одна вещь, о которой стоит упомянуть о RIOT, - это то, что программное обеспечение поставляется с режимом пакетного преобразования. Таким образом, вы можете поставить в очередь столько изображений, сколько может обработать ваш компьютер, а затем просто оставить его, чтобы заняться делами. Большое преимущество перед большинством бесплатных онлайн-решений!
Вы можете скачать RIOT на luci.criosweb.ro/riot/.
Так же просто, как 1,2,3
С помощью этих инструментов оптимизации изображений вы сможете ускорить загрузку своего веб-сайта или сэкономить место на веб-сервере или отправить управляемые изображения по электронной почте друзьям и родственникам.
Из этих перекормленных изображений можно быстро и легко сделать что-то более приятное. Вам даже не нужно вкладывать деньги. Теперь это хорошее дело, с какой стороны вы на это смотрите! Наслаждаться!
Добро пожаловать в Help Desk Geek - блог, полный технических советов от проверенных технических экспертов. У нас есть тысячи статей и руководств, которые помогут вам устранить любую проблему. С момента запуска в 2008 году наши статьи прочитали более 150 миллионов раз.
Мы тоже ненавидим спам, откажитесь от подписки в любое время.
