Как подогнать изображение в фотошопе под нужный размер: Изменение размера изображений в Photoshop

Содержание

Как при помощи Рамки изменить размеры фото для печати

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

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

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

Препятствие это появляется из-за несоответствия сторон фото бумаги как правило соотношение 3:4. Существуют и другие форматы бумаги менее распространённые.

В соотношении же сторон кадра фотоаппаратов такого единства не наблюдается. Полнокадровый аппарат, как правило профессиональный, имеет соотношение сторон кадра 2:3 (24 на 36 мм). Матрицы любительских аппаратов обладают кроп- фактором, разным в зависимости от производителя и класса камеры может быть, как 1.5, 1.6 так и 2.7.

Кроп-фактор обозначает величину условного увеличения фокусного расстояния при использовании кадра меньшего размера, чем тот, на который рассчитан объектив. Физически выражается отношением диагонали стандартного кадра к диагонали используемого. В большинстве случаев за стандартный принимается малоформатный кадр 35-мм фотопленки размером 24 х 36 мм. Поэтому, кроп-фактор «полнокадровой» матрицы, соответствующей размерам такого кадра равен единице.

Вот так будут выглядеть отпечатки с полнокадрового аппарата (А) и с кропом 1.5 (В) на бумаге формата А4 без натяжки и обрезки, так сказать как есть. Как видите разница в ширине полей практически не заметна, однако она есть.

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

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

Изменение размера фото

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

Внизу окна документа рядом с выводом сведений нажмем стрелку, в открывшемся списке параметров выберем Document Dimensions (Размеры Документа) теперь можно видеть текущие размеры и разрешение.

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

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

Теперь берем в руки рамку (клавиша С) на панели параметров открываем список предустановок, выбираем H x W Resolutions

Используя поля ввода указываем нужные значения, в поле разрешение устанавливаем 300 пикс.  на дюйм (px/in).

Сохраняем набор параметров используя пункт New Group Preset…

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

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

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

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

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

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

Уменьшить вес картинки можно различными программами и онлайн-сервисами, но рекомендую использовать графический редактор Adobe Photoshop. В сравнении с другими результат лучше.

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

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

  1. Загружаете картинку в Photoshop. (Скачал для примера. Размер 1194х798 пикселей. Вес 448 КБ).
  2. В верхнем меню выбираете Изображение ⇒ Размер изображения .
  3. Оставляете галочку в пункте Сохранять пропорции . Указываете ширину или высоту картинки, второй измениться пропорционально. Ок .

  4. Перейдите в меню Файл ⇒ Сохранить для Web…
  5. В новом окне выбираете формат сохраняемого изображения и его качества. Если в пункте 3 уменьшили размер картинки, то здесь уменьшим вес. Попробуйте разные варианты, выберите подходящий. Для публикации на сайте пользуюсь jpeg качество 40. Жмёте Ок.

После таких манипуляций получили картинку размерами 600х401 пиксель. Вес 47 КБ. То есть уменьшили вес изображения практически в 10 раз!

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

Итак, сегодня мы попытаемся разобраться с вами, как изменить размер изображения в «Фотошопе». Если честно, то вариантов развития событий тут несколько. Например, существует несколько подходов к реализации затеи. Речь идет о пропорциональном изменении или обычном, произвольном. В зависимости от этого и будет выбираться наиболее удобный способ. Давайте же как можно скорее приступим с вами к изучению нашего сегодняшнего вопроса. Ведь работа в «Фотошопе» нынче — это то, что должен уметь каждый человек.

Что такое «пропорционально»

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

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

Но в «Фотошопе», сохраняя пропорции? Давайте попробуем разобраться в алгоритме действий. Неважно, какая у вас установлена версия — новая или более старая. Все манипуляции в основном выполняются при помощи сочетания клавиш. А они во всех «сборках» одинаковы.

Пропорциональное изменение

Первый вариант развития событий — это масштабирование при помощи Можно использовать данный метод как для изменения частей изображения, так и для всей картинки в целом.

Для начала нужно выделить все, что будете масштабировать. Например, всю картинку. Нажмите на Ctrl + A. Теперь посмотрите на то, что произошло — по краям появилась рамка. Схватите курсором мышки любой уголок (он будет помечен квадратиком), а затем зажмите кнопку Shift. Что дальше? Просто «тяните» за угол изображения. Вверх — для увеличения (если взялись за верхний уголок) и вниз для уменьшения элементов. При зажатом Shift будет происходить пропорциональное изменение. Вот и проблемы решены. Теперь нам известно, каким образом можно изменить размер изображения в «Фотошопе» (или каких-то элементов) с сохранением пропорций. Но это еще не все, что необходимо знать о масштабировании.

Параметры в помощь

К примеру, сохранить все пропорции можно и при помощи параметров изображения. С ними вы сможете очень быстро разобраться, как изменить размер изображения в «Фотошопе». Но каким образом следует поступить, чтобы реализовать задумку?

Для начала откройте нужную картинку в программе. Только после этого можно будет задумываться над следующими шагами. Как изменить размер изображения в «Фотошопе» CS6 или любой другой версии при помощи параметров? Найдите на (сверху, а не на боковой) надпись «Изображение». Теперь нажмите там на функцию «Размер изображения».

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

Клавиши

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

Чтобы попасть в меню «Размер изображения», достаточно одновременно нажать в «Фотошопе» Alt + Ctrl + l. После этого перед вами откроется небольшое окошко с настройками. С ними мы уже знакомы. Изменяем цифры в полях (в пикселях или любых других величинах, в зависимости от вашей нужды), ставим галочку напротив «сохранить пропорции», а затем жмем на «Ок». Вот и все. Теперь посмотрите на результат. Он будет точно таким же, как и в предыдущем варианте. Запомните сочетание Alt + Ctrl + l. Оно еще может пригодиться вам. Тем более что данный подход сокращает время обработки изображения.

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

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

Чтобы в произвольной форме изменить размеры картинки, просто выделите изображение (Ctrl + A), после чего «хватайтесь» за разные углы по краям. Нужные места будут отмечены полупрозрачным квадратиком. Готовы? Нужно просто растягивать изображение при помощи подобных «маркеров».

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

Частично

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

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

Второй подход — использование «лассо». Этот инструмент также находится на панели инструментов. Обычное «лассо» помогает в произвольной форме выделить тот или иной участок. Магнитное — «привязывает» точки выделения к наиболее темным участкам на области, где вы провели курсором. И полигональное — выделяет целые полигоны изображения. Чаще всего используют «магнитный» вариант. После выделения вы можете использовать любой из описанных методов, чтобы изменить размер элемента.

Итоги

Итак, сегодня мы познакомились с вами со способами выделения участков изображения, а также с изменением размеров картинки в «Фотошопе». Как видите, не так уж это и трудно, как может показаться на первый взгляд. Главное, запомните — пропорциональность в программе активируется при помощи клавиши Shift. Она еще далеко не один раз пригодится вам.

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

Я смотрю на свою фотографию, а она размером 1920*1200 и весит больше мегабайта. Естественно такую фотографию этот сайт не загрузит. А что делать? Ну в общем ради этого мы здесь и собрались.

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

Простое сохранение

  1. Для начала загрузите изображение в фотошоп.
  2. А теперь идите в главное меню и выберете пункт «Изображение» , и в открывшемся выпадающем списке «Размер изображения» .

В открывшемся окне вы можете увидеть две ячейки (ширина и высота) с текущим размером картинки. Именно здесь вам и предстоит поменять сам размерчик.

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

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

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

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

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

Мне нужна фотография для сайта размером 200*200 пикселей. Я беру нашу фотку размером 1920*1200 и загружаю в фотошоп. А дальше по пунктам.


Сохранение для WEB

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

Итак, у нас снова неразмеченная картинка с большим разрешением. Если нужно кадрировать, то кадрируйте, но дальше вы должны нажать «Файл» , затем «Экспортировать» , а в следующем выпаде выберете «Сохранить для web (старая версия)» .

ВНИМАНИЕ! Данный путь действителен для Фотошопа версии 2015. Для более ранних версий вы просто заходите в меню «Файл» и выбираете «Сохранить для web». Никакого пункта «Экспортировать» там не будет.

В открывшемся окне выберете «Высокое качество JPG» и качество можно не ставить больше 60 . Если выставить больше, то разницы вы не заметите, а картинка-то будет больше места занимать, хоть и не очень значительно.

