Optimizilla — один из лучших онлайн-оптимизаторов изображений в 2021 году

Содержание:

Как уменьшить вес картинки

Существует два способа:

  1. Специализированный софт;
  2. Онлайн сервисы.

Специализированный софт

Рассмотрим лучшие четыре программы, уменьшающие изображение без потери качества.

Paint

Приложение встроено разработчиками в ОС Windows. Поэтому не нужно скачивать дополнительное ПО. Это простой и надежный инструмент. Если вы не занимаетесь профессиональной обработкой графических файлов, хватит возможностей Pain. Чтобы запустить программу, нажмите «Win+R», пропишите команду:
Рассмотрим его работу на примере фотографии размера 1,3 мегабайт.
Уменьшаем ширину и высоту Перейдите:
Уменьшите ширину и высоту. Посмотрите, как будет выглядеть изображение. В моем примере это:
Сохраните его.
Удаление лишних деталей Часто на фото есть ненужные (неинформативные элементы). Особенно по краям. Удалите их. Перейдите:
Выделите часть фото, которая останется. Все что за рамкой удалится.
Далее:
Сохраните готовый результат. Размер файла был 1,3 мегабайт. Стал 198,9 килобайт. При этом качество не изменилось.
Программа сохраняет изображение сжимая его в качестве на десять-двадцать процентов. Это незаметно для человеческого глаза.

FastStone Image Viewer

Вы задумывались, как уменьшить вес фото без изменения размера. Поможет FastStone. Программа бесплатна. Скачайте ее по адресу: https://www.faststone.org/FSIVDownload.htm. Откройте фото, выберите:
Перейдите:
Откроется окно, где посмотрите размер файла. Передвигая ползунок в пункте «Качество», не меняя размера установите значение не менее 60. Это зависит от фото. Посмотрите на скриншоте. Вес уменьшился с 1,3 мегабайта до 751 килобайт.
Меняем размер Перейдите:
Укажите ширину и высоту в пикселях.
Например, при установке значений 800Х500 получилось уменьшить вес картинки без потери качества до 152 килобайт.

IrfanView

Загрузите программу по адресу: https://www.irfanview.com/. После установки откройте файл в приложении, выберите:
Укажите степень сжатия. Рекомендую устанавливать не меньше 60. Остальные настройки не трогайте. Сохраните файл. Фото без изменения размера стало весить 553 килобайт.
Изменяем разрешение Перейдите:
Измените значения:
При установке 800Х500 размер без потери качества стал 52,8 килобайт

Как уменьшить вес картинки без потери качества в Фотошопе

Это программа для профессиональной работы с изображением. В нем качество сжатия будет наилучшее. Откройте файл фото в программе. Перейдите:
Переместите влево ползунок в пункте «Качество». Посмотрите, чтобы на изображении не было видимых отличий. Измените ширину и высоту фото в пикселях.
Изменив разрешение до 800Х500 вес картинки стал 66,12 без потери качества.

Уменьшаем вес картинки без потери качества онлайн

Не хотите устанавливать на ПК дополнительное ПО. Воспользуйтесь онлайн сервисами. Их преимущество: получение максимального сжатия без ухудшения качества, простота в использовании. Для работы нужен доступ в интернет. Рассмотрим лучшие площадки.

Как это работает

Все онлайн сервисы функционируют по принципу:

  1. Загрузка изображений на площадку при помощи формы;
  2. Установка нужных параметров.

Рассмотрим лучшие из них.

Optimizilla

Доступен по адресу: https://imagecompressor.com/ru/. Загрузите фото или перетащите его мышкой на форму:
Через 1-2 секунды произойдет его сжатие. В меню справа отрегулируйте качество перемещением ползунка. Сравните изображения.

Compressjpeg

Доступен по адресу: https://compressjpeg.com/ru/. Работает аналогично рассмотренному выше. Особенность — поддержка мультизагрузки. Добавьте для обработки одновременно двадцать файлов. Нажмите «Настройки», чтобы отрегулировать его вручную.
Готовый результат скачайте в архиве.

TinyJPG

Доступен по адресу: https://tinyjpg.com/. Загрузите файл на сервис. Работает с PNG форматом. После обработки нажмите «Download».

О чем следует знать, помнить и никогда не забывать

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

ALT text

Этот параметр определяется как «как альтернативный текст», предназначенный для просмотра ресурса в текстовом режиме (в браузере отключены картинки – это необходимо для экономии трафика сети). Основная задача такого атрибута – пояснить, что должно быть на картинке. Если внимательно изучить исходный код сайта, то этот атрибут имеет вид alt=»___». Для того чтобы атрибут корректно индексировался, желательно использовать в описании ключевые слова, которые позволят существенно повысить релевантность страницы. Но при вводе необходимо не переусердствовать с ключами.

Имя файла

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

Страница с изображением

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

Ссылки

Ссылки из внешних источников позволяют существенно упростить продвижение не только картинки, но и сайта в целом. Если сторонний ресурс ссылается на изображение, то автоматически увеличивается ТИЦ, а это дополнительный бонус к выводу сайта в ТОП.

Размер изображения и его объем

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

Sitemap

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

www.optimizilla.com

Express your opinion about this website:

Please enable JavaScript to view the comments powered by Disqus.

Traffic report about optimizilla.com — here you can find answers to questions like these:

  • The most recent time we have spotted optimizilla.com on Alexa rankings was on
    September 19, 2015
    (2,199 days ago)

    and then the ranking was 32,009. And this is the best position that optimizilla.com ever had in Alexa.

  • Our system has never spotted optimizilla.com in Quantcast ratings.This fact suggests this domain potentially has low traffic from USA and Canada.

  • Website is hosted on IP 195.154.207.132.The host name of this IP address is 195-154-207-132.rev.poneytelecom.eu.There are 5 websites hosted on exact the same IP and 71 websites that are hosted on similar IP address.

  • Our database records shows that this website can be similar to: media4x.com, topdf.com, 2epub.com, siteloadtest.com, and maybe even more.

  • We’ve checked optimizilla.com recently and it was online. The load time was 1.6026 seconds faster than average. The size of document was 43,582 bytes shorter than usually. The website contained 101 links less than the average.

  • It seems that optimizilla.com is optimised for mobile devices.

  • We did not encounter any safety threats while testing this website.

  • We did not find any data about optimizilla.com being listed in the blacklists.

  • It seems that optimizilla.com was never dropped before.Click here to see the list of dropped domains

  • Our system found out that there could be 291 domains with the same beginning as optimizilla.com

Сравнение лучших программных инструментов для сжатия изображений (2020)

Онлайн-инструменты Тип сжатия Поддерживаемый формат Стоимость Поддержка массовых изображений Платформа
Крошечный PNG Потерянный PNG и JPEG Бесплатно и с открытым исходным кодом Да, до 20 файлов Интернет
Compressor.io С потерями и без потерь JPEG, GIF, PNG и SVG Свободно Нет Интернет
Kraken.io С потерями и без потерь PNG и JPG Бесплатная и платная версия Да, до 20 изображений Интернет
Оптимизатор JPEG Потерянный JPEG Свободно Нет Интернет
Optimizilla Без потерь JPEG и PNG Свободно Да, до двадцати файлов Интернет
Изменить размер фотографий Без потерь JPG, PNG, GIF, BMP и PSD Свободно Нет Интернет
Оптимизатор изображений в Интернете Без потерь PNG, GIF и JPG Свободно Нет Интернет
Сжать сейчас Без потерь JPEG, GIF, JPG и GIF Свободно Да, до 10 файлов Интернет
PNG мультфильм Без потерь JPEG, GIF и PNG Свободно Да, до 20 фото Интернет
Сжать фотографии Без потерь JPEG, PNG и JPG Свободно Да, Интернет

Уменьшаем размер изображения в Photoshop

Этот мощнейший редактор можно использовать для описываемых задач. Но это как перевозить пакет с продуктами не в легковом автомобиле, а вызывать «Камаз». Photoshop — избыточно мощное приложение для такой простой цели, как уменьшить вес фотографии.

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

Открыв файл в редакторе Photoshop, следует выбрать раздел «Изображение», в нём кликнуть на пункт «Размер изображения». Как показано на картинке ниже.

Откроется диалоговое окно, где можно вручную задать высоту и ширину рисунка. Кнопка ОК – сохраняем файл. Этот же диалог вызывается горячими клавишами «Ctrl+Alt+I», быстрое сохранение результата, сочетание клавиш– «Ctrl+S».

Второй способ уменьшить размер файла картинки или фото, это применить качество при сохранении. То которое посчитаете подходящим для Вас. Давайте я покажу на примере как это сделать.

Открываете photoshop, далее кликаете на меню «Файл» выбираете Сохранить для Web…» или используете сочетание клавиш «Alt+Shift+Ctrl+S», как Вам будет удобно.

Выбираете сверху — 4 варианта. Смотрите на изменения качества при компрессии, Вы можете двигать изображения, предварительно его просматривая.

Обратите внимание, Слева с верху — Исходник, далее идут уже с сжатием. Перёд сохранением можно также выставить размер изображения

Которое нужно Вам. И нажать сохранить, выбрать путь для записи и все готово

Перёд сохранением можно также выставить размер изображения. Которое нужно Вам. И нажать сохранить, выбрать путь для записи и все готово.

Загрузка изображения на сайт

Не вставляйте картинку куда попало просто ради украшения

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

Подписи под картинкой

Это текст, который сопровождает ваше изображение.

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

Нильсен еще в 1997 году отметил, что «элементы, которые улучшают восприятие текста – это заголовки, крупный шрифт, полужирный текст, выделенный текст, маркированные списки, графика, подписи, тематические предложения и оглавления». В 2012 году KissMetric заявила, что «подписи под изображениями читаются в среднем на 300% чаще, чем сам текст. Поэтому не использовать их или использовать неправильно означает упустить возможность привлечь огромное количество пользователей».

Нужно ли добавлять подпись к каждому изображению? Нет, не нужно. Добавляйте текст в том случае, если он необходим для восприятия и полезен пользователю, а не просто ради оптимизации.

Alt и Title изображения

Тег Alt – это описание изображения. Текст выводится на страницу, если по каким-либо причинам картинка не открылась. Вот что об этом говорит Википедия: «В ситуациях, когда изображение недоступно для читателей, потому что они отключили отображение картинок в своем веб-браузере или используют устройство для чтения с экрана из-за нарушения зрения, текст гарантирует, что информация с картинки не будет потеряна». Обязательно пропишите альты к графическим файлам, включите в описание ключевое слово и убедитесь, что оно действительно соответствует картинке.

При наведении курсора на изображение Internet Explorer показывает текст альта. Если же вы пользуетесь Google Chrome, то у вас должен всплывать тег Title. Многие просто копируют текст альта и вставляют его в Title. Также в нем можно указать какую-либо несущественную информацию, не связанную с SEO. Некоторые вообще не заполняют Title, и ничего от этого не теряют.

Репост на других каналах

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

<meta property=»og:image» content=»http://example.com/link-to-image.jpg» />

Так вы сможете поделиться своим изображением в Facebook, OpenGraph, Pinterest.

Плагин WordPress SEO имеет раздел «Social». Если у вас установлена премиум версия, вы можете с помощью плагина предварительно просмотреть свой пост перед публикацией в Facebook. Если вы правильно настроили его, но он не работает, попробуйте очистить кеш Facebook.

При помощи этого плагина можно также настроить карточки для публикаций в Twitter.

Выравнивание по центру

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

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

XML-файлы для карты сайта

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

Butteraugli

В этом примере Butteraugli ищет минимальный порог качества JPEG, чтобы пользователь не заметил визуальной разницы между изображениями. Это позволило уменьшить размер файла на 65%Мне потребовалось около 30 минут для локальной настройки Butteraugli после установки Bazel и сборки исходников C++ для корректной компиляции на Mac. Его использование относительно простое: укажите два изображения для сравнения (исходная и сжатая версия) — и получите оценку

Объединение энкодеров?

без потерьАрии Хидаята

WebP: сравнение размеров файлов и оценки визуального сходства на разных уровнях качества

Эксперимент: оптимизация изображений

Мы решили провести свое небольшое исследование, чтобы показать вам как оптимизация изображений влияет на скорость работы WordPress-сайта.

Несжатые файлы JPG

Мы загрузили шесть несжатых файлов JPG на наш тестовый сайт. Размер каждого из них превышал 1 Мб. Общее время загрузки составило 1,55 секунды, а общий размер страницы -14,7 Мб.

Тест скорости передачи данных несжатых файлов JPG

Сжатые файлы JPG

Затем мы сжали файлы JPG с помощью WordPress-плагина Imagify, используя «агрессивные» установки. Взгляните на новые сжатые файлы JPG, которые все еще выглядят прекрасно. После этого мы провели пять тестов, используя Pingdom, и выбрали среднее значение. В результате общее время загрузки сократилось до 476 мс, а размер страницы уменьшился до 2,9 Мб. Общее время загрузки уменьшилось на 54,88%, а размер страницы — на 80,27%.

Тест на скорость передачи данных сжатых файлов JPG

Не существует никакой другой оптимизации сайта, которая позволила бы сократить время загрузки более чем на 50%

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

Как сжать фото без потери качества для соцсетей

Залили новое фото в Инстаграм или ВКонтакте, но она изменила цвета или потеряла детализацию? Эта проблема знакома многим. Дело в том, что эти соцсети сжимают ваши фотографии по своим параметрам, так как хранить огромные файлы на своих серверах они не хотят, да и загружаться они будут медленнее.

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

Canva

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

  1. На главной странице кликните «Создать дизайн» (для мобильных приложений кнопка «+».
  2. Сервис сразу выдаст подсказки, какой размер нужен для того или иного случая. Но можно выбрать пункт «Настраиваемый размер» и вбить нужные значения.
  3. В открывшемся окне на панели кликните пиктограмму «Загрузки», а затем «Загрузить медиа». Здесь вы сможете загрузить свое изображение.
  4. Кликните на загруженное изображение, и оно появится на рабочем столе. Вы можете его растянуть, чтобы в рамке настраиваемого размера осталась только нужная вам часть картинки.
  5. Нажмите кнопку «Скачать», выберите формат сохранения (по умолчанию стоит .png) и еще раз подтвердите «Скачать».

PhotoShop

Фотошоп поможет вам не только сжать картинку в формате JPEG до нужного размера, но и оптимизировать режим и профиль фотографии.

  1. Загрузите файл в PhotoShop. Вы можете просто перетянуть картинку на рабочее поле или кликнуть «Файл» — «Открыть», а затем выбрать редактируемую картинку.
  2. Измените размер фото. Для этого щелкните «Изображение» — «Размер изображения…».

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

Измените цветовой профиль. Зайдите в «Редактирование» — «Назначить профиль». Для соцсетей отлично подойдет профиль «sRGB IEK61966-2.1». Если не поменять этот профиль, то цвета на фото в соцсети будут смотреться иначе.
Отредактируйте битность. Откройте на вкладке «Изображение» — «Режим», далее проверьте, чтобы галочки стояли напротив значения RGB и 8 bit. Битность отвечает за глубину цвета, а значит чем больше битность, тем картинка будет содержать больше оттенков. Но соцсети снизят битность без заботы об изображении, у вас же будет возможность исправить недочеты.
Сохраните изображение. Для этого зажмите горячие клавиши CTRL + S, а затем отредактируйте «вес» файла

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

Как оптимизировать изображения для сайта

Перед публикацией картинки на сайте решите три вещи:

  • Физический размер изображения (длина и ширина),
  • Формат изображения (jpeg, png, webp или другие форматы),
  • Размер изображения (в Килобайтах).

С хорошо подобранными параметрами вы можете уменьшить размер картинки в 5-10 раз по сравнению с первоначальным.

Оптимизируйте длину и ширину изображения

Если вам нужно поместить изображение, которое займет 1/3 экрана, используйте картинку нужного размера, например, 400х300 Пикс.

Не публикуйте картинки бóльшего размера, чем это требуется.

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

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

Выберите подходящий формат изображения

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

JPEG — формат, который использует сжатие с потерями (lossy) и не поддерживает прозрачность. В зависимости от степени сжатия, эти картинки можно оптимизировать без потери качества изображения.

PNG — сжатие без потерь (lossless) и поддерживает прозрачность.

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

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

Оптимизируйте размер изображения в Килобайтах

Чем меньше размер изображения в Килобайтах, тем ниже качество картинки.

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

Для картинки размером 400х300 пикселей современные требования Гугл и других сервисов что-то около 20-50 Килобайт.

Уменьшайте вес изображений

На самом деле это очень важный пункт, хоть он и на четвертой позиции. Все свои картинки вы изначално должны уменьшать. Не нужно «с дуру» загружать изображения с камеры Айфона, которые весят по 2 мегабайта. Представляете сколько усилий нужно, чтобы открыть все ваши картинки на одной странице, а если их десятки…Выводы напрашиваются сами собой. Так как же все-таки оптимизировать картинки, уменьшив их вес? Ответ просто. Используйте Фотошоп. Он для меня является настольной программой, которая всегда должна быть под рукой у каждого блоггера. Если вам не нужен весь функционал программы, дистрибутив которой весит порядка 700 мегабайт, можете воспользоваться «укороченной версией», именуемой portable.

Открываем наше изображение в этой программе. Я советую придерживаться одного формата размера всех ваших картинок. Например, я использую фиксированный размер по длине в 520 пикселей, кто –то меньше, кто-то больше. Для себя я определил именно эти измерения.

Нажимаем Ок. Следующим шагом нам необходимо будет сохранить картинку для Web. Идем в файл и выбираем соответствующий пункт.

Далее мы должны выбрать формат для сохранения нашего изображения. Я рекомендую пользоваться либо png, либо jpeg. Если вы делаете скриншоты своих действий, то лучше будет сохранять в последнем варианте, так как картинка будет весить минимально при заданных значениях. Качество делайте около 40. В итоге у вас получится что-то наподобие вот этого:

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

С этим моментом разобрались. Двигаемся дальше.

Плагины оптимизации изображений Вордпресс

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

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

Все плагины подключаются по API, поэтому изображения оптимизируются на серверах плагинов и не нагружают ваш сервер.

Smush Image Compression and Optimization

Smush — Lazy Load Images, Optimize & Compress Images

Author(s): WPMU DEV

Current Version: 3.9.0

Last Updated: 07.09.2021

Плагин создан разработчиком WPMU DEV, регулярно обновляется и имеет более миллиона установок. Оптимизирует jpeg, png и gif форматы. Изображения до 5 Мб оптимизируются бесплатно в любом количестве.

Оптимизирует до 50 изображений за один раз. Автоматически находит изображения, которые замедляют сайт. Плагин может откладывать загрузку изображений до того, как они не появятся в видимой части экрана (lazy load).

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

EWWW Image Optimizer

EWWW Image Optimizer

Author(s): Exactly WWW

Current Version: 6.2.5

Last Updated: 15.09.2021

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

Работает с форматами jpg, png и pdf. После оптимизации выбирает наиболее подходящий формат для показа на сайте, — jpg, png или gif.

Плагин может автоматически конвертировать jpg и png изображения в формат webp.

ShortPixel

ShortPixel Image Optimizer

Author(s): ShortPixel

Current Version: 4.22.5

Last Updated: 31.08.2021

Относительно новый плагин, ставший популярным. Оптимизирует форматы jpeg, png, gif и pdf на своем облаке.

В бесплатной версии позволяет оптимизировать до 100 изображений в месяц. Если нужно оптимизировать больше изображений, нужно купить одну из платных версий. Можно купить подписку на месяц или сделать единоразовую оплату за 10.000, 30.000, 50.000 или 170.000 изображений.

По этой ссылке вы получите еще 100 бесплатных оптимизаций в месяц каждый месяц.

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

TinyPng

TinyPNG — JPEG, PNG & WebP image compression

Author(s): TinyPNG

Current Version: 3.3

Last Updated: 21.09.2021

Простой и понятный плагин, регулярно обновляется, имеет более 200.000 установок. Подключается по API к серверу TinyPNG, на котором оптимизируются изображения.

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

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

Как сжать файл JPG

Случается и так, что скорость интернета или технические данные компьютера/браузера не позволяют загрузить фотографии в сеть. Тогда на помощь приходят специальные сервисы, умеющие сжимать фотографии без потери качества. Использовать можно сторонние утилиты либо стандартные (базовый набор Windows). Поэтому перед тем как уменьшить файл JPG, нужно разобраться, по какому принципу эти программы выполняют свою работу.

Как сжать фото до нужного размера в Paint

Паинт – стандартная программка Windows для обработки любых изображений, поэтому устанавливать ее нет необходимости. С ее помощью можно легко сжать фото до нужного формата. Скачивать ее не нужно, она уже присутствует в базовом наборе операционной системы. Программа проста в обращении – хватит нескольких кликов мышью, чтобы картинка стала нужной величины. Как уменьшить размер файла JPG с помощью Paint:

  1. Откройте картинку в Паинте (правой кнопкой на фото, «открыть с помощью», выберите Paint).
  2. На верхней рабочей панели выберите инструмент «изменить размер».
  3. Выберите пункт «по горизонтали», изменяйте заданное значение в меньшую сторону.
  4. Внесите аналогичное значение в пункте «по вертикали».
  5. Нажмите «ОК».
  6. Сохраните измененный рисунок.

Как уменьшить вес файла JPG в Фотошопе

Очень популярный сервис, который поможет разобраться, как уменьшить объем файла JPG без ухудшения качества – это Фотошоп. Графический редактор с большим набором функций может испугать неопытных пользователей обилием непонятных кнопок. Однако если знать последовательность действий, то сократить количество мегабайт у фотографий будет просто. Перед тем как сжать JPG при помощи Фотошопа, его нужно установить. Что делать после этого:

  1. Откройте картинку Фотошопом (правой кнопкой на фото, «открыть с помощью», выберите Adobe Photoshop).
  2. В качестве альтернативы, картинку можно открыть непосредственно из утилиты – вкладка «Файл» – пункт «Открыть».
  3. В верхней рабочей области меню «Изображение», далее выберите «Размер изображения».
  4. Открывшееся окно позволит вам выбрать все необходимые пропорции фотографии (величина сантиметров/пикселей, ширина).
  5. Внизу окна обязательно отметьте галочкой пункт «Сохранять пропорции» (при изменении параметров они будут редактироваться равномерно).
  6. В меню «Файл» выберите подпункт «Сохранить как».
  7. Выберите джипег формат, который сохранит исходное качество.
  8. После выбора формата нажмите на кнопку «Сохранить».

Другие способы сжать JPG без потери качества

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

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

Утилита/web-сервис

Платформа

Сжатие, процентов

FILEminimizer

Win

-39,3

FileOptimizer

Win

-17,7

ImageOptim

Mac

-18,3

JPEGmini Lite

Mac

-8,2

jStrip

Win

-16,2

PUNYpng

Web

-28

RIOT

Win

-40

Optimizilla: what is it and how to use it

As I explained Optimizilla is a web application, which allows you to lighten images with simplicity.

The first thing to do will be, therefore, connect to the site imagecompressor.com. Once you reach the site you’ll just have to upload the image or more than one.

You can choose whether to do this by dragging the files directly on the page or through the ‘upload files’ button. In the latter case, you will then simply have to search on your PC for the photo or image files you want to compress.

Once the images have been uploaded the compression will start automatically.

At this point, you’ll be able to see the quality of the photos you’ve compressed.

By selecting your images, one by one, in fact, you can compare the original image and the result of compression. As you can see in the screenshot below, on the left is the original image (2.7 MB) and on the right is the compressed image (2.3 MB).

Optimizilla, in fact, performs an automatic compression based on the source image. At this point, you can choose to download the compressed image or intervene “manually” on the compression.

In the latter case, you just need to change the value in the Quality box. Obviously, a higher quality image will correspond to a larger size, and vice versa.

After changing this parameter, you’ll have to click on “Apply” and the photo will be compressed again. When finished, you can then download your image.

Another advantage, as I said, is the ability to compress multiple images at a time. Optimizilla allows you, in fact, to upload up to 20 images at once and download them in bulk after compression, in a single zipper file.

Although we are far from the automation that a WordPress plugin can offer you, it must be said that even this saves a lot of time.

What files can we compress with Optimizilla?

Optimizilla allows you to compress image files in JPEG or PNG format. In both cases, you will always choose the degree of compression of the image, according to your needs.

If, however, the images you need to compress are not in one of the two formats accepted by the tool, you must first save them in one of them. If this is not possible, you will have to use other tools.

Let me give you an example: you can’t use Optimizilla for PDF, but in this case, there are similar services that will allow you to compress files in this format as well. For example, you can compress your PDF files using Adobe Reader. To do this, however, you must have a license of Adobe Acrobat Pro DC.

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

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

Adblock
detector