Как в фотошопе сделать меньше размер фотографии. Сжимаем изображения в Photoshop без потери качества. Уменьшение для WEB

Уменьшение размера картинки с помощью программы Photoshop.

Простое уменьшение

1. Открываем программу Photoshop, открываем нужный файл. В верхней строке меню выбираем Image (Изображение) -> Image Size (Размер изображения).

2. В появившемся окне видим текущие размеры картинки:

В поле width (ширина) выставляем нужный размер картинки в пикселях. Чтобы при изменении размера картинки соблюдались пропорции, должна стоять галочка в поле Constraip Proportions (Сохранять пропорции).

Уменьшение для WEB

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

3. Во всплывающем окне оптимизации для Web в правом верхнем углу необходимо выбрать формат jpеg (№1)

4. При сохранении файла галочка ICC Profile не должна стоять (№2). Затем выбираем качество сохраняемого изображение (№3). Чем выше качество, тем будет больше "весить" файл. Обычно среднего (medium) качества бывает достаточно.

5. Сохраняем файл (№4).

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

Картинку возможно уменьшить при помощи вырезания.

1. Выбираем инструмент "Рамка"

Выделите на изображении нужную область (выделяя в зажатой кнопкой shift на клавиатуре получится облать квадрата):

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

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

Прежде чем уменьшить картинку в Фотошопе, нужно понять, что это такое – уменьшение. Если Вы хотите использовать фото как аватарку, важно соблюдение определенных пропорций и сохранение нужного разрешения. Также изображение должно иметь маленький вес (примерно несколько килобайт). Все требуемые пропорции Вы сможете отыскать на сайте, где планируете разместить свою «аву». Если же в Ваших планах размещение снимков в интернете, размер и объем требуется уменьшить до приемлемых размеров, то есть, когда ваш снимок будут открывать, он не должен «выпадать» за пределы браузерного окна. Допустимый объем таких изображений составляет примерно несколько сотен килобайт.

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

Способ 1: Кадрирование

Прежде чем уменьшить размер фото в Фотошопе, Вам нужно открыть его. Для этого используем меню программы: «Файл – Открыть» . Далее указываем расположение снимка на вашем компьютере.

Второй вариант – применение инструмента «Прямоугольная область» .

Способ 2: Функция «Размер холста»

Если вам требуется обрезка изображения до конкретных размеров, с удалением крайних частей, поможет пункт меню: «Размер холста» . Этот инструмент незаменим, если нужно убрать что-то лишнее с краев картинки. Данный инструмент расположен в меню: «Изображение – Размер холста» .

«Размер холста» представляет собой окно, в котором указаны действующие параметры фотографии и те, которые у нее будут после редактирования. Потребуется только указать, какие именно Вам нужны размеры, и уточнить, с какой стороны нужно сделать обрезку картинки. Размер Вы можете задать в любой удобной единице измерения (сантиметры, миллиметры, пиксели и т.д.). Сторона, с которой нужно начинать обрезку, можно указать с помощью поля, на котором расположены стрелки. После того как все необходимые параметры будут заданы, нажимаете «ОК» — произойдет кадрирование вашего снимка.

Способ 3: Функция «Размер изображения»

После того как снимок примет нужный Вам вид, можно смело приступать к изменению его размеров. Для этого используйте пункт меню: «Изображение – Размер изображения» .

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

Изменить размер снимка можно также при уменьшив или увеличив разрешение (используйте пункт меню «Разрешение» ). Помните, чем меньше у фото разрешение, тем ниже у него качество, но при этом достигается малый вес.

Сохранение и оптимизация изображения

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

Основную часть окошка занимает изображение. Здесь вы можете его увидеть в том же формате, в каком оно будет отображаться в интернете. В правой части интерфейса вы сможете задать такие параметры, как формат рисунка и его качество. Чем выше показатели, тем лучше качество снимка. Также вы сможете очень сильно изменить качество, используя выпадающий список. Выбираете в нем любое подходящее вам значение (Низкое, Среднее, Высокое, Наилучшее) и оцениваете качество. Если вам нужно исправить какие-то мелочи в размерах, используйте Качество . Внизу страницы вы сможете увидеть, сколько весит снимок на данном этапе редактирования.

С помощью «Размер изображения» задаете подходящие вам параметры для сохранения фото.

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

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

Статья о задании ширины и высоты фото

В Фотошопе реализован специальный метод, который позволяет сохранить резкость и детализацию фото при его увеличении. Этот метод имеется в версиях не старше, чем Photoshop CC.

Для увеличения или уменьшения картинки запустите программу и перейдите в меню «Изображение». В выплывающем списке выберите пункт «Размер изображения». В открывшемся окне и будут производиться все необходимые настройки. Попасть в него можно, воспользовавшись комбинацией клавиш Alt+Ctrl+I.

