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

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

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

В другом – размер изображения означает его вес в Кб или в Мб.

Блок: 1/5 | Кол-во символов: 411
Источник: https://webentrance.ru/umenshenie-razmera-izobrazheniya/

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

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

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

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

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

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

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

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

Блок: 2/5 | Кол-во символов: 938
Источник: http://kostyakhmelev.ru/kontent/kak-umenshit-razmer-izobrazheniya-bez-poteri-kachestva.html

Небольшой совет


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

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

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

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

Ну а теперь давайте приступим к основным моментам в работе с увеличением и уменьшением фото.

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

Блок: 2/5 | Кол-во символов: 1356
Источник: http://start-luck.ru/photoshop/umenshit-razmer-izobrazheniya.html

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

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

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

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

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

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

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

Блок: 3/5 | Кол-во символов: 744
Источник: http://kostyakhmelev.ru/kontent/kak-umenshit-razmer-izobrazheniya-bez-poteri-kachestva.html

Масштабирование

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

Предположим мне нужно увеличить скриншот компьютерной мыши в виде машинки с Ali.

Я ни за что не полезу в инструменты. Я просто зажму Alt на клавиатуре и начну двигать колесиком мыши. Это намного быстрее.

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

Блок: 3/5 | Кол-во символов: 636
Источник: http://start-luck.ru/photoshop/umenshit-razmer-izobrazheniya.html

Изменяем вес изображения


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

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

Плагин RIOT способен интегрироваться в популярные программы для редактирования изображений, такие, как GIMP и IrfanView.

Уменьшаем вес

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

Но если для сайта потребуется ещё уменьшить изображение, что часто очень желательно, то можно сохранить полученное изображение с функцией для Web.

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

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

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

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

Блок: 4/5 | Кол-во символов: 1248
Источник: https://webentrance.ru/umenshenie-razmera-izobrazheniya/

Размер и пропорции

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

Сейчас я покажу вам другой метод. Более простой. Он идеально подойдет если у вас уже готова пачка картинок для сайта и вам осталось только быстренько разобраться с размерами. Я постоянно использую этот метод.

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

Мне нужна функция «Сохранить для веб». На самом деле, она просто так называется. Естественно, вы можете использовать ее и для других целей. Например, подготовить картинки для собственной книги или отправки по электронной почте. Кстати, одна из самых популярных статей моего блога как раз о том, как вставить рисунок в тело письма. Функция довольно востребованная.

Чтобы вызвать это окно я нажимаю одновременно Shift + Ctrl +Alt + S. Первое время это сочетание казалось мне слишком длинным и неудобным, но со временем я понял, что это в разы удобнее.

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

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

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

Разобраться нужно только с размером. Для меня почти всегда важна ширина. Я просто щелкаю по окну и вставляю свое значение. Затем кликаю Enter.

Так как рядом со значениям стоит скобка высота выстраивается автоматически. Таким образом, что не происходит смещение пропорций.

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

Теперь давайте немного поговорим о весе. Ведь его тоже можно поправить при помощи этой функции.

Блок: 4/5 | Кол-во символов: 2527
Источник: http://start-luck.ru/photoshop/umenshit-razmer-izobrazheniya.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пока.

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

Блок: 5/5 | Кол-во символов: 1979
Источник: http://kostyakhmelev.ru/kontent/kak-umenshit-razmer-izobrazheniya-bez-poteri-kachestva.html

Вес


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

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

Выбираем «Сохранить для веб», снова щелкаем Shift +Ctrl + Alt + S, но из раздела «Оптимизация» переходим в «4 варианта». Все вроде бы то же самое, но первая картинка – это оригинал, а каждая последующая сохранена при соблюдении более низкого порога качества.

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

К сожалению, пока в фотошопе нет функции, которая позволяла бы задавать вес фотографии, но вы можете сами посмотреть и если вам нужно, чтобы он был до 300 или 500 Кб, то кликнуть на тот вариант, который вам подходит. Затем жмем Enter или кнопку «Сохранить».

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

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

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

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

Блок: 5/5 | Кол-во символов: 1784
Источник: http://start-luck.ru/photoshop/umenshit-razmer-izobrazheniya.html

Кол-во блоков: 15 | Общее кол-во символов: 18392
Количество использованных доноров: 5
Информация по каждому донору:

  1. http://kostyakhmelev.ru/kontent/kak-umenshit-razmer-izobrazheniya-bez-poteri-kachestva.html: использовано 3 блоков из 5, кол-во символов 3661 (20%)
  2. https://webentrance.ru/umenshenie-razmera-izobrazheniya/: использовано 4 блоков из 5, кол-во символов 3809 (21%)
  3. https://www.iloveimg.com/ru/compress-image: использовано 2 блоков из 3, кол-во символов 648 (4%)
  4. http://monymaker.ru/kak-umenshit-razmer-kartinki-bez-poteri-kachestva.html: использовано 2 блоков из 3, кол-во символов 3971 (22%)
  5. http://start-luck.ru/photoshop/umenshit-razmer-izobrazheniya.html: использовано 4 блоков из 5, кол-во символов 6303 (34%)


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.