Как уменьшить размер изображения

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

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

Рассматривать будем сразу 2 аспекта уменьшения. Ведь любое изображение имеет 2 вида размеров

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

Зачем уменьшать размер изображений?

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

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

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

Чтобы изменить размер изображений не обязательно ставить на пк сторонний софт. В системе уже присутствует программа для редактирования изображений Paint. Забыл сказать, что у пользователей OS Windows.

И так. Откроем изображение с помощью графического редактора paint и на панели инструментов есть кнопка Изменить размер

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

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

Уменьшая изображение по высоте и ширине, уменьшаем и вес изображения в килобайтах!

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

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

Уменьшаем в программе photescape

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

Сохраняем изображение в photescape

И нам открывается большое меню, как именно сохранить изображение

  1. Мы можем просто сохранить отредактированную картинку, нажав Сохранить.
  2. Мы можем изменить формат изображение, например с jpg на png, нажав Сохранить как.
  3. Можем уменьшить и вес изображения за счет изменения качества, подвигав соответствующий бегунок.

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

Уменьшаем размер картинки в программе RIOT

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

Программа riot

Открыв изображение в riot, сразу видим 2 варианта. Исходный слева и измененный справа. Как видите на скриншоте выше, размер изображения в килобайтах изменился на лету, за счет снижения качества исходника. Если этого не требуется, бегунком выставите 100% качество. Нажав на кнопку изображения в правом окне, откроем меню уменьшения размера в пикселях. Так же riot позволяет вращать изображение. Есть и пакетный преобразователь. Поковыряйте настройки программы — удивитесь! Программа на аклицком, но думаю, разобраться в ней не сложно.

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

Уменьшить размер изображения с помощью Photoshop

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

Изменяем размер картинки в пикселях

Открываем нужное нам изображение в фотошопе и на панели выбираем Изображение — Размер

Изменяем размер в photoshop

У кого английская версия photoshop жмите Image — Image Size. Так же окно изменения размера изображения можно вызвать сочетанием клавиш Ctrl+Alt+I

Сохраняем в photoshop

и в открывшемся окне, проверить объединены ли ширина и высота знаком цепь. Это сохраняет пропорции изменяемого изображения. Далее выставить свои размеры и сразу вверху увидеть как изменился вес после применения ваших размеров. Далее Ок и переходим в меню Файл — Сохранить как. В английской версии File — Save As. Или сочетанием клавиш Ctrl+Shift+S для всех версий фотошопа.

Изменяем вес картинки в килобайтах

Для тех же кому нужно изменить и вес изображения, должны перейти в меню Файл — Сохранить для Web, а в аглицкой версии File-Save for Web. Или как всегда сочетанием клавиш Alt+Shift+Ctrl+S

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

Здесь можно сразу перейти на вкладку 4 варианта и увидеть, какие варианты сохранения предлагает сама программа. Можно сразу увидеть размер изображений в килобайтах. Далее можно выбрать формат сохраняемого изображения, например jpg или gif. Если вас не устраивают предложенные варианты, кликните на стрелку возле окошка Качество и уменьшите ползунок. Можно просто вписать цифрами и нажать ентер. Предложенные варианты уменьшаемого изображения сразу изменятся. Изменится вес в килобайтах. Выберите понравившийся вам вариант и жмите Сохранить.

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

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

На этом все! Берегите себя и удачи Вам!

Понравилась статья — поделитесь ею в социальных сетях с друзьями
Подписаться на НОВЫЕ статьи!
Введите Ваш e-mail, чтобы знать куда отправлять Вам новости блога

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