Всем доброго времени суток!

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

как сжать картинку без потери качества

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

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

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

Для чего уменьшать вес изображения

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

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

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

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

Это основные доводы, призывающие отнестись к теме поста серьезно. И даже если у вас нет своего собственного ресурса, статья в любое время может оказаться для вас полезной. Наверняка вы сталкивались с такой проблемой, когда какой-либо сервис, форум или портал требуют загрузить изображение определенного веса и размера? Как быть в этом случае? Давайте разбираться!

Итак, что касается этого способа сжатия картинки, вам понадобится приобрести и установить на свой компьютер редактор Adobe Photoshop. Программа платная, но если хорошенько поискать... В общем, не мне вам объяснять, я думаю, разберетесь.

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

Я надеюсь все справились с задачей загрузки изображения в окно программы Adobe Photoshop и теперь самое время рассмотреть, как можно уменьшить вес картинки без потери качества. Для примера я взял одну из фотографий, вес которой составляет 1,27 Mb (Мегабайт):

как сжать изображение без потери качества-2

на этом фото я и буду показывать сжатие. Первым делом я советую вам обратить внимание на размер изображения. Если взять к примеру любой сайт, то ширина шаблона имеет определенные ограничения. Шаблон, используемый на моем  блоге, имеет ограничение по ширине 600 px (пикселей), а фото, которое я собираюсь загрузить — 7139 px:

как сжать картинку без потери качества-1

Для уменьшения размера изображения перейдите во вкладку программы Adobe Photoshop «Изображение/Размер изображения» и задайте необходимые параметры ширины и высоты картинки. Если в поле «Сохранить пропорции» установлена галочка, то достаточно задать один из параметров, второй автоматически подстроится, соблюдая пропорции.

Я установил в поле «Ширина» максимальное значение 600 px. Теперь мне нужно сохранить изображение на своем ПК (персональном компьютере). Для этого я перехожу во вкладку «Файл/Сохранить для Web устройств». Обязательно выбирайте именно этот пункт, что позволит максимально оптимизировать изображение для загрузки в сеть:

как уменьшить вес фото без потери качества-3

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

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

В моем случае ее вес сократился до 30,07 K (Килобайт), это почти в 35 раз меньше изначального размера! Причем качество изображения не изменилось, по крайней мере, для человеческого глаза оно не заметно. Но это еще не все!

В этом окне с настройками вы можете еще уменьшить вес, выбрав необходимый формат изображения и качество его отображения:

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

Все будет зависеть от того, какого именно качества вы хотите добиться. Здесь я вникать в подробности не буду, думаю, разберетесь сами без особого труда. Поиграйте с настройками, поэкспериментируйте и таким путем можно добиться оптимальных параметров «Размер/Качество».

После того, как все настройки будут подобраны, жмем кнопку «Сохранить», указываем путь, куда будет сохранено изображение, и снова жмем «Сохранить». На этом сжатие картинки окончено. В итоге вес моей картинки получился 15,19 K (Килобайт). Такие картинки будут загружаться в считанные секунды и ваш хостер долгое время не сможет вас уличить в чрезмерном использовании виртуально пространства.

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

-->Подписаться на обновления блога<--

Как вам статья? А каким образом вы сжимаете изображения без потери качества? Поделитесь своими секретами в комментариях к данному посту!

С уважением, Николай Коротков