Ниже вы увидите строчку «Размер изображения» . Суть абсолютно такая же, как и в предыдущем примере. Вам нужно уменьшить размер по ширине и высоте. Даже цепочка есть). Ставим до 200*200, ну а потом нажимаете «Сохранить» . Вуаля)

В итоге, с помощью двух вышеуказанных способов, я получил два изображения размером 200*200 пикселей. Но у первого изображения размер (объем) составляет 26 килобайт, а у второго 10. Соответственно второй использовать удобнее, но только, если вы сохраняете для сайтов. Для обычного хранения уменьшенной копии лучше использовать первый способ.

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

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

Ну а на этой веселой ноте я свой сегодняшний урок заканчиваю. Тренируйтесь, практикуйтесь, а самое главное не забудьте подписаться на обновление моего блога, если хотите буть в курсе всего самого интересного. Успехов вам и пока-пока!

С уважением, Дмитрий Костин.

Инструкция

Прежде всего запускаем программу Adobe Photoshop и открываем нужный нам файл. Это делается через меню File>Open (Файл>Открыть). Выбираем этот пункт меню, находим на диске нужный нам файл, кликаем на него мышкой и нажимаем кнопку ОК. Файл загрузился.
Теперь необходимо подумать, а каким должен быть новый размер нашего изображения. Это зависит от дальнейшей его судьбы. Как правило, изображение может быть предназначено:

Для полиграфического исполнения на (в журналах, газетах и т.п.)

Для публикации на фотосайтах в интернете

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

Чаще всего необходимо подготовить файл для того, чтоб послать его кому-то по электронной почте или выложить на какой-нибудь сайт. То есть, на изображение необходимо будет в дальнейшем просто смотреть на экране монитора – оно и должно быть не больше разрешения экрана среднего размера. Таким образом, определяющими для нас будут размеры экрана (примерно 1250 на 1000 точек).
Находим в меню Image пункт Image Size (Размер изображения) или нажимаем на клавиатуре сочетание клавиш Alt+Ctrl+I (то есть, удерживая нажатыми Alt и Control, нажимаем латинскую I). Перед нами открывается окно с параметрами размера изображения.

В английской версии фотошопа оно выглядит так:

В первых двух полях видим цифры, определяющие размер картинки. В данном случае наша исходная картинка имеет размер 1999 на 1332 пикселя. Допустим, нам необходимо подготовить ее для того, чтобы поместить на своей страничке в ЖЖ. Лента живого , как правило, занимает процентов 80% от полной ширины , то есть, нам нет смысла вывешивать туда картинку, превышающую эту ширину.
Вводим в верхнее поле Width (Ширина) значение 1000 пикселей. При этом значение высоты (Height) картинки автоматически подверглось пересчету и теперь высвечивается в виде 666. (Ничего мистического;)) Если этого не произошло, то на всякий случай проверяем настройки опций внизу окна – там должны стоять галочки напротив пунктов Constrain Proportions (Сохранять пропорции) и Resample Image (Пересчитывать изображение). Пропорции не нарушены, изображение может быть пересчитано.

Нажимаем кнопку ОК и видим, как изображение стало несколько меньше.
Можем его сохранить на диск с новым размером и названием. Находим в меню File (Файл) пункт Save As (Сохранить Как) и выбираем куда и с каким именем будет сохранени наша картинка.
Помните! После уменьшения файла информация об изображении теряется и искажается (даже если «на глаз» это незаметно). Потом восстановить ее обратно – снова увеличить изображение в полном качестве вам не удастся никакими техническими средствами. Поэтому настоятельно рекомендуется оставлять исходный файл нетронутым, а все преобразованные и уменьшенные картинки сохранять с другим именем или в другом месте, чтобы всегда была возможность заново обратиться к первоисточнику. Мало ли для чего может понадобиться вам эта фотография через год, и, разумеется, вам будет очень обидно, если вместо нее вы найдете лишь уменьшенную искаженную копию.

Чуть иначе поступим с пересчетом параметров изображения, если наша цель – подготовить его к полиграфическому исполнению. Тут нужно исходить из того, какой размер должен быть у напечатанной иллюстрации. Допустим мы знаем, что она должна быть 5 см в высоту. Но сколько в этих пяти сантиметрах пикселей?
У полиграфистов свои стандарты и системы измерения. Традиционно они определяют соотношение размерностей, ориентируясь на дюйм (inch). По требованию современной полиграфии изображение приемлемого качества должно быть подготовлено из расчета 300 точек на дюйм (300 dpi, 300 pixel/inch). То есть, квадратное изображение дюйм на дюйм должно иметь размерность 300 на 300 пикселей. Но нам не обязательно вручную пересчитывать, сколько дюймов в нашей иллюстрации и сколько пикселей для этого потребуется, возложим эту операцию на плечи автоматики.
Заходим в пункт Image Size меню Image (или, как мы уже знаем, нажимаем на клавиатуре сочетание клавиш Alt+Ctrl+I). Видим окно с параметрами размера изображения.

Переводим свое изображение в полиграфическую систему измерения. Временно выключаем галочку в пункте Resample Image (Пересчитывать изображение). Изображение останется нетронутым. Теперь в поле Resolution (Разрешение) устанавливаем необходимый нам параметр 300 pixel/inch. После этого мы уверены, что параметры высоты и ширины документа показывают нам реальный напечатанный размер картинки – в нашем случае, если файл не уменьшать, он может быть напечатан размерами около 17 на 11 см. Но это для нас излишне, фотографию можно уменьшить без претензии со стороны полиграфистов. Для этого снимаем галочку с пункта Resample Image и вводим нужный нам размер иллюстрации в соответствующее поле. Видим, что пропорционально изменилась и ширина картинки, документ имеет теперь размер 7,5 на 5 сантиметров, а также стал известен размер картинки в – 886 на 591 точек. ОК.
Помните! В различных типографиях могут быть свои требования к подготовке изображений, поэтому проконсультируйтесь о том, с каким разрешением вам необходимо подготовить файлы. Будет очень обидно, если по техническому незнанию ваши иллюстрации выйдут на печати мутными, нечеткими и искаженными.

Бывает и другая необходимость. Иногда точно известен конечный размер картинки, например для создания – 100 на 100 пикселей, а наше исходное изображение мало того, что гораздо больше, но и имеет совсем иные пропорции. Как тут поступить?
Открываем изображение и осуществляем такую операцию: находим пункт меню Layer>New>Layer from Background (Создать слой из фона). Затем устанавливаем конечный размер изображения, зайдя в меню Image>Canvas Size (Размер холста) – там видим два поля с цифрами, в которые и вводим нужные нам значения ширины и высоты будущей картинки (например 100 на 100 пикселей)
Вот, что у нас получилось: сквозь небольшое окошко виден лишь маленький участок исходной картинки, края которой выходят за поле видимости и «не вмещаются» в конечный формат.

Нажимаем комбинацию клавиш Ctrl+T (или находим в меню Edit пункт Free Transform / Свободная трансформация) и, передвигая квадратные указатели по углам слоя, подбираем необходимый фрагмент, который будет виден на конечном изображении (при перетягивании управляющих элементов рекомендуется удерживать клавишу Shift – это позволит сохранять пропорции исходной картинки). Подтверждаем изменения клавишей Enter.
Закончив трансформацию, удаляем из файла ненужную теперь информацию об обрезанных краях изображения – выбираем в меню Layer пункт Flatten Image.
Сохраняем получившуюся картинку через меню File>Save As (Сохранить Как)

Видео по теме

Источники:

  • как уменьшать картинки

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

1 голос

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

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

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

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

Первая – это читатели. Скорость загрузки у всех разная, но каждый хочет, чтобы ресурс открывался как можно быстрее. Если вы используете картинки по 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 . Это существенно ускорит ваш процесс обучения и понимания технической части и позволит перейти к нарабатыванию опыта.

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

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

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

Изменить размер вставляемого изображения в photoshop. Как сделать фотографии нужного размера под нестандартную фоторамку

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

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

Перед нами появится окно, в котором мы и будем менять размер рисунка.

Обратите внимание, что в настройках размера есть два поля – это Размерность и Размер печатного оттиска . В чем же разница между ними? Размер печатного оттиска отображает ширину и высоту печатаемого документа, то есть при отправке на принтер, мы получим, в данном случае, изображение на бумаге, размером 20,11 х 14,66 см с разрешением 72 пикс/дюйм. Но что будет, если мы поменяем разрешение на 300 пикс/дюйм? В этом случае размер печатного оттиска не изменится, а поменяется Размерность . Теперь она составляет 2375 х 1708 пикс.

Объясню, что произошло. Photoshop, используя свои алгоритмы, достроил изображение до разрешения в 300 пикс/дюйм, добавив туда несколько сотен пикселей.

Понятное дело, качество рисунка от этого не улучшится, то есть изображение станет мутноватым. Но по сравнению, скажем, с Paint, Photoshop гораздо лучше справляется с этой задачей – пиксели сглаживаются. На рисунке слева – иконка, увеличенная в 10 раз при помощи Paint, справа – при помощи Photoshop.

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

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

К примеру, у нас есть вот такое изображение, размером 120 х 80 пикс.

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

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

В итоге получаем иконку нужного нам размера.

На этом все. Думаю, что эта статья будет полезна всем, кто начинает знакомство с программой Adobe Photoshop.

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

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

Выбрав функцию, откроется окно, в котором можно изменить размер картинки.

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

Следующее меню –»Подогнать под…» Выбрав его, в раскрывающемся окне можно увидеть варианты, под которые сразу, как шаблон подгоняется размер картинки.

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

Например, изменяем по пикселям. Очень часто нам говорят: «Изображение должно быть столько на столько пикселей». Это и есть оно. Выставляем нужное значение, скажем 640х480. Когда вы вводите одно значение, второе автоматически проставляется. Это связано с тем, что значения закреплены и выставляются пропорционально, что бы картинка не растягивалась.

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

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

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

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

Теперь, если сохранить картинку, мы увидим только оставшееся увеличенное изображение. Этот способ используется, если необходимо на какой-то фотографии или изображении увеличить небольшой объект. Однако качество увеличения зависит от размеров картинки в пикселях. Чем оно больше, тем качество будет, соответственно лучше.

Как в фотошоп менять размер изображения на слое, сохраняя пропорции?

Теперь посмотрим, как изменить размер изображения на слое. В принципе, вставляя любое изображение, оно отображается на отдельном слое. Так устроен Photoshop, что если Вы делаете коллаж из 10 фото то и слоев будет как минимум 10. А когда сохраняете коллаж в Jpg, то эти слои сводятся в один и получается фото.

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

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

Изменяем размер вставленного объекта на слое

Изменить размер картинки, можно также через меню «Свободное трансформирование» во вкладке «Редактирование». Здесь так же вокруг объекта появится рамка с маркерами, потянув за которые можно уменьшить или увеличить размер вставленного объекта.

Можно сделать это и вручную вводя значения в настройках масштабирования, которые находятся на верхней панели – буквы «В» (высота) и «Ш» (ширина). Здесь значения показаны в процентах. Вводим свои цифры и картинка меняет размер согласно им. Это удобно, если нужны точные параметры.

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

>> Как изменить размер изображения в Фотошопе

Как в Фотошопе изменить размер и вес картинки.

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

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

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

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

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

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

Здесь все просто: вверху программы основное меню; слева основные инструменты; справа дополнительное меню с инструментами. Для того чтобы изменять изображение его нужно открыть в данной программе. Чтобы это сделать существует 2 способа.

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

2-способ : в самом верху программы есть горизонтальное меню и там есть слово «Файл». Нажмите на него.

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

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

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

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

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

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

Все, после этого Вы берете данную картинку и вставляете себе на сайт.

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

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

Тема 1.2. Как изменить размер фотографии в Adobe Photoshop?

Изменение размеров картинки в Фотошоп – дело на первый взгляд простое. Но у неопытного пользователя зачастую вызывает затруднения. Качество кадра «на выходе» не всегда соответствует ожидаемому.

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

Немного теории

Практически любой курс лекций или самоучитель по Adobe Photoshop содержит словосочетание «растровая (пиксельная/точечная) графика». Что это такое?

Растровая графика – это матрица, каждая из ячеек которой является цветной точкой. Это – «природный» формат изображения. Все живые существа видят «точки». А уже наш мозг объединяет их в линии, контуры, изображения. Печать и отображение на экране так же построены по законам растровой графики.

Что такое пиксель? Пиксель – минимальная единица информации в растровой графике. При печати – это капля краски, при чеканке – точка удара, на мониторе – светящаяся ячейка. Именно их можно назвать точкой или пикселем. При этом пиксель не имеет фиксированного размера.

Теперь поговорим о размерах и качестве. Физический размер растрового изображения измеряется в пикселях. Чем их больше, тем более качественный получается рисунок. Пример: попробуйте нарисовать контур не линиями, а точками. Согласитесь, чем чаще они размещены, чем меньше их размер – тем более плавными и чёткими кажутся линии.

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

Мы подошли к понятию «Разрешение снимка ». Разрешение растрового изображения – это количество точек, которое помещается в единице измерения. Традиционно разрешением называют количество пикселей на дюйм. Чем оно больше, тем более качественным будет выглядеть отпечаток или проекция на экран.

Практическая часть. Изменение размеров фотографии.

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

Откройте любое изображение. В нашем случае – фотография лошади.

Для изменения размеров фотографии в меню «Изображение » выберите «Размер изображения ».

Появившееся диалоговое окно имеет три блока:

1. Первый, «Размерность », отвечает за размеры фотографии в пикселях. Верхняя строка – примерный размер в мегабайтах (в несжатом формате).

Изменение параметров размерности повлечёт физическое увеличение или уменьшение картинки. В выпадающих списках единиц измерения можно выбрать только две позиции «пиксели» и «проценты». Последнее – размеры в процентах относительно текущего размера.

2. Второй блок – размер печатного листа. Он отвечает за размер отпечатка и разрешение (количество точек на дюйм). Вариантов измерения тут намного больше. Размер листа можно измерять практически в чём угодно, вплоть до «типографских пунктов».

Рисунок 1: Блоки окна «размер изображения»

3. Третий блок даёт возможность выбрать типы изменения.

Первый – «Масштабировать стили » указывает на необходимость увеличения/уменьшения размеров эффектов, наложенных на фотографию.

«Сохранять пропорции » — сохранят соотношение сторон фотографии. При изменении параметров высоты, ширина автоматически изменяется. Отмена данного пункта позволяет изменять геометрию рисунка.

И, наконец, «Интерполяция ». Этот пункт отвечает за изменение размеров печатного оттиска при сохранении размеров рисунка в пикселях. Если пользоваться примером, приведённым выше, это надувание или сдувание шарика.

Для изменения размеров фотографии в фотошоп:

  • Откройте диалоговое окно «Размер изображения ».
  • Установите необходимые параметры (количество пикселей, размеры печатного листа).
  • Нажмите «ОК » или Enter .

Практические замечания:

  • При выбранном параметре «Интерполяция » изменение размеров изображения автоматически изменяет размеры оттиска. И наоборот. Если вы хотите изменить размеры оттиска, разрешение без изменения физических размеров кадра (количества пикселей), снимите флажок с данного пункта.
  • Увеличение количества пикселей не всегда ведёт к улучшению качества картинки (информацию в новые пиксели неоткуда брать – работает алгоритм «поиска среднего). Но всегда ведёт к увеличению размера файла на диске.
  • Опытным путём доказано, что с расстояния 1 метр, человек с нормальным зрением не видит отдельных пикселей при разрешении 72 точки на дюйм (английская аббревиатура dpi – dots per inch) и больше. Все мониторы работают примерно с таким разрешением. Это же легло в основу использования графики в Веб-дизайне. Незачем размещать излишне «тяжёлые» фотографии: пользователь и так не увидит большего количества пикселей.
  • Для полиграфии и печати, увы, требуются большие разрешения. Для печати газет, листовок и т.д. стоит выставлять минимум 300 точек на дюйм. Некоторые СМИ (особенно глянцевые журналы) работают с фотографиями качеством 1200 dpi и выше.

Изменение размеров холста

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

Для изменения размера холста:

  • Выберите соответствующий пункт в меню «Изображение »
  • Установите необходимые размеры холста. Обратите внимание: установка размера меньше текущих ведёт к автоматической обрезке вашего кадра.
  • Нажимая на стрелки в блоке «Расположение », отредактируйте расположение кадра относительно дорисовываемых полей.
  • В меню «Цвет расширения холста » выберите необходимый цвет.
  • Нажмите «ОК » или «Enter ».

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

Прежде чем приступить к рассмотрению способов, сперва немного теории.

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

Во-вторых, что происходит с качеством картинки после изменения его размеров?

  • При процессе уменьшения , происходит потеря пикселей, но качество в целом не страдает, оно остается достаточно четким.
  • При процессе увеличения , фотошоп растягивает пиксели и дорисовывает их в соответствии со своим алгоритмом. Поэтому при увеличении всегда страдает качество картинки. Чем больше увеличение, тем четче видна необратимая потеря качества.

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

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

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

Способ 1 — Диалоговое окно Размер изображения

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

Откройте изображение в фотошопе.

Откройте диалоговое окно Изображение — Размер изображения (или комбинация клавиш — Alt+Ctrl+I ). Появится вот такое окно:

Сразу обратите внимание на поля Ширина и Высота . Те значения, что там будут указаны — это текущие размеры изображения. По умолчанию они измеряется в пикселях.

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

Пропорции

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

Пример без сохранения пропорций

Пример с сохранением пропорций

Способ 2 — Изменение размера с помощью трансформации

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

  • уменьшить или увеличить размер всего изображения;
  • уменьшить или увеличить вставленную картинку в фотошоп.

Размер подробнее каждый случай.

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

Шаг 1

Откройте картинку. Выберите команду Редактирование — Свободное трансформирование или нажмите комбинацию клавиш Ctrl + T .

Примечание

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

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

Шаг 2

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

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

Шаг 3.1 Случай при увеличении

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

Но если настаиваете на том, чтобы изображение было показано полностью, выберите команду Изображение — Показать все .

Шаг 3.2 Случай при уменьшении

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

Чтобы отрезать пустоту, выберите команду Изображение — Тримминг .

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

Как уменьшить или увеличить вставленную картинку в фотошоп

Описанный выше случай в любом случае берите себе на вооружение. А именно умение пользование командой Свободное трансформирование (Ctrl+T ). Этот прием понадобиться, чтобы осуществить такую часто встречающуюся операцию, как уменьшение или увеличение вставленной картинки, предмета, объекта (называйте как хотите).

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

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

Способ 3 — Размер холста

Не самый популярный способ, но тем не менее его также рассмотрим — команда .

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

То есть, допустим, ваша картинка 700х700 пикселей. Через Изображение — Размер холста вы задаете размер 500х500. В итоге фотошоп обрезает лишние 200 пикселей по высоте и ширине. В настройках можно указать откуда отрезает: это либо равномерно со всех сторон, либо можно выбрать конкретную сторону.

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

Мы рассмотрели 4 способа по уменьшению размеров изображения. Из них два способа: Размер холста и Кадрирование не связаны с потерей качества. Фактически (ширина и высота) картинки становятся меньше, но само содержимое остается прежнего масштаба. Чтобы этого добиться, нужно пожертвовать частью картинки, другими словами, просто обрезать ее до нужного размера. Подробнее как это делать смотрите выше по тексту.

Как уменьшить вырезанное изображение в фотошопе

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

О том как вырезать объекты читайте в других статьях. Подробнее остановимся на уменьшении.

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

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

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

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

Я смотрю на свою фотографию, а она размером 1920*1200 и весит больше мегабайта. Естественно такую фотографию этот сайт не загрузит. А что делать? Ну в общем ради этого мы здесь и собрались.

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

Простое сохранение

  1. Для начала загрузите изображение в фотошоп.
  2. А теперь идите в главное меню и выберете пункт «Изображение» , и в открывшемся выпадающем списке «Размер изображения» .

В открывшемся окне вы можете увидеть две ячейки (ширина и высота) с текущим размером картинки. Именно здесь вам и предстоит поменять сам размерчик.

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

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

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

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

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

Мне нужна фотография для сайта размером 200*200 пикселей. Я беру нашу фотку размером 1920*1200 и загружаю в фотошоп. А дальше по пунктам.


Сохранение для WEB

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

Итак, у нас снова неразмеченная картинка с большим разрешением. Если нужно кадрировать, то кадрируйте, но дальше вы должны нажать «Файл» , затем «Экспортировать» , а в следующем выпаде выберете «Сохранить для web (старая версия)» .

ВНИМАНИЕ! Данный путь действителен для Фотошопа версии 2015. Для более ранних версий вы просто заходите в меню «Файл» и выбираете «Сохранить для web». Никакого пункта «Экспортировать» там не будет.

В открывшемся окне выберете «Высокое качество JPG» и качество можно не ставить больше 60 . Если выставить больше, то разницы вы не заметите, а картинка-то будет больше места занимать, хоть и не очень значительно.

Ниже вы увидите строчку «Размер изображения» . Суть абсолютно такая же, как и в предыдущем примере. Вам нужно уменьшить размер по ширине и высоте. Даже цепочка есть). Ставим до 200*200, ну а потом нажимаете «Сохранить» . Вуаля)

В итоге, с помощью двух вышеуказанных способов, я получил два изображения размером 200*200 пикселей. Но у первого изображения размер (объем) составляет 26 килобайт, а у второго 10. Соответственно второй использовать удобнее, но только, если вы сохраняете для сайтов. Для обычного хранения уменьшенной копии лучше использовать первый способ.

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

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

Ну а на этой веселой ноте я свой сегодняшний урок заканчиваю. Тренируйтесь, практикуйтесь, а самое главное не забудьте подписаться на обновление моего блога, если хотите буть в курсе всего самого интересного. Успехов вам и пока-пока!

С уважением, Дмитрий Костин.

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

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

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

1 голос

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

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

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

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

Первая – это читатели. Скорость загрузки у всех разная, но каждый хочет, чтобы ресурс открывался как можно быстрее. Если вы используете картинки по 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 . Это существенно ускорит ваш процесс обучения и понимания технической части и позволит перейти к нарабатыванию опыта.

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

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

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

>> Как изменить размер изображения в Фотошопе

Как в Фотошопе изменить размер и вес картинки.

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

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

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

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

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

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

Здесь все просто: вверху программы основное меню; слева основные инструменты; справа дополнительное меню с инструментами. Для того чтобы изменять изображение его нужно открыть в данной программе. Чтобы это сделать существует 2 способа.

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

2-способ : в самом верху программы есть горизонтальное меню и там есть слово «Файл». Нажмите на него.

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

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

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

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

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

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

Все, после этого Вы берете данную картинку и вставляете себе на сайт.

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

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

Современные цифровые и зеркальные фотоаппараты позволяют получать снимки самого высокого качества. А программы-редакторы, такие как Adobe Photoshop, позволяют проводить с фотографией любые манипуляции, в том числе и изменять размер исходного снимка.

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

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

Этапы уменьшения фотографии в Photoshop.

1. Загрузите фотографию в программу. Фото можно загрузить двумя способами: перетащить снимок в окошко фотошопа или нажав на вкладку «Файл», а затем «Открыть».


2. Далее кликните по вкладке «Изображение» и выберите «Размер изображения».


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


4. Теперь нам надо уменьшить фотографию не только в пикселях, но и по мегабайтам. Для этого нажмите вкладку «Файл» и выберите «Сохранить для Web и устройств».


5. В новом окне выставьте формат JPEG и выберите качество фотографии «Средняя». Для сохранения изменений нажмите кнопку «Сохранить» и укажите путь для нового файла.


Теперь фотография готова для публикации в интернете.

5 способов масштабирования изображений в Adobe InDesign

5 способов масштабирования изображений в Adobe InDesign

Масштабировать содержимое по размеру
Первый способ — использовать основной инструмент выделения, чтобы сделать рамку нужного размера, не беспокойтесь о том, что изображение не движется вместе с рамкой, просто сделайте рамку подходящей для необходимого вам места на экране. Страница Adobe InDesign. Затем мы собираемся выбрать фрейм и заглянуть в нашу панель управления InDesign в верхней части экрана, где есть кнопка, которая масштабирует содержимое фрейма по размеру фрейма.Это будет пропорционально масштабироваться, оно не будет растягивать ваше изображение вообще, поэтому вы можете затем использовать горячую точку, чтобы настроить, какая часть изображения будет видна в кадре Adobe InDesign.

Ctrl & Shift
Хорошо, так что это лучший способ получить полный контроль, вы можете просто удерживать Ctrl (команда на Mac), затем также удерживать клавишу Shift, а затем просто взять угловой маркер на рамке Adobe InDesign и перетащите это. И рамка, и изображение теперь будут склеены, и вы можете перетащить их на столько, сколько захотите.Не забывайте следить за панелью «Ссылки» («Окно»> «Ссылки»), чтобы убедиться, что разрешение не становится слишком низким по мере увеличения изображения.

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

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

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

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

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

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

Как масштабировать без искажений в Photoshop | Small Business

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

Общие сведения о соотношении сторон

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

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

Электронные дисплеи часто используют либо с соотношением сторон 4: 3 для традиционного телевидения и компьютерного программного обеспечения, например, некогда распространенный 640 пикселей x 480 пикселей и экран 1024 пикселей x 768 пикселей разрешения или соотношение 16: 9 , которое используется с более современными широкоэкранными телевизорами и мониторами.

Изменение размера фотографии в Photoshop

Изменить размер фотографии в Adobe Photoshop очень просто. Сначала используйте команду меню «Файл» « Открыть» , чтобы перейти к изображению на вашем компьютере и загрузить его в Photoshop.

Затем щелкните меню « Изображение» и выберите «Размер изображения. ». Вы должны увидеть диалоговое окно, показывающее текущие размеры изображения в пикселях. Соотношение сторон не будет явно указано, но если вы хотите рассчитать его для себя, вы можете разделить ширину на высоту вручную или с помощью калькулятора.

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

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

Общие сведения о системе передискретизации Photoshop

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

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

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

Обрезка изображения в Photoshop

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

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

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

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

Поиск правильного размера изображения

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

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

Если у вас нет Photoshop

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

В Microsoft Windows, вы можете обрезать и изменять размер фотографии с помощью Microsoft Paint, бесплатного инструмента, включенного в операционную систему. Точно так же на Apple macOS, вы можете использовать Apple Preview, который также поставляется с операционной системой. Различные дистрибутивы Linux включают множество инструментов для редактирования фотографий Linux, включая популярную программу с открытым исходным кодом под названием Gimp.

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

5 простых шагов по изменению размера изображения в GIMP 2.10.14

Иногда клиент жалуется, что его сайт с большим количеством фотографий загружается «бесконечно», и это серьезная проблема для пользователей.На самом деле почти 50% пользователей ожидают, что сайт загрузится за 2 секунды или меньше, и обычно покидают сайт, который не загружается в течение максимум 3 секунд. Это можно приравнять к потере денег, и такая ситуация никого не устраивает.

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

Вы любезно объясните, что размеры их файлов изображений слишком велики и их необходимо уменьшить, чтобы загружать и загружать страницы быстрее.Что даже если они «уменьшат их» с помощью редактора WYSIWYG, это не в счет. Сайт по-прежнему будет загружаться медленно. СОВЕТ: T Оптимальный размер файла для изображений, загружаемых в Интернет, составляет 500 КБ или меньше на изображение (чем меньше, тем лучше) .

Обычно за этим следует: «Что это значит?» Или: «Как мне это сделать? У меня нет Photoshop, и я бы не знал, как им пользоваться».

А теперь, когда вы отправляете клиенту ссылку на это сообщение в блоге, потому что за 5 простых шагов мы покажем им, как быстро изменить размер и обрезать изображение… без необходимости покупать какое-либо программное обеспечение! Приступим ….

Шаг № 1: Загрузите GIMP

A) Перейдите на GIMP.org и загрузите последнюю версию GIMP. (В этом руководстве использовалась версия 2.10.14) Выберите для macOS или Microsoft Windows. Мы предлагаем ОРАНЖЕВУЮ кнопку — вариант загрузки напрямую.

B) УСТАНОВИТЕ приложение , следуя инструкциям на экране.

C) ОТКРЫТЬ программу.


Шаг 2: Откройте изображение

A) НАЖМИТЕ File / Open / (перейдите к нужному файлу).

B) НАЖМИТЕ Преобразовать при появлении запроса на Импортируйте изображение из всплывающего окна цветового профиля . Здесь не вносите никаких изменений.


Шаг № 3: Обрезать изображение — при необходимости. (если нет, пропустите этот шаг!)

A) СДЕЛАТЬ изображение полностью на экране. Перейдите в нижнюю часть экрана и ИЗМЕНИТЕ процентов, пока не увидите всю картинку.

B) ВЫБЕРИТЕ инструмент Crop Tool.

C) НАЖМИТЕ И ПЕРЕТАПИВАЙТЕ инструмент кадрирования поверх изображения. Отрегулируйте начальную обрезку, щелкая углы или края и перетаскивая. Затемненные области будут «срезаны» после нанесения обрезки.

D) НАЖМИТЕ в центре изображения, чтобы применить кадрирование.


Шаг 4: Масштабировать изображение

A) НАЖМИТЕ на изображении / масштабировании изображения.

B) ИЗМЕНИТЬ Размер изображения.Либо введите конкретное число, либо используйте клавиши со стрелками вверх / вниз. Ширина и высота связаны по умолчанию, поэтому ввод ширины автоматически изменит высоту пропорционально. Если вы не уверены в необходимой ширине, посмотрите эти таблицы стандартных размеров изображения. Для справки: изображение ниже имеет ширину 700 пикселей и разрешение по умолчанию 72 точки на дюйм.

C) CLICK Масштаб


Шаг 5: Экспорт изображения

A) НАЖМИТЕ File / Export As.

B) ИЗМЕНИТЬ имя изображения и ВЫБРАТЬ место на вашем компьютере, чтобы СОХРАНИТЬ изображение.

C) ВЫБЕРИТЕ тип файла с помощью НАЖМИТЕ на знаке + рядом с , чтобы выбрать тип файла (по расширению). Прокрутите вниз, пока не увидите изображение JPEG и НАЖМИТЕ на этой опции.

D) НАЖМИТЕ Экспорт.

E) ВЫБЕРИТЕ качество.Подойдет все, что угодно от 60 до 80. (Чем больше число, тем больше размер файла.)

E) НАЖМИТЕ Экспорт.


Результаты: от мегабайт (МБ) до килобайт (КБ)

Изображение ИЗМЕНЕННОГО РАЗМЕРА имеет ширину 1000 пикселей; ширина оригинала — 4432 пикселей.

Для справки:

Версия 2,5 МБ = ~ 14 секунд для загрузки по соединению T1

Версия 137 КБ = ~ менее 1 секунды для загрузки по соединению T1


Об авторе

Микалл проработала в сфере графики, маркетинга и Интернета более 25 лет и очень рада поделиться своим опытом с OSTraining.Она делала все: от дизайна логотипа до UX / UI приложений до рекламы и обложек журналов. Кроме того, Микал также является фотографом, видеооператором и видеоредактором. Она любит научно-фантастические приключения и счастливо живет в Хьюстоне, Техас!


Как изменить размер изображений для печати в Photoshop

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

Начало работы

Позвольте мне начать с того, что эти методы демонстрируются в Photoshop, а не в Lightroom, потому что это мой рабочий процесс. Любое изображение, которое собираются напечатать, делает последние шаги в Photoshop. Нельзя сказать, что другие методы неверны — просто другие.При этом, однако, процессы в Photoshop и Lightroom очень похожи. Также мы будем говорить о файлах JPEG. Даже фотографы, снимающие в формате RAW, в конечном итоге конвертируют свои изображения в JPEG перед печатью, как и профессиональные лаборатории печати. Хотя это само собой разумеется, я все равно скажу — не вносите никаких из этих изменений в исходный файл изображения. Всегда, всегда, всегда работайте над копией.

Соотношение сторон — Слон в комнате

Если бы вы попробовали распечатать изображения прямо с камеры, велики шансы, что у вас не возникнет проблем с печатью 4 × 6 или 8 × 12 с очень незначительными настройками.Тем не менее, кадры мира бывают самых разных размеров, поэтому знание того, как лучше всего изменить размер этих изображений с исходным размером / разрешением до 5 × 7, 8 × 10, 11 × 14 и т. Д., Является довольно важным навыком. Для этой статьи мы будем использовать это изображение бабочки, которое я сделал несколько лет назад. Как вы можете видеть в диалоговом окне «Размер изображения» (Изображение> Размер изображения…), исходные размеры изображения составляют 4288 x 2848 пикселей (14,293 x 9,494 дюйма) при 300 пикселях на дюйм (PPI). Эти значения дают нам много возможностей для работы, но им понадобится помощь, если мы хотим напечатать 8 × 10.

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

Метод № 1

Этот первый метод представляет собой двухэтапный процесс, который начинается с инструмента кадрирования и заканчивается диалоговым окном размера изображения. Adobe значительно переработала инструмент кадрирования в Photoshop CS6. Чтобы получить полную информацию, посмотрите этот отличный видеоурок. В любом случае инструмент кадрирования был разработан для кадрирования на основе предустановленных соотношений сторон или размеров, вводимых пользователем. В нашем двухэтапном процессе мы будем использовать кадры с соотношением сторон. Вы задаете Photoshop отправную точку, выбирая «Исходное соотношение» в раскрывающемся меню в верхней части экрана.Для нашего 8 × 10 я собираюсь ввести 10 и 8 в пустые поля справа от меню. Не беспокойтесь о включении единиц измерения в эти поля. Photoshop знает, что вы выбрали обрезку по соотношению сторон, а не по размеру.

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

Если мы вернемся к диалоговому окну размера изображения после кадрирования соотношения сторон, мы обнаружим, что размеры нашего изображения изменились, но они по-прежнему не соответствуют 8 × 10. Помните, что происходило раньше, когда мы пытались изменить одно значение? Он также изменил другое значение и ни один из них не работал для наших целей. Однако теперь, если мы изменим размер длинной стороны нашего документа на 10, он автоматически изменит короткую сторону на 8, что даст нам желаемое 8 × 10.

Что такое ресэмплинг?

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

Метод № 2

В нашем втором процессе используется только инструмент кадрирования.Выбрав «Размер и разрешение» в раскрывающемся меню, я могу ввести точные значения для желаемого размера печати и разрешения. Мы поговорим о разрешении через минуту, а пока давайте остановимся на кадре. Я обычно использую этот второй метод, когда обрезаю большие части изображения. К тому же это просто быстрее. Однако важно понимать, что разные методы изменения размера по-разному влияют на файл изображения в целом. Например, при изменении размера с помощью инструмента кадрирования размеры в пикселях и размер файла изменяются, но изображение не изменяется.Размеры и разрешение пикселей включают больше пикселей на дюйм в зависимости от размера области кадрирования, но Photoshop не добавляет или не вычитает данные из изображения специально. Вот почему два 8 × 10 одного и того же изображения — по одному от каждого метода — могут привести к разному общему размеру файла.

Метод № 3

Технически этот метод не является ни изменением размера, ни кадрированием. Если вы обнаружите, что у вас есть изображение, которое требует лишь очень незначительных изменений или двух, вы всегда можете создать новый документ в Photoshop с точными размерами по вашему выбору.Затем вы можете перетащить исходное изображение в новый документ. CTRL / CMD + T откроет ограничивающую рамку, и вы сможете настроить исходное изображение до нового размера. Когда вы закончите, сгладьте изображение («Слой»> «Свести изображение») и сохраните как новое изображение. Этот метод возник в более ранних версиях Photoshop до того, как некоторые другие инструменты стали такими же сложными, как сегодня. Тем не менее, он по-прежнему испытан и дает хорошие результаты.

Несколько мыслей о резолюции

Принято считать, что изображения с «высоким разрешением» должны быть напечатаны с разрешением не менее 300 пикселей на дюйм.Я до сих пор часто это делаю, но только по привычке. Большинство экспертов по печати теперь скажут вам, что все, что выше 240, является посторонним и служит только для создания файлов изображений большего размера. Я поднимаю этот вопрос не для того, чтобы мы обсуждали этот вопрос в комментариях. Я поднимаю этот вопрос, потому что вы можете иногда замечать изменение разрешения при настройке в диалоговом окне размера изображения. Пока вы правы около 240, у вас все в порядке. Некоторые говорят, что вы можете опуститься до 200, но я никогда не опускаюсь ниже 240. Также стоит отметить, что разрешение печати Lightroom по умолчанию составляет 240.

Заключение

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

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

Авторские права на изображения принадлежат Guyer Photography. Все права защищены.

Вики-список

Используйте список ниже для доступа к определенной вики. Для получения дополнительной информации о вики, этой службе и о том, как получить вики для проекта, посетите страницу вики LIS на MediaWiki.

Общие интересы / общедоступные вики-сайты
Имя Название Страницы Активные пользователи
CS Информатика 51 0
Лингвистика Лингвистика 29 0
LIS Библиотека и ITS Wiki 4383 19
ls_student_workers LS Студенты-рабочие 26 0
Миддлбери Миддлбери на мельницах 88 1
МИИС MIIS Wiki 445 0
PieMatrix Вики Сообщества 42 0
Внутренние / Групповые вики-сайты
Имя Заголовок Страницы Активные пользователи
ати Внутренняя вики-страница по академическим технологиям 14 1
двуязычный Двуязычный помощник вики 8 0
КПК Коммуникации кросс-целевого назначения 1 0
СОДЕРЖАНИЕdm CONTENTdm в Midd 25 2
CS_sysadmin Администрирование компьютерных систем 26 0
FEDi Внутренние разработчики LIS Front End 60 1
HEI10_CRISPR_Cas Ward Lab HEI10 CRISPR-Cas Project 1 0
HerdmanGroup Исследовательская группа Хердмана 542 0
Привет Служба поддержки Внутренняя 452 1
HR HR Wiki 310 1
ISSS Процедуры и рабочий процесс ISSS 1 0
Координаторы LSC Руководство LS Cooridinators 10 0
LSDirectors Руководство LS Director 24 0
M2_Program_Committee Программный комитет М2 16 0
обсерватория Обсерватория колледжа Миддлбери 1 0
PCI_Compliance_Documentation Документация по соответствию PCI 6 0
петелаб петелаб 113 0
Spatafora_lab Вики Сообщества 163 1
web_redesign Редизайн веб-сайта 267 0
ксения Ксения 1 0
Wikis курса
Имя Название Страницы Активные пользователи
BIOL_323_wiki Вики Сообщества растений 1 0
ENGL7102a_L ENGL7102a 2 0
FMMC0104 FMMC0104 49 0
FMMC0104_f09 Телевидение и американская культура 138 9
fmmc0105z_s09 FMMC0105z Весна 2009/2010 2 0
FMMC0243 Интернет-искусство 1 0
FMMC0282 FMMC0282 121 0
FMMC0335 Зрение и звук II 1 0
FMMC0346 Анимация 1 0
FR6690 Образовательные технологии и преподавание второго языка 1 0
1396 финансовый год FYSE 1396: Цифровая медиаграмотность 58 0
FYSE_1286 Ключ к ангелам и демонам 1 0
INTD1153A_W14 INTD1153A-W14 1 0
Internet_Art Интернет-искусство 123 2
IPE Международная политическая экономия 127 0
MIDDMedia Медиа-технологии и изменение культуры 159 0
OpenSourceLearning Обучение с открытым исходным кодом 105 0
PSCI0109 Международная политика 2 0
RUSS0151a_s09 Золотой век русской литературы 75 0
WRPR0100A Письменный процесс 1 1 0
Без категорий вики
Имя Заголовок Страницы Активные пользователи
Durstlab Лаборатория биомедицинской оптики 2 0
PCV Непал Добровольцы Корпуса мира — Непал 140 0

Как правильно изменить размер изображений для Facebook

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

1) Facebook Image Resizing and Compression

Несколько лет назад Facebook ужасно менял размер изображений.Если бы вы тогда загрузили изображение, оно бы не только выглядело ужасно из-за сжатия, но и лишило бы цветового профиля. Если бы вы не были очень осторожны с конкретным разрешением, к которому вы изменяете размер, и если бы вы экспортировали изображения в любом другом формате, кроме sRGB, ваши фотографии не выглядели бы так, как на вашем компьютере. С тех пор многое изменилось к лучшему — движок обработки изображений Facebook стал намного более продвинутым и лучшим, поэтому, к счастью, большинство прошлых проблем были решены.Тем не менее, Facebook рекомендует изменять размер изображений до определенного разрешения до их публикации, как описано в этой статье. По состоянию на 11.09.2014 ниже приведены рекомендуемые размеры для загрузки фотографий в Facebook:

  1. Обычные фотографии: 720 пикселей, 960 пикселей, 2048 пикселей
  2. Фотографии на обложке: 851 пикселей на 315 пикселей
  3. Эскизы ссылок в полную ширину: 484 пикселей на 252 пикселей
  4. Изображение профиля в заголовке: 180 пикселей на 180 пикселей

Исходя из приведенных выше данных, три лучших разрешения для извлечения фотографий — 720, 960 и 2048 пикселей.Я хотел узнать, что произойдет, если загрузить изображения в этих и разных размерах. Как повлияет на фотографию, если она загружена, скажем, с разрешением 980 пикселей вместо 960? А что будет, если случайно использовать другой цветовой профиль, например Adobe RGB или ProPhoto? Давайте посмотрим на эти сценарии и посмотрим.

1.1) Сжатие изображений Facebook

Что Facebook делает с изображением, извлеченным с рекомендованным разрешением? Давайте посмотрим на до и после изображения, которое я извлек из Lightroom с разрешением 960 пикселей и 77% качеством JPEG:

Исходный размер файла был 204 КБ в состоянии «До», а Facebook изменил его размер до 64 КБ. , так что здесь имеет место довольно агрессивный алгоритм сжатия.Если присмотреться, на изображении «После» видны некоторые артефакты на небе и вокруг объекта, но это неплохо и, конечно, терпимо. Какая степень сжатия применяется? Это зависит от каждого изображения, но похоже, что степень сжатия в Lightroom варьируется от 47 до 61%. Помимо сжатия изображения, алгоритм сжатия изображений Facebook также удалил все данные EXIF, данные PPI и изменил информацию о цветовом профиле, заменив «sRGB IEC61966-2.1» на цветовой профиль «c2».При просмотре изображений с помощью средства просмотра изображений с учетом цветового пространства или моего браузера я не вижу разницы между ними, поэтому профиль «c2» действительно очень похож на sRGB, как указано в этой статье от инженера Facebook.

Сводка: Даже если вы загружаете в рекомендованном разрешении, Facebook по-прежнему применяет алгоритм сжатия к изображениям. Единственный способ предотвратить сжатие — загрузить изображения размером менее 100 КБ (что часто слишком мало для высококачественного изображения).

1.2) Facebook Image Resizing

Теперь давайте посмотрим, что происходит, когда загружается изображение, размер которого немного отличается от рекомендуемого значения. Для этого теста я загрузил два изображения — одно на 960 пикселей и одно на 980 пикселей. Ниже приведены результаты для изображения с разрешением 960 пикселей:

Как и в нашем первом тесте, происходит сильное сжатие. Для этого второго пейзажного снимка я извлек изображение с очень высоким качеством — 85%, что на шаг ниже 100% качества JPEG.Исходный размер изображения составлял 772 КБ с сохранением EXIF ​​и других данных JPEG. Facebook полностью сжал изображение до 150 КБ и удалил все встроенные данные. И снова встроенное цветовое пространство было заменено с «sRGB IEC61966-2.1» на «c2».

Но что будет, если изображение не будет предоставлено с рекомендованным разрешением 960 пикселей? Давайте посмотрим, что происходит с изображением, которое я экспортировал с разрешением 980 пикселей:

Интересно, что изображение выглядит очень близко к изображению, которое я извлек с разрешением 960 пикселей.Алгоритм Facebook не изменил размер моего изображения с 980 пикселей до 960 пикселей, и единственное, что здесь произошло, — это снова сжатие — изображение уменьшилось с 802 до 159 КБ, а данные EXIF ​​снова были стерты. Единственная разница в том, что на этот раз цветовое пространство было заменено на «sRGB IEC61966-2-1 с масштабированием черного». Не знаю, почему имя профиля не было «c2», но изображение никак не отличалось по цвету.

Я также пробовал загружать изображения с более высоким разрешением 1024, 1200, 1600 и 2048 пикселей.Все изображения были просто сжаты, а данные удалены без изменения размера.

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

1.3) Facebook Преобразование цветового пространства

Что произойдет, если вы случайно экспортируете изображения с другим цветовым пространством, например Adobe RGB или ProPhoto RGB вместо sRGB? Давайте посмотрим на два изображения ниже, которые я экспортировал в цветовые пространства Adobe RGB и ProPhoto RGB (До: Adobe RGB, После: ProPhoto RGB):

Если вы сравните два изображения выше с первым изображением в этой статье, вы увидим, что цвета такие же.Это означает, что алгоритм сжатия изображений Facebook также автоматически выполняет преобразование из Adobe RGB и ProPhoto RGB в sRGB. Поэтому, если вы загружаете изображение с нестандартным цветовым пространством, Facebook все равно автоматически изменит его обратно на sRGB. Изменение цветового пространства ясно видно из приведенного ниже снимка экрана, где все три изображения выглядят одинаково, несмотря на то, что перед загрузкой они имели разное цветовое пространство:

Означает ли это, что не следует заботиться о том, какое цветовое пространство использовать во время экспорта? Нет, я бы все равно использовал sRGB во время экспорта, потому что насыщенные цвета могут измениться и выглядеть немного иначе после процесса преобразования.Вам лучше, если преобразование цвета происходит на вашем компьютере, чем полагаться на механизм преобразования Facebook.

Резюме: Facebook автоматически преобразует цветовое пространство в sRGB, даже если предоставляются изображения Adobe RGB или ProPhoto RGB. Чтобы избежать проблем с преобразованием цвета, я все же рекомендую извлекать изображения с цветовым пространством sRGB.

2) Изменение размера изображений из Lightroom для Facebook

Теперь, когда мы кое-что знаем о процессе сжатия и преобразования цвета в Facebook, мы можем перейти к процессу экспорта и изменения размера изображений для Facebook с помощью Lightroom.Вот окно экспорта Lightroom, которое показывает, как я экспортирую изображение с разрешением 960 пикселей (не стесняйтесь менять его на любое удобное разрешение):

Как видите, я выбрал «sRGB» для цветового пространства и качества 85%. для изображения. На самом деле качество JPEG не является критически важным, потому что Facebook все равно сжимает его до чертиков. Когда я экспериментировал с файлом JPEG со 100% качеством и сравнивал его с файлом JPEG с качеством 85%, Facebook сжал оба файла примерно до одинакового размера с разницей в 1 КБ.Однако, если вы выберете значение ниже 85%, Facebook еще больше сожмет изображение и ухудшит его качество, поэтому я бы рекомендовал оставить 85% или выше.

В окне «Изменение размера изображения» выберите «Длинный край» из раскрывающегося списка и укажите самую длинную сторону в пикселях. Однако для лучшего представления вашей работы я бы рекомендовал загружать изображения с разрешением выше 960. Имейте в виду, что в настоящее время у многих людей есть экраны с высоким разрешением (Retina, 4K и т. Д.), Поэтому уменьшение размера ваших изображений не будет способствовать продвижению вашей работы.Не беспокойтесь о настройке «Разрешение» (показано как 240 на моем снимке экрана) — она ​​используется только для печати и не оказывает никакого влияния на то, как она отображается или обрабатывается Facebook. Фактически, Facebook в любом случае полностью удаляет эти данные из изображений. Обычно я сохраняю настройку резкости на «Экран» и «Высокая», но если это слишком много на ваш вкус, вы можете либо уменьшить значение, либо полностью пропустить повышение резкости на выходе. Данные / метаданные EXIF ​​все равно удаляются Facebook, поэтому вы также можете пропустить эту часть.

3) Изменение размера изображений из Photoshop для Facebook

При работе с изображениями в Photoshop вы можете выполнить изменение размера либо на отдельном шаге через диалоговое окно «Размер изображения» (CTRL + ALT + I), либо вы также можете изменить размер изображения в окне «Сохранить для Интернета». Лично я предпочитаю делать это через диалоговое окно «Размер изображения», как показано ниже:

Выберите удобный для вас размер и поместите его в область ввода «Ширина» для альбомной ориентации или в область ввода «Высота» для книжной ориентации.Для того же пейзажного снимка выше я выбрал ширину 960, и Photoshop автоматически вычислил, какой должна быть правильная высота. Опять же, разрешение не имеет значения, поэтому вы можете оставить его по умолчанию. Для передискретизации я предпочитаю использовать «Bicubic Sharper» при уменьшении разрешения изображения, поскольку он хорошо справляется с деталями, и мне редко приходится беспокоиться о повышении резкости изображения.

После изменения размера изображения его можно сохранить. Когда появится диалоговое окно «Параметры JPEG», выберите значение от 10 до 12 для наилучшего качества файла JPEG, как показано ниже:

Другой способ — использовать инструмент «Сохранить для Интернета» в Photoshop, который вы можно получить доступ, нажав ALT + SHIFT + CTRL + S или выбрав «Файл -> Сохранить для Интернета…».В этом окне выберите качество JPEG от 85 до 100, убедитесь, что установлен флажок «Встроить цветовой профиль», а также убедитесь, что установлен флажок «Преобразовать в sRGB»:

С помощью инструмента «Сохранить для Интернета» вы можете полностью пропустить процесс изменения размера изображения — просто введите желаемый размер изображения в разделе «Размер изображения» и выберите алгоритм изменения размера, такой как «Бикубическая резкость». Photoshop изменит размер изображения и сохранит его для вас в желаемом формате и настройках качества.

4) Резюме

Несмотря на рекомендацию Facebook изменить размер фотографий до разрешения 720, 960 или 2048 пикселей для достижения наилучшего качества изображения, похоже, что нет никакого вреда в выборе других нестандартных разрешений.Как я показал в приведенной выше статье, пока вы не пытаетесь загрузить изображение с полным разрешением выше 2048 пикселей, Facebook не будет изменять размер загруженного изображения до меньшего разрешения — он будет применять только сжатие и вырезать встроенные метаданные. . Для демонстрации своей работы выберите любой размер, который вам удобен. Я лично выбираю 2048 пикселей, и это то же разрешение, которое мы предоставляем здесь, в PL, но некоторым людям может быть неудобно предоставлять изображения с таким разрешением.Тем не менее, имейте в виду, что устройства, которые люди используют для доступа в Интернет, быстро увеличиваются в разрешении, поэтому изображения большего размера, безусловно, будут выглядеть более презентабельно, чем крошечные.

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

Изменить размер изображения или видео | Обрезка и изменение размера изображений в Интернете

Правильный размер фотографии может превратиться в настоящую ситуацию Златовласки — слишком большое изображение может загружаться за эоны времени, или изображение слишком маленькое, и оно становится размытым.Не бойся! Мы здесь, чтобы помочь вам получить правильные пропорции и с помощью онлайн-инструментов редактирования фотографий PicMonkey Crop and Resize. Мы рассмотрим e-v-e-r-y-t-h-i-n-g, которые вам нужно знать, в том числе:

  • Обрезка и изменение размера — в чем разница?

  • Как обрезать и изменять размер изображений в PicMonkey.

  • Преобразование изображений из пикселей в дюймы (супер просто!).

  • Как обрезать фотографии с помощью PicMonkey Mobile.

Плюс, узнайте, что такое наш инструмент Smart Resize (подсказка: изменить размер нескольких версий изображения одним махом — потрясающе!).


Обрезка и изменение размера изображений

Обрезка и изменение размера являются обычными методами редактирования фотографий; однако это , а не одно и то же:

Обрезка изображений

При кадрировании фотографии вы удаляете ее часть (и). Почему вы можете обрезать изображение:

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

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

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

Дополнительное чтение:

Изменение размера изображений

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


Обрезать изображения до определенного размера

Чтобы обрезать фотографию в PicMonkey, когда ваше изображение является фоновым слоем:

  1. Нажмите Создать новый и откройте изображение в PicMonkey.

  2. Щелкните Обрезать холст в меню редактирования слева.

  3. Используйте предварительно заданные пропорции кадрирования в раскрывающемся меню, чтобы точно кадрировать изображение. (У нас есть стандартные размеры печати и размеры экрана, настроенные для вас.)

  4. Укажите конкретные пиксели в полях «Ширина» и «Высота».

  5. Используйте кнопку Повернуть кадрирование для перехода от горизонтальной к вертикальной (или наоборот) области кадрирования.

Когда фотография является отдельным слоем, вы можете обрезать ее независимо от фонового слоя (слоев) с помощью меню «Инструменты для изображения» на левой панели.

Чтобы обрезать фотографию в PicMonkey, когда ваше изображение не фоновый слой:

  1. Выберите слой изображения на холсте.

  2. Нажмите кнопку Crop layer в меню Image Tools.

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


Как кадрировать видео

Используйте Crop Layer в меню «Инструменты для видео», чтобы изменить форму видео.Используйте Trim для удаления рамок с переднего или заднего конца зажима.

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

Чтобы обрезать видео в PicMonkey:

  1. Щелкните Создайте новый и откройте свой видеоклип в PicMonkey.

  2. Преобразуйте видео в слой, щелкнув значок замка на панели «Слои».

  3. Щелкните, чтобы выбрать видео. В меню «Инструменты для видео» выберите Обрезать слой .

  4. Переместите синие маркеры обрезки, чтобы изменить размеры видео.

  5. По завершении нажмите Применить .

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

Подробнее о проектировании с помощью видео:


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

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

  1. Нажмите Изменить размер в меню редактирования слева.

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

  3. Убедитесь, что на поле Сохранить пропорции (значок цепочки) щелкнуть; цепочка будет казаться «связанной» — это автоматически обновит высоту или ширину вашей фотографии, когда вы измените одно или другое, поэтому ваш дизайн останется «как есть» при увеличении (или уменьшении) размера.


Преобразование пикселей в дюймы

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

Пиксели в дюймы Таблица преобразования

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

Не хочется об этом думать? Используйте инструмент «Кадрирование», чтобы быстро найти правильное соотношение сторон для желаемого социального канала. Вы также можете начать с предварительно заданного шаблона социальных сетей или пустого холста, чтобы не беспокоиться о том, что размер пошел не так, как надо. Если вы используете PicMonkey для мобильных устройств, прокрутите карусель под Начать новый дизайн , чтобы выбрать правильный социальный размер.

Конечно, если вам нужно размер изображения для нескольких каналов , то встречайтесь…

Инструмент Smart Resize PicMonkey

Pro Подписчики могут использовать волшебный инструмент Smart Resize для создания нескольких версий дизайна за считанные секунды. Это похоже на разницу между стиркой белья в ручье и бросанием белья в стиральную машину. То есть: вааааааай быстрее и удобнее.

Чтобы использовать Smart Resize в PicMonkey:

  1. Открыв свой дизайн, нажмите Smart Resize на верхней панели инструментов.

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

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

  4. Готово! Проверьте Hub, чтобы увидеть все свои новые размеры.


Как правильно сохранять изображения для печати или совместного использования

Война между размером файлов и качеством изображения может никогда не закончиться, но мы предлагаем прекратить огонь.Когда вы нажимаете Загрузить на верхней панели инструментов в PicMonkey, у вас будет возможность сохранить его как JPG, PNG или PDF (функция Pro) и как MP4 или GIF, если ваш файл содержит анимированный элемент, такой как видео или анимированная графика. Для фотографий наилучшим качеством является PNG, но это будет файл большего размера, поэтому вы можете выбрать вариант JPG, если вам нужен меньший размер (например, для Интернета). JPG имеет три уровня качества на выбор:

  1. Низкое : Низкое качество, но маленький размер файла

  2. Средний : Отличное качество, хороший размер файла

  3. Высокий : Великолепный, но большой размер файла

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


Обрезка фотографий с помощью PicMonkey mobile

Хорошие новости, дамы и господа — вы также можете кадрировать фотографии в мобильном приложении PicMonkey! Просто загрузите изображение и нажмите Редактировать на нижней панели инструментов. Нажмите Обрезать , затем отрегулируйте ограничивающую рамку или выберите предустановленный размер в карусели прямо под вашей фотографией.

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

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

Авторское право © 2021 Es picture - Картинки
top
РАЗМЕР В ДЮЙМАХ РАЗМЕР В ПИКСЕЛЯХ
3 X 5 900 X 1500
9044 904 904 5 X 7 1500 X 2100
8 X 8 2400 X 2400
8 X 10 2400 X 3000
8.5 X 11 2550 X 3300
9 X 16 2700 X 4800
11 X 14 3300 X 4200
11 X 16 3300 X 4800 9