Эффективно уменьшаем размер изображения без потери качества

Привет, друзья!

Это очередной материал по работе с изображениями.

В нем вы узнаете, как уменьшить размер изображения без потери качества с помощью Paint, Photoshop и онлайн сервиса.

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

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

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

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

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

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

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

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

Теперь для любителей текстовых инструкций.

Изменение размера в Paint

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

Открываем изображение в Paint и на вкладке "Главная" имеется пункт "Изменить размер".

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

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

На это изменение размера изображения в Paint закончили.

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

Теперь рассмотрим вариант с помощью Photoshop.

к содержанию ↑

Изменение размера в Photoshop

Открываем в программе наше изображение и двигаемся в пункт "Изображение - Размер изображения".

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

После нажатия на кнопку "Ок" параметры размера будут применены и можно сохранить файл.

Данных способов вполне достаточно для изменения размеров высоты и ширины изображений.

Теперь мы рассмотрим 2 способа, как можно уменьшить вес изображений.

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

к содержанию ↑

Уменьшения веса в Photoshop

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

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

В следующем окне необходимо задать параметры качества изображения:

  • Качество - высокое (60-70). Значение регулируете под свои нужды;
  • Формат - jpeg. Если на изображении нужно сохранить прозрачные области, то нужен формат png;
  • Также ставим настройку "Прогрессивный".

Также можете менять размеры прямо в этом окне, а не отдельно через пункт "Изображение - размер изображения", как я это показал в пункте ранее. Это очень удобно.

После настройки параметров сохраняете настройки (см. скриншот выше).

Только этим способом мне удалось снизить вес картинки с 116 кб до 75 кб, не изменяя при этом размеров (высота и ширина остались прежними).

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

Теперь рассмотрим, как уменьшить вес при помощь онлайн сервиса.

к содержанию ↑

Онлайн сервис для оптимизации

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

Сервис имеет название krakin.io. Переходим на него. Я дал ссылку уже сразу на страницу выбора изображения.

На данной странице нужно сначала определиться со степенью сжатия изображения. За это отвечают 2 параметра:

  • Lossy - сильное сжатие (стоит по-умолчанию);
  • Lossless - меньшее сжатие.

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

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

Изображение сразу оптимизируется и отчет о проделанной работе мы увидим под областью для выбора файла.

Видно, что оригинальный размер файла был 77 кб, а после оптимизации он стал 59 кб. Также показывает сколько было сжато в килобайтах (18 кб) и в процентном отношении (23.8%).

Чтобы сохранить сжатое изображение, необходимо нажать на кнопку "Download this file" в последней колонке "Status". Нас перекинет на новую вкладку, где откроется итоговое изображение, чтобы мы могли его оценить. Для сохранения нужно нажать правую кнопку мыши на изображении и выбрать пункт "Сохранить картинку как".

Далее по стандарту выбираем место сохранения и прописываем имя файлу.

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

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

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

Пока.

С уважением, Константин Хмелев!

40 лет Победы51937Украина, Днепропетровская обл., г. Днепродзержинск,+38 093 338 11 41
Комментариев: 13
  • Ваша статься полезна. Но я пользуюсь и для уменьшения размера и для изменения параметров качества легкой и бесплатной программой FastStone Image Viewer. Она меня устраивает во всех отношениях и, заодно, служит отличным просмотровщиком картинок и фотографий.

  • Спасибо за статью, конечно, но говорить о сохранении качества при уменьшении размера такими способами не приходится: качество теряется, и еще как, как через пеинт, так и через фотошоп. Особенно видно на скриншотах с текстом.

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

  • Ещё раз большое спасибо.Альбомчик открывается-альбомчик закрывается. В ВЕБе сохраняется. Ваш урок меня выручил. Радости моей нет предела!!!

  • Статья не соответствует названию

  • Статья полезная. Спасибо, за выбор вариантов для уменьшения веса картинки. Есть еще один способ, я им пользуюсь. Это он-лайн сервис: http://optimizilla.com/ru/ Вес изображения можно уменьшить без потери качества.

  • Для уменьшения веса пользуюсь TinyPNG, а также для редактирования использую Паинт и стандартный редактор Майкрософт. В Фотошопе пока не сильна.

  • Константин, проверь пожалуйста ссылка не работает "Сервис имеет название krakin.io. Переходим на него" ....

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

  • Привет! Я начинающий блогер и мне все нравится и полезно ,изучила и буду пользоваться. Очень благодарна.

  • Мда.
    Lossy — это сжатие с потерями. Lossless — без потерь.

  • Статья на что нацелена? Если это для блогеров или просто для тех у кого сайт на wordpress то самый лучший способ уменьшить изображения без потери это установить плагин - EWWW Image Optimizer. Описывать его не буду, у вас у всех есть google))
    Но скажу что плагин бомба, он все делает за вас. Не нужно в пеинте или в фотошопе лазить и каждую картинку обрезать для заливки на сайт.

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

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

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