В окне «Размер изображения» обратите внимание на два пункта: «Ширина» и «Высота». Вы можете изменять их значения, чтобы добиться необходимых параметров. Если вы хотите, чтобы фотография уменьшалась или увеличивалась пропорционально, щёлкните по специальной иконке в виде звеньев слева. Если они сцеплены, то при изменении значения высоты, ширина также будет изменяться пропорционально. Если звенья расцеплены, то каждый параметр изменяется отдельно.

В большинстве случаев взаимосвязь включена

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

Для разных ситуаций свой вариант. Не забываем о ресамплинге

Если в процессе редактирования фотографии вы хотите обеспечить пропорциональную корректировку всех пикселей, обязательно выберите пункт «Ресамплинг». В случае необходимости выберите метод интерполяции в меню «Ресамплинг». Чтобы выбрать параметры ресамплинга, кликните по небольшому треугольнику, после этого развернётся список, в котором можно выбрать один из нескольких режимов:

• Автоматически (Photoshop самостоятельно подберёт наиболее подходящий метод);
• Сохранить детали (выбрав этот метод, становится доступной возможность уменьшения шума);
• Бикубическая с увеличением (использует интерполяцию для получения более гладкой картинки);
• Бикубическая с уменьшением (уменьшает изображения, повышая при этом резкость);
• Более плавные градиенты (анализирует цветы соседних пикселей, позволяет добиться плавных цветовых переходов);
• По соседним пикселям (такой метод применяется для сохранения чётких краёв);
• Билинейная (этот способ основан на добавлении новых пикселей к уже имеющимся, рассчитывая средний цвет).

Программ предлагает несколько вариантов

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

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

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

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

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

Предлагаю скачать эти картинки и потренироваться

1.0.Для начало открыть в ФШ картинку Рис.1 , чтобы узнать её размер

Идём: Панель Меню - Изображение - Размер изображения
или нажимаем клавиатурные сокращение ALT+CTRL+I
Клавиатурные сокращение работают в Английской раскладке

Размер картинки

Ширина: 4006 Пикселы
Высота: 5000 Пикселы
Разрешение: 300 Пикселы/дюйм

1.1.К примеру эту картинку нам нужно сделать:
900 на 1290 пикселы при весе не больше 80К

1)Сначала меняем настройку (в низу)нажимаем на стрелку и выбираем Бикубическая,чётче(наилучшая для уменьшения)

2)Меняем Разрешение с 300 на 72 Пикселы/дюйм
(Такое большое разрешение нужно только для печати для интернета достаточно 72)
Остальные настройки оставляем без изменений.

1.2.Что мы видим,"вес" и размер картинки уже уменьшился.

Теперь подгоним размер картинки.Так как размер картинки не сильно отличается от желаемого (деформация будет почти не заметна).

1)Снимаем первые две галочки в настройках, оставляем только на против" Интерполяция".
Блокировка пропала.

2)Затем просто меняем размеры у Ширины и Высоты как у меня на рисунке.Жмём "Ок"

1.3.Так, с размерами всё сделали теперь нужно уменьшить "вес" работы.

Для чего нужно уменьшать "вес" картинки?

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

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

Для сохранения картинки как всегда идём:
Панель Меню - Файл - Сохранить для Web... или ALT+Shift+CTRL+S

1.4.Сравнивая скрины видно что в формате JPEG наименьший 171,3К.

А можно ли ещё сделать меньше вес картинки?

Для этого нам нужно немного уменьшить настройки "Качества", при этом разница почти будет не заметной.Если всё устраивает Жмём "Сохранить..."

Что делать если у нас очень широкая картинка которую нужно подогнать под эти же размеры?

2.0.Открываем в ФШ картинку Рис.2 ,что бы узнать её размер
Идём: Панель Меню - Изображение - Размер изображения или нажимаем клавиатурные сокращение ALT+CTRL+I

2.1.Меняем настройки как я показала в пункте 1.1. Нажимаем "ОК"

2.2.Изменить размер картинки как показано в пункте 1.2. мы не можем (деформация будет очень заметна ).

Что бы это избежать нужно просто отрезать лишние при помощи инструмента "Рамка"

Берём инструмент "Рамка" выставляем вот такие настройки, задаём нужный нам размер.

2.3.Обратите внимание всё, что внутри выделенной рамки имеет светлый оттенок после отсечения останется. Всё остальное удалится.

В ФШ CS6 выделенная рамка остаётся неподвижной,а вот документ можно передвигать выбирая нужный участок.

Если всё устраивает нажать Enter или как показано на скрине.

2.3.Обязательно проверяем размер нашего рисунка как в пункте 1.0.
Если размеры получились не точными меняем их как в пункте 1.2.

2.4.Сохраняем картинку как в пункте 1.4. предварительно уменьшив "вес".

Результат урока

Рис.1(изменённая)

Рис.2(измененная)

Благодарю за внимание до следующих встреч!

Irina Hochweis

Группа Я +ТЫ учимся вместе - my.mail.ru/community/japlusti/
Оригинал взят у - strelec-l.livejournal.com/135545.html

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

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

Преимущества маленьких картинок

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

Первая – это читатели. Скорость загрузки у всех разная, но каждый хочет, чтобы ресурс открывался как можно быстрее. Если вы используете картинки по 5 мб, то они будут грузиться очень медленно. Помните, были времена, когда рисунок открывался небольшими порциями, полосками? Этого можно добиться и сейчас, стоит только выставить на портал тяжелое изображение.

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

Если вы загрузили здоровенную картинку, то возможно, робот даже не обратит особого внимания на контент, а скажет: «Ну и пожалуйста, ну и не нужно, ну и пошел я проверять чего-нибудь другое, слишком много работы для одного дня». В итоге вы теряете возможность занять высокие позиции.

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

Какой формат использовать

Два самых полезных формата для разработчика сайтов – это jpeg и png. Сейчас объясню почему.

Вот у нас с вами есть рисунок коровы. Открываем его при помощи фотошопа и сохраняем в двух форматах.

Вот так выглядит png. Как вы видите, фон прозрачный. Можно встраивать куда угодно и рисунок будет как будто вырезан. Весит такая картинка довольно много – около 3 мб.

А это формат jpeg. Вес – 260 кб, очень круто. Зато фон белый. Его уже где угодно не используешь. Для картинок к публикации прямоугольное изображение подойдет как нельзя лучше, а вот в качестве элемента дизайна – вопрос спорный.

В каком формате лучше хранить фотографии? Думаю, что теперь вы и сами можете ответить на этот вопрос. В основном все юзают jpg, а избранные картинки хранят в png. Существует еще масса форматов, но я не рекомендую вам морочить с ними голову. Разница будет в цветопередаче. Где-то лучше цвета, где-то хуже. Идеальное сочетание качества и веса – именно jpeg. Ему б еще прозрачность– и вообще бы цены не было.

Теперь перейдем к основному вопросу, как же уменьшать.

Секрет уменьшения фото, о котором вы еще точно не знаете

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

У каждого из нас есть фотошоп. Когда речь идет о горе фоток – он нам нафиг не нужен, пользуйтесь онлайн сервисом! Конечно же, бесплатным.

Это тот же самый фотошоп, но значительно легче и быстрее. Вот ссылка — pixlr.com/editor , можете посмотреть. Все дело в том, что этот сервис – сильно упрощенная версия, а потому работает в разы быстрее. Пока вы откроете Photoshop у себя на компьютере, пока откроете фотографию, затем вторую, потом третью. С ума сойти можно! Нафиг. Пользуйтесь онлайн сервисом и не пожалеете.

Первым делом ставите русский язык. Вкладка Language.

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

Если это png, а оно нам не нужно – выбираем jpg. Обращаем внимание на размер, моментально снизилось.

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

До 50% адекватное сочетание, хотя смотрите сами. Кому как больше нравится. Как по мне, так и 10 смотрится довольно неплохо.

Еще один способ уменьшить изображение

Второй способ мне не особо нравится, нужно действовать по наитию, да и с большим количеством изображений слишком муторно, но… зато действенно. Сейчас я покажу вам как сжать фотку в 5 Мб размером до 60 Kб с сохранением качества.

Итак, открываем фото. В навигаторе слева (на рисунке показано стрелкой) вы можете увидеть полное изображение. В основном окне мы видим лишь его небольшую часть. Я специально увеличил до 100%. Открыть такую картинку в полном размере можно только что на билборде или экране в кинотеатре. Ну и зачем на сайте использовать такие картинки?

Переходим в раздел «Изображение» и выбираем «размер».

Теперь нажимаем на любую стрелочку – хоть рядом с длиной, хоть с шириной. Не важно.

И начинаем дергать за ползунок.

Вот о чем я и говорил, действовать приходится по наитию. Оптимальные размеры экрана, как правило 1024 х 768. По другим данным 1366 х 768. Если вы собираетесь использовать фотку в качестве визуального материала к статье, то понятное дело размер будет меньше. Не на весь же экран ее открывать. Хотя некоторых читателей может и заинтересует рисунок и они захотят ее открыть в новом окне. Короче говоря, тут придется вам думать самим. Исходя из задач.

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

Я уменьшил ее еще.

Готово. Теперь, вес составляет всего 60 Кб.

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

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

Ну а для тех, кто хочет постичь магию фотошопа, я, в очередной раз порекомендую курс Зинаиды Лукьяновой — Фотошоп с нуля в видеоформате VIP 3.0 . Это существенно ускорит ваш процесс обучения и понимания технической части и позволит перейти к нарабатыванию опыта.

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

Решать, конечно же, вам. Теперь у вас есть вся информация, чтобы подумать и принять правильное решение.

До новых встреч и удачи в ваших начинаниях.