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

Как уменьшить вес картинки Создание сайта

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

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

Для начала следует оптимизировать размер изображения. Редко когда кому то нужен огромный (более 2000 x 2000px) фото снимок или картинка. И это отдельная история.

Чаще приходится работать с изображениями менее 2000px. И так как их большинство, то имеет смысл для начала, уменьшить все картинки до "рабочего" размера. Сделать это можно в любой графической программе, выставив настройки не снижающие качество изображения.

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

С помощью онлайн сервисов можно уменьшить вес картинки онлайн. Существуют онлайн конвертеры, сжиматели и т.д. Однако, на мой взгляд, самым простым и лучшим решением является Squoosh - легкий, простой и быстрый редактор. Собственно все что вы видите на скрине, это и есть элементы управления. Куда уж проще?

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

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

Уменьшить вес картинки в фотошоп

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

Этап 1: Меню сохранения изображения

Уменьшить вес картинки в фотошоп 1

Этап 2: Выбор варианта сохранения

Уменьшить вес картинки в фотошоп 2

Использование формата WebP

Если использовать формат WebP при сохранении в фотошоп, можно добиться лучшего соотношения ВЕС / КАЧЕСТВО. Если у вашего фотошопа нет плагина позволяющего сохранять картинки в формате WebP, то стоит его установить.

Как проверить наличие WebP в фотошоп

Если при сохранении (Сохранить как) вы не наблюдаете вариант с WebP, то плагина в фотошоп нет.
проверить наличие WebP в фотошоп

Установить плагин WebP в фотошоп

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

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

После установки, файлы WebP будут отображаться в проводнике Windows, как любые другие фото и изображения.

Итоги

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

Поделиться с друзьями
Юлия Иванкова
Юлия Иванкова
Оцените автора
Маркетинг Реклама Разработка
Добавить комментарий

  1. Наталия

    Спасибо, Андрей, Вам за полезную статью. Пробовала много компрессоров сжатия фотографий. Тот, который рекомендуете Вы: ” Squoosh – легкий, простой и быстрый редактор”, действительно очень хорошо и быстро сжимает. Спасибо за дельный совет

    Ответить