Photoshop: как уменьшить размер PNG для веб-использования

Отвратительные подробности (вы не просили)

Некоторые форматы изображений, такие как JPG, поддерживают сжатие с потерями . Когда изображение с потерянным сжатием сохраняется и затем отображается, изображение не на 100% точно соответствует его дизайну, а просто «близко» к нему, что-то вроде эскиза. Часть оригинальной детали потеряна . Поскольку точность не ожидается, изображения с потерянным сжатием позволяют хранить мало информации об оригинальном дизайне, что приводит к небольшим файлам. Они даже позволяют указать, насколько точным должен быть результат: чем менее точным должен быть результат, тем меньше размер файла.

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

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

Некоторые предложения

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

• Большие области плоских цветов сжимаются лучше, чем сложные узорные области. Посмотрите, можете ли вы упростить свое изображение.
• У вас много негативного пространства вокруг изображения? Попробуйте урезать его до минимума.
• Вы используете прозрачность? Если нет, попробуйте сохранить изображение в формате JPG.
• Если по какой-либо причине вы не можете сохранить его в формате JPG, но не используете прозрачность, снимите флажок «прозрачность» в параметрах сохранения. Это позволит немного побриться от вашего окончательного результата.
• Подумайте о том, чтобы разрезать изображение по частям и скомпоновать его в окончательный HTML-код, как какую-то головоломку. Вы можете сохранить части, для которых требуется прозрачность, в формате PNG, а другие части — в формате JPG с высокой степенью сжатия. Общий результат должен быть менее тяжелым.
• Используйте инструмент сжатия PNG (например, https://tinypng.com/ ). Имейте в виду, эти инструменты используют алгоритм с потерями. Они пытаются упростить ваше изображение, чтобы иметь возможность сохранить его в виде файла меньшего размера. Они значительно уменьшают размер вашего файла, но конечный результат может потерять слишком много деталей. Вы всегда можете попробовать их и оценить результат в зависимости от приложения.

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

Простой способ уменьшить фото в Фотошопе

13.02.09    Подробные инструкции, Уроки Photoshop

В результате уменьшения размера фотографии в программе Photoshop вполне рально сделать из фото весом 2-5 Мб качественную фотографию на весь экран, но весом в 500 Кб или даже еще меньше. Эта статья будет полезной новичкам, которые делают первые вынужденные шаги в освоении Фотошопа и хотят быстро уменьшать свои фото.

8-мегапиксельными цифровыми фотокамерами сейчас никого не удивишь. Каждый день обычные люди, которые не являются гуру Фотошопа, делают горы снимков. Горы – если бы мы их распечатывали. Но нам нужно передавать эти файлы по ICQ, добавлять их в фотоальбомы социальных сетей вроде «Одноклассников» и «В контакте», выкладывать на своем блоге, слать по почте… Или отнести на флешке любимой тете Свете, она давно просила.

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

Устанавливаем Фотошоп. Без него нынче никак. Даже непрофессионалам Photoshop необходим. Рекомендую устанавливать версию Adobe Photoshop CS3, лично мне она больше всего нравится. Не будем спорить, какая версия программы самая лучшая, нам для уменьшения фото подойдет любая. Если вы не знаете, где бесплатно скачать Фотошоп, рекомендую ознакомиться с моей статьей Чем бесплатно скачать любую программу.

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

File->Open…):

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

Открытое в Фотошопе фото выглядит примерно так:

Далее, чтобы уменьшить фото, в главном меню Фотошопа выбираем Image->Image Size…:

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

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

Filter->Sharpen->Unsharp Mask:

Появится окно, в котором можно задать параметры четкости. Если вы в нем ничего не меняли, можно оставить как есть и нажать ОК. Или же установить ползунки, как указано на рисунке:

Жмем ОК и убеждаемся, что фотография стала четче. Если не нравится – нажимаем Ctrl+Z и эффект пропадет. Подробнее обо всех горячих клавишах Фотошопа можно прочитать здесь.

Наконец-то можно сохранить уменьшенное фото, это тоже не сложно. В главном меню Фотошопа нажимаем File->Save for Web & Devices…

и получаем окно:

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

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

 

Читайте также:

Как сжать фотографию без потери качества | Soohar

В этом пошаговом уроке вы узнаете как сжать фотографию (изображение, картинку и тд) без потери качества в программе Photoshop. Наверняка вы часто задавали себе этот вопрос, например часто приходится менять размер изображения для каких либо веб ресурсов или гаджетов.  Для сжатия и изменения размера изображения в фотошопе присутствует мощный инструмент под названием Save for Web & Devices… (Сохранить для веб и устройств). Этот инструмент позволит вам с легкостью изменить размер, формат и качество сжатия всего за несколько кликов.

Шаг 1

Для начала откройте фотографию в фотошопе:

Шаг 2

После этого выберите команду File (Файл) — Save for Web & Devices…(Сохранить для веб и устройств):

 

Шаг 3

Перед вами откроется одноименное окно с настойками:

 

 

1. В этом разделе можно выбрать формат (в большинстве случаев JPEG) и качество (Quality). Чем меньше значение Quality, тем размер изображения. Не стоит слишком сильно сжимать изображения, старайтесь не ставить значения ниже 50

2. Здесь можно задать любой размер изображения. Либо в пикселях (значение W — ширина и H — высота) либо в процентах. (200% — увеличение в два раза, 50% уменьшение в два раза и тд)

3. Окно предосмотра. Здесь вы можете наблюдать изменения в реальном времени.

Шаг 4

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

Ниже вы можете посмотреть пример сжатия фотографии:

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

Похожие уроки:

 

‎App Store: Adobe Photoshop Fix

Программа Adobe Photoshop Fix дает возможность глубокого ретуширования и реставрации изображений прямо на iPad или iPhone. Выполняйте восстановление, сглаживание, пластику, осветление и другие операции, чтобы привести изображение в соответствие со своими требованиями. Войдите в Adobe Creative Cloud и получите доступ к отредактированным фотографиям из других мобильных и настольных приложений Adobe, что позволит вам продолжить работу над ними или использовать их в других креативных проектах — все благодаря возможностям Adobe CreativeSync.

• Ґ Ретуширование и восстановление фотографий с помощью инструментов, позволяющих с максимальной точностью передать все нюансы:
o Face-aware Liquify — мощный инструмент для изменения черт лица. Делайте улыбку шире, уменьшайте щеки и редактируйте другие лицевые точки с удивительной легкостью.
o Пластика — вращайте любые области, изменяйте их линии и формы, чтобы создать практически незаметные или, наоборот, бросающиеся в глаза эффекты.

o Корректировка и заплатки — корректируйте дефекты с помощью содержимого окружающих областей, после чего накладывайте результаты друг на друга.
o Сглаживание — используйте закрашивание, чтобы сгладить или повысить резкость изображений лиц, ландшафтов и т.п.
o Осветление и затемнение — добавляйте или удаляйте источники света на отдельных участках фотографий.
• Ґ Редактируйте фотографии с помощью различных инструментов:
o Цвет — уменьшите насыщенность, чтобы удалить все цвета или создать черно-белое изображение с цветными элементами.
o Краска — повысьте точность создаваемых эффектов с помощью пипетки, позволяющей выбирать цвета, а также с помощью настраиваемой кисти и ластика.
o Коррекция — добавляйте виньетки и изменяйте экспозицию, контрастность и насыщенность.
o Расфокусировка — размывайте детали на фотографии, чтобы привлечь внимание к главной теме.
• Ґ Изображения можно отправить прямо в Photoshop CC на настольном компьютере для последующей работы и улучшения. Fix преобразует все правки в слои и сохранит изображение в файле PSD.

ПОДКЛЮЧИТЕСЬ К CREATIVE CLOUD
Любите фотографировать? Просмотрите творческий план для фотографов в Creative Cloud. В план включены программы Lightroom и Photoshop – самые совершенные инструменты для редактирования. В Creative Cloud вы можете открывать и редактировать файлы Photoshop в программе Fix и отправлять ретушированные изображения в Photoshop CC для дальнейшего редактирования, например слоев и масок и т. д. Вы также можете открывать и улучшать изображения Lightroom и отправлять их напрямую в свои коллекции Lightroom. Все сделанные правки синхронизируются между вашими компьютерами и устройствами. Если вы вносите правку на iPad, она появится и на компьютере. Продолжайте совершенствовать свои навыки с помощью творческого плана для фотографов в Creative Cloud.

БОЛЬШЕ МЕСТА ДЛЯ ХРАНЕНИЯ (дополнительная покупка в приложении)
Вы можете приобрести дополнительные 20 ГБ в хранилище файлов Creative Cloud за 1,99 долл. США в месяц. Регулярные платежи будут автоматически списываться с вашего счета iTunes. Чтобы отказаться от услуги, просто зайдите в настройки учетной записи и отключите автоматическое продление не менее чем за 24 часа до окончания платежного периода. Пропорциональная оплата не предусмотрена: при отключении автоматического продления обслуживание будет продолжаться до конца расчетного периода в текущем месяце.

Вам должно исполниться не менее 13 лет, и вы должны согласиться с условиями и политикой конфиденциальности Adobe, доступными по адресу
http://www.adobe.com/ru/privacy/policy-linkfree.html
http://www.adobe.com/ru/special/misc/terms.html

3 способа изменить DPI изображения (и почему дизайнеры должны знать, как)

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

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

Что такое DPI?

DPI означает «число точек на дюйм» и представляет собой спецификацию для печати и для настройки разрешения печати изображения.

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

1. Качество вашей печати. Проще говоря, более высокий DPI означает более высокое качество печати. Большинство хороших домашних принтеров могут печатать с разрешением 300 точек на дюйм, а профессиональные принтеры гораздо выше.
2. Размер вашего отпечатка. Пиксель в цифровом изображении является эквивалентом точки на отпечатке. Таким образом, если вы печатаете изображение шириной 1800 пикселей со скоростью 300 точек на дюйм, напечатанное изображение будет иметь ширину шесть дюймов. Напечатайте то же изображение с разрешением 180 точек на дюйм, и оно будет шириной 10 дюймов.

Как DPI влияет на ваши отпечатки

Вот изображение для иллюстрации. Ниже представлены две линии, которые состоят из одинаковых 40 квадратов — одинакового размера и одного цвета. Квадраты менее плотно упакованы в верхней строке, что соответствует более низкому DPI; и более плотно упакованы в нижней строке для более высокого DPI.

Эффект очевиден. На Ниже DPI линия градиента намного менее гладкая. Вы можете видеть четкие края на каждом из квадратов. Линия также намного длиннее.

На Выше DPI линия градиента намного плавнее. Это почти без проблем. Линия также намного короче.

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

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

увеличение его размера не приведет к улучшению качества печати.

Какой DPI вы должны использовать?

Все это заставляет задуматься: в каком формате лучше всего печатать?

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

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

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

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

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

Как проверить DPI изображения

Чтобы узнать DPI изображения в Windows, щелкните правой кнопкой мыши имя файла и выберите свойства > подробности. Вы увидите DPI в Образ раздел с надписью Горизонтальное разрешение а также Вертикальное разрешение. На Mac вам нужно открыть изображение в предварительный просмотр и выберите Инструменты> Настроить размер. Это помечено разрешение.

Как изменить DPI изображения: 3 способа

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

Помните, что DPI — это только измерение разрешения печати. Изменение DPI не меняет размер вашего цифрового изображения или размер файла.

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

Как изменить DPI в Photoshop

Чтобы изменить DPI изображения в Photoshop, перейдите к Изображение> Размер изображения. Uncheck Resample Image, потому что этот параметр увеличит изображение, что снизит его качество.

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

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

Как изменить DPI в GIMP

Чтобы изменить DPI изображения в GIMP, перейдите в Изображение> Размер печати. Введите предпочитаемый DPI рядом с X разрешение, установить в пикселей / дюйм. Разрешение Y следует обновить автоматически, тоже.

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

Как изменить DPI онлайн бесплатно

Если вы в затруднительном положении и у вас нет нужной графической программы, вы всегда можете изменить DPI изображения с помощью изменяющего DPI веб-приложения Convert Town бесплатно в Интернете.

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

Получите лучшие фотографии

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

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

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

Подготовка изображения для Инстаграм

19.09.2017

Подготовка изображений для Instagram

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

Для изображения профиля в Instagram рекомендуется загружать картинку в пропорции 1:1 (квадратную) в формате PNG или JPEG с минимальными размерами 110px*110px. Отображаться такое изображение будет с размерами 32*32 пикселя.

Изображения для поста

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

При этом:
1. Стандартные «квадраты» загружаются в размере 1080 x 1080 px.
2. Горизонтальные фотографии могут иметь соотношение сторон 1:1,9 (Вертикаль:Горизонталь), то есть, нечто близкое к 1080 x 568 px, или иметь близкие соотношения (2:3, 3:4, 4:5, 5:7 и т.п.).
3. Вертикальные изображения ограничены соотношением сторон 4:5, что в пикселях будет означать 1080 х 1350. Таким образом, при загрузке фотографий с камер с соотношением сторон 2:3 будет происходить обрезка. Чтобы этого избежать, необходимо заранее добавить поля.

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

Не обязательно, но … желательно

Любое изменение размеров фотографии приводит к потере качества. Что можно сделать быстро и просто? Немного повысить контрастность и, возможно, сделать немного светлее. Светлые, выполненные в «белом ключе» фотографии легче преживают трансформации.

Если есть возможность, то можно немного «поколдовать» в Photoshop и применить фильтры.

Вот что советует профессионал (http://www.paninphotoschool.ru/articles/?art=95). В общем случае для поднятия резкости можно воспользоваться стандартным фильтром Photoshop Filter → Unsharp Mask (Контурная резкость) со следующими параметрами:

1. Amount (Сила воздействия) = 65-150%
2. Radius (Радиус) = 0.3 (это минимальный параметр радиуса, воздействующий на всю фотографию)
3. Threshold (Изогелия) = 0.

Данный фильтр при использовании образует паразитные цветовые ореолы, поэтому для их устранения необходимо применить команду Edit (Редактирование) → Fade (Ослабить) и во всплывшем меню выбрать режим наложения Luminosity (Яркость).

Если же хочется добиться «звенящей» резкости, алгоритм можно дополнить повторным применением фильтра Unsharp Mask (Контурная резкость), но уже с другими параметрами: Amount (Сила воздействия) = 250-500%, Radius (Радиус) = 0.2 (при таком радиусе воздействие будет происходить только на наиболее резкие детали, выявленные при предыдущем применении фильтра), Threshold (Изогелия) = 0. После чего также желательно воспользоваться командой Fade (Ослабление).

Успехов в любимой работе!

Что такое пиксели, разрешение и как правильно изменять размер в Photoshop

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

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

Это изображение размером 750 × 500 пикселей с разрешением 72 dpi, сохраненное формат сжатый JPG, который составляет 174kb. Давайте разберемся, что все это значит.

 

Разрешение и размер – это одно и то же?

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

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

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

Что такое пиксель?

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

 

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

Количество пикселей

Первый вид разрешения относится к количеству пикселей, которые формируют вашу фотографию. Чтобы рассчитать это разрешение, вы просто используете ту же формулу, которую вы бы использовали для площади любого прямоугольника; умножьте длину на высоту. Например, если у вас есть фотография с 4500 пикселями на горизонтальной стороне и 3000 по вертикальной стороне, она дает вам 13 500 000. Поскольку это число очень непрактично, вы можете просто разделить его на миллион, чтобы преобразовать его в мегапиксели. Таким образом, 13 500 000/1 000 000 = 13,5 мегапикселей.

 

 

 

Плотность пикселей

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

Теперь разрешение выражается в dpi (или ppi), которое является аббревиатурой для точек (или пикселей) на дюйм, да именно на дюйм, так уж сложилось, что в метрическую систему это не перевели. Итак, если вы видите 72 dpi, это означает, что изображение будет иметь плотность 72 пикселя на дюйм; если вы видите 300 dpi – это 300 пикселей на дюйм и т. д.

Конечный размер вашего изображения зависит от выбранного вами разрешения. Если изображение имеет 4500 x 3000 пикселей, это означает, что он будет напечатан в размере 15 x 10 дюймов, если вы установите разрешение 300 dpi, но при 72 dpi оно будет 62,5 x 41,6 дюйма. Хотя размер печатного снимка меняется, вы не изменяете размер своей фотографии (файл изображения), вы просто меняете организацию существующих пикселей.

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

 

Таким образом, разрешение и размер – это не одно и то же, но они связаны между собой.

 

Так количество означает качество?

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

Однако, помимо количества, вы также должны учитывать глубину пикселей, это то, что определяет количество тональных значений, которое содержит ваше изображение. Другими словами, это количество цветов на пиксель. Например, 2-битная глубина может хранить только черный, белый и два оттенка серого, но более распространенное значение — 8 бит. Значения растут экспоненциально, например, с 8-битной фотографией (2 до 8 = 256), у вас будет 256 оттенков зеленого, 256 тонов синего и 256 тонов красного, что означает около 16 миллионов цветов.

Это уже больше того, что глаз может отличить, что означает, что 16-бит или 32-бит будут выглядеть для нас относительно одинаково. Конечно, это означает, что ваше изображение будет тяжелее, даже если размер одинаков, потому что в каждом пикселе содержится больше информации. Именно поэтому качество и количество не обязательно идентичны.

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

 

Как выбрать и контролировать размер изображения и размер файла?

Прежде всего, вам нужно определиться, какая максимальная плотность вам нужна. Если вы разместите свое изображение онлайн, вы сможете отлично справиться с разрешением всего 72 dpi, но это слишком мало для печати фотографии. Если вы собираетесь печатать, вам нужно от 300 до 350 dpi.

Конечно, мы говорим обобщенно, потому что каждый монитор и каждый принтер будут иметь немного другие разрешения. Например, если вы хотите распечатать фотографию до 8 × 10 дюймов, вам нужно, чтобы изображение имело 300 точек на дюйм x 8 «= 2400 пикселей и 300 точек на дюйм x 10» = 3000 пикселей (поэтому 2400 × 3000 для печати 8 × 10 при 300 dpi). Все, что больше, будет лишь занимать место на жестком диске.

 

Как изменить размер в Photoshop

Откройте меню Размера изображения и во всплывающем окне вам нужно пометить поле «resample». Если вы не активируете «resample», вы будете перераспределять пиксели, как я объяснила в начале статьи.

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

8×10 дюймов при 300 ppi, это размер, необходимый для печати 8 × 10. Обратите внимание на размер пикселей 3000 x 2400.

 

750×500 пикселей при 72 ppi. Это веб-разрешение, и это точный размер всех изображений в этой статье. Размер в дюймах не имеет значения при публикации в Интернете — имеет значение только размер в  пикселях.

 

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

 

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

 

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

 

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

JPG высокое качество.

 

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

 

Заключение

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

 

 

 Автор: Ana Mireles

Перевод: Татьяна Сапрыкина

Как увеличить изображение в Photoshop 2021 — Промежуток времени затвора

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

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

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

---

Как увеличить изображение в Photoshop

Самый простой способ увеличения изображений и фотографий в Photoshop:

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

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

Сочетание клавиш для изменения размера изображений в Photoshop — Alt + I, затем Alt + E . Откроется диалоговое окно «Размер изображения», в котором вы сможете выполнить описанный выше рабочий процесс. Это самый простой способ увеличить изображение в Photoshop.

---

Как увеличить размер слоя в Photoshop 2021

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

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

Этот метод можно использовать для изменения размера слоя и изменения размера вставленного изображения.

Ярлык Photoshop для изменения размера слоя: Ctrl + T (Cmd + T на Mac) с выбранным слоем, который откроет Free Transform.

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

Чтобы увеличить размер холста в Photoshop:

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

---

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

---

Практическое руководство по Photoshop: копирование между изображениями разного размера

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

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

[ПРИМЕЧАНИЕ. Не думайте о размерах изображения в Photoshop в терминах «дюймы» и «разрешение».Когда вы перемещаетесь между изображениями в программе, вы имеете дело исключительно с пикселями. Изображение размером 4 × 6 дюймов и разрешением 300 пикселей на дюйм в Photoshop на самом деле имеет размер 1200 × 1800 пикселей.]

Все больше….
Чтобы скопировать меньшее изображение в большее изображение, перетащите слой из палитры слоев исходного изображения в окно целевого изображения, удерживая нажатой клавишу «Shift». Затем используйте Edit> Transform> Scale и измените размер слоя. Перетащите угловую привязку ограничительной рамки, чтобы увеличить. Вы можете удерживать нажатой клавишу Shift, чтобы сохранить соотношение ширины и высоты («сохранить пропорции») при масштабировании.Удерживая нажатой клавишу Option / Alt, масштабирование выполняется от центра, увеличивая размер во всех направлениях. Вы, безусловно, можете использовать одновременно Shift и Option / Alt.

… Уменьшаемся
Перемещение пикселей с большего изображения на меньшее — без потери пикселей — требует немного больше работы. Но с этим советом все проще простого.

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

• В исходном изображении перетащите слой, который нужно скопировать, в нижнюю часть «Новый слой» палитры «Слои», чтобы скопировать его.
• Убедитесь, что палитра «Информация» видна.
• Когда дублирующийся слой активен в палитре слоев, нажмите Command-T (Mac) или Control-T (Windows), чтобы войти в режим «Свободное преобразование». Снаружи слоя появится ограничивающая рамка.
• Удерживая нажатыми клавиши Shift и Option / Alt, перетащите одну из угловых точек привязки ограничивающей рамки внутрь. Держите кнопку мыши нажатой.
• Проверьте палитру информации. Когда поля W (ширина) и H (высота) покажут размер целевого пикселя, отпустите кнопку мыши, а затем клавиши-модификаторы.(Поля W и H показаны в красном поле на следующем изображении.) Нажмите клавишу Enter или Return, чтобы принять изменение и выйти из режима Free Transform.
• Перетащите слой из палитры «Слои» в целевое изображение, используя клавишу Shift для центрирования (при желании). Теперь вы можете удалить преобразованный слой из исходного изображения. Эта история представлена ​​вам Национальной ассоциацией профессионалов Photoshop (NAPP). Авторские права © 2003 KW Media Group. Photoshop является зарегистрированным товарным знаком Adobe Systems, Inc.

Изменение размера изображения и обрезка с помощью Adobe Photoshop CS4

Изменение размера изображения и обрезка с помощью Adobe Photoshop CS4

О пикселях и разрешении

Размер изображения в пикселях (ширина и высота) — это просто количество пикселей вместе с шириной или высотой изображения. Разрешение — это количество деталей в изображении. Он измеряется в пикселях на дюйм или PPI.Естественно, чем больше пикселей на дюйм, тем лучше будет разрешение. Изображения с более высоким разрешением обеспечивают более качественную печать.

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

Чтобы изменить размер изображения в Photoshop, выберите Изображение> Размер изображения . Откроется это диалоговое окно:

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

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

Убедитесь, что в поле «Стили масштабирования» установлены правильные пропорции при изменении размера.

Чтобы сохранить текущее соотношение высоты к ширине, убедитесь, что установлен флажок «Сохранить пропорции». В противном случае изображение может быть искажено из-за растяжения или сжатия.

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

Вот почему.

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

Изменение размера для печати и Интернета

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

Методы интерполяции

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

• Бикубическая интерполяция смотрит на значения цвета пикселей, окружающих выделение, чтобы определить, какой цвет сделать новым пикселям. Это обеспечивает высочайшее качество фотографических изображений.
• Билинейная интерполяция использует только соседние пиксели.Он быстрее, чем бикубический, но не так качественно.
• Ближайший сосед быстрее, чем любой из двух других, но не должен использоваться для фотографических изображений. Однако он наиболее эффективен для изображений с большими областями одного цвета.
• Bicubic Smoother — это то, что вы можете использовать при увеличении размера изображения.
• Bicubic Sharper можно использовать при уменьшении размера изображения. Это помогает сохранить резкость и детализацию.

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

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

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

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

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

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

Теперь ваше изображение будет выглядеть так:

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

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

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

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

Использование панели параметров при кадрировании изображений

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

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

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

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

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

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

Регулировка размера и поворота холста

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

Чтобы настроить размер холста, выберите Изображение> Размер холста .

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

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

Затем выберите цвет для нового холста.

Нажмите ОК.

В приведенном ниже примере мы расширили холст и закрепили исходное изображение по центру слева.

Работа с базовыми выборками

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

Photoshop CS4 предоставляет вам несколько инструментов, которые позволяют вам делать выбор. В этой статье мы рассмотрим основные инструменты.

Инструмент Marquee Tool Первый инструмент, который мы собираемся обсудить, — это инструмент Rectangular Marquee Tool или. Используя этот инструмент, вы можете выбрать область изображения (или выделить ее), чтобы вы могли внести в нее дополнительные изменения.

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

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

Первое, что вы хотите сделать при использовании любого инструмента на панели инструментов, — это установить свои параметры и предпочтения на панели параметров.

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

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

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

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

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

Выберите стиль.

Обычный . Если вы выберете «Нормальный», пропорции выделения будут определяться перетаскиванием.

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

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

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

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

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

Инструмент Magic Wand

Щелкните правой кнопкой мыши инструмент «Быстрое выделение», чтобы найти инструмент «Волшебная палочка».

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

Прежде чем мы узнаем, как использовать инструмент Magic Wand, давайте установим наши параметры на панели параметров (на рисунке ниже).

Первый значок, который вы видите, — это значок «Волшебная палочка». Это позволяет нам знать, что мы выбрали правильный инструмент.

Далее мы собираемся выбрать тип выделения Magic Wand, который мы собираемся сделать.

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

Затем укажите следующее:

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

Anti-Aliased — более гладкие края.

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

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

Теперь мы готовы использовать Magic Wand Tool. Щелкните цвет или объект с одинаковым цветом, который вы хотите выбрать.

Как вы можете видеть на следующем снимке, мы щелкнули лист.

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

Щелкните «Уточненный край» на панели параметров, чтобы дополнительно настроить границу, просмотреть выделение на другом фоне или в виде маски.

Инструмент быстрого выбора

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

Перед использованием инструмента установите параметры на панели параметров.

Первый значок — это значок инструмента быстрого выбора.

Затем выберите, хотите ли вы создать новый выбор, добавить к существующему выбору или вычесть из существующего выбора, щелкнув соответствующий значок.

Затем вы собираетесь выбрать размер кисти. Для небольших участков выберите кисть меньшего размера. Мы собираемся выбрать лист, поэтому мы выбрали кисть большего размера.

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

Инструмент «Лассо»

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

Однако перед тем, как использовать инструмент «Лассо», установите параметры на панели параметров.

Выберите тип выбора, который вы хотите сделать:

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

Затем установите другие параметры, как мы делали с другими инструментами в этой статье.

Теперь вы готовы сделать свой выбор.

Магнитное лассо и инструменты многоугольного лассо

Вы можете щелкнуть правой кнопкой мыши стрелку вниз на инструменте «Лассо», чтобы получить доступ к инструментам «Многоугольное лассо» и «Магнитное лассо».

Инструмент «Многоугольное лассо» позволяет рисовать многоугольные формы.

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

Чтобы использовать инструмент «Магнитное лассо», задайте параметры на панели параметров.

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

Затем установите ширину обнаружения . Photoshop обнаружит только края в пределах указанного расстояния от указателя мыши.

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

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

Если у вас есть стилус-планшет, выберите (или отмените выбор) параметр Прижим стилуса . Если он выбран, вы можете увеличить давление стилуса, чтобы уменьшить ширину края.

Инструмент свободного преобразования

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

Начните с выбора того, что вы хотите преобразовать.

Перейдите в Edit> Free Transform .

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

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

Для масштабирования перетаскиванием: перетащите маркер.Вы можете нажать Shift для пропорционального масштабирования.

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

• Для поворота путем перетаскивания : просто переместите указатель мыши за пределы границы. Когда вы наводите на него указатель мыши, он превращается в изогнутую двустороннюю стрелку. Перетащите вашу мышь.

Вы можете нажать Shift, чтобы сохранить угол поворота с шагом 15 градусов.

• Для числового поворота: Перейдите в текстовое поле поворота на панели параметров и введите градусы. Чтобы исказить, и получить искажение относительно центра границы, нажмите Alt и перетащите маркер.
• Чтобы свободно искажать : нажмите Control и перетащите маркер.

• Чтобы наклонить : нажмите Control + Shift и перетащите боковой маркер.

• Для численного наклона: Введите значения для градусов в текстовые поля H и V, расположенные на панели параметров.
• Чтобы применить перспективу: Нажмите Control + Alt + Shift, затем перетащите угловой маркер.
• Для деформации: Выберите значок «Переключиться между режимами свободного преобразования и деформации» на панели параметров, затем перетащите контрольные точки или выберите стиль деформации в меню «Деформация» на панели параметров (показано ниже).

Измените контрольную точку, щелкнув квадрат в локаторе контрольной точки на панели параметров.

Чтобы подтвердить преобразование, щелкните значок на панели параметров.

Чтобы отменить преобразование, щелкните на панели параметров.

Изменение выбора

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

Каждый раз, когда вам нужно изменить выделение, нажимайте клавишу Shift. Просто убедитесь, что что-то уже выбрано, прежде чем делать это. Рядом с курсором появится знак плюса (+).Теперь вы можете изменить свой выбор. Чтобы вычесть из выделения, нажмите клавишу Alt.

как изменить размер изображений для вашего сайта в фотошопе

24 августа 2017

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

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

ИСПОЛЬЗОВАНИЕ ОПЦИИ ФОТОШОПА «СОХРАНИТЬ ДЛЯ ВЕБ-УСТРОЙСТВ»

Ниже приведены несколько обрезанных изображений, взятых из изображения, присланного мне клиентом, представляющего собой изображение картины с очень высоким разрешением, ясно показывающее текстуру холста). Первое изображение было сохранено в формате jpeg обычным способом — в результате получилось изображение 153 КБ . Второй был сохранен с помощью функции Photoshop «Сохранить для Интернета и устройств», в результате чего изображение было намного меньше 27 КБ . Это значительное улучшение, особенно когда вы показываете несколько изображений на одной странице.

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

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

Параметр качества по умолчанию — 60, и иногда вы можете снизить его, чтобы получить еще меньшие размеры файлов для изображений, которые по-прежнему являются приемлемым качеством для ваших веб-страниц. Но даже если вы используете качество 80 или 100 (для действительно резких изображений), «Сохранить для Интернета и устройств» вы получите изображения небольшого размера.

УЗНАЙТЕ, КАКИЕ РАЗМЕРЫ ИЗОБРАЖЕНИЙ ИСПОЛЬЗУЮТСЯ НА ВАШЕМ ВЕБ-САЙТЕ

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

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

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

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

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

ИЗМЕНЕНИЕ РАЗМЕРА ПО ШАГАМ

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

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

Взгляните на следующие четыре изображения:

Первое изображение — это обрезка размером 4 × 4 пикселя из изображения 16 × 16 пикселей.
Второе изображение — это изображение, полученное в результате уменьшения изображения 4 × 4 до 2 × 2 пикселей.
Третье изображение — это изображение размером 16 × 16 пикселей (с красными пикселями вверху справа).
Четвертое изображение — это то, что происходит, когда вы уменьшаете изображение 16 × 16 за один шаг до изображения 2 × 2 пикселей. Красный цвет полностью теряется.

Это неизбежно, что некоторые из мельчайших деталей, подобных этой, теряются в процессе сокращения, но с последствиями можно справиться, изменяя размер с шагом 50%.Этот процесс предотвращает слишком смешивание цветов. Если вы собираетесь уменьшить свое изображение до размера 550 пикселей, а ваш оригинал — 6000 пикселей, вы сначала уменьшите его до 4400, затем до 2200, затем до 1100, затем до 550 (или вы можете уменьшить до 3000, затем до 1500, затем до 750 затем до 550 — при условии, что вы никогда не снижаете более чем на 50% за раз).

Кроме того, повышение резкости изображения с помощью странного названия «Маска нерезкости» (находится в разделе «Фильтры> Резкость») может сохранить четкость деталей, таких как линии и границы, поскольку этот инструмент увеличивает контраст там, где обнаруживаются существенные различия.Вы можете настроить степень резкости: радиус около 0,3 градуса при 100% хорошо подходит для уменьшения изображений, когда они большие. Как только изображение станет меньше 1000 пикселей (ширина или высота), вам следует уменьшить радиус и / или процентное соотношение или вообще отказаться от нерезкой маски (или вы можете получить чрезмерно резкое изображение, которое выглядит хуже, чем размытое изображение). изображение). Порог — это инструмент точной настройки, с которым вы можете поэкспериментировать, но обычно вы можете обойтись без него и все равно получить хороший результат.Переключение предварительного просмотра позволит вам увидеть эффект от процесса повышения резкости. Когда вы будете довольны (не переусердствуйте), нажмите ОК.

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

Рассмотрите следующие две детали (увеличенные, чтобы показать пикселизацию):

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

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

Для этого:

• создать папку для изображений с измененным размером
• открыть первое изображение для изменения размера
• открыть окно действий
• щелкните значок страницы, чтобы «создать новое действие», дайте ему имя и нажмите «Запись».
• уменьшите размер на 50%, пока не достигнете окончательного размера
.
• сохранить изображение в созданную вами папку (желательно через: «Сохранить для Интернета и устройств»), не давая ему новое имя.
• закрыть исходное изображение без сохранения изменений
• нажмите на красный квадрат кнопку «остановить запись»
• откройте все остальные изображения, размер которых нужно изменить, и для каждого из них выберите действие, которое вы только что создали, и нажмите кнопку «Воспроизвести» (использование параметра «Автоматизация»> «Пакетная обработка» иногда является более эффективным способом перебора пакета изображений, но не всегда)

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

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

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

Как изменить размер изображения в Photoshop (и когда следует изменить размер изображения)

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

Изменение размера и повторная выборка — два термина, которые сбивают с толку, потому что мы склонны использовать их неправильно.Мы часто говорим об изменении размера изображения, тогда как на самом деле мы делаем его повторную выборку! В Photoshop выберите «Изображение»> «Размер изображения» или нажмите сочетание клавиш CMD (или CTRL в Windows) + ALT + I.

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

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

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

В окне «Размер изображения» в Photoshop отображается текущий размер изображения. Измените единицы измерения на Пиксели, если они еще не установлены. Пиксели — это стандартная единица измерения для цифровых экранов.

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

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

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

Традиционно 72ppi — это стандартное разрешение для экрана, а 300ppi — стандартное для печати. PPI (пикселей на дюйм) относится к цифровому файлу, который переводится в DPI (точек на дюйм), когда изображение воспроизводится в виде отпечатка. Эти термины часто используются как синонимы. Высококачественная стандартная фотография 300 пикселей на дюйм идеально подходит для печати, поскольку в ней сочетаются большие размеры и высокое разрешение. Напротив, изображение 72ppi может выглядеть огромным на экране, но максимальный размер, который он может быть напечатан при 300ppi, будет довольно мал, потому что эти 72 пикселя на каждый дюйм скоро закончатся, когда вам нужно заполнить каждый дюйм 300 пикселями … в результате в меньшем размере печати.

Мы знаем, что следует избегать повышения частоты дискретизации, чтобы предотвратить ухудшение качества изображения, но вы можете увеличить разрешение изображения, если ОТКЛЮЧИТЕ параметр Resample . Если вы этого не сделаете, изображение будет иметь 300 пикселей на дюйм, но тысячи новых пикселей будут интерполированы Photoshop, что приведет к ужасному качеству. Чтобы правильно изменить разрешение, изображение должно быть изменено (не пересчитано).

Снимите отметку с опции Resample , которая не позволяет вам изменять размер изображения в пикселях.Затем вы можете превратить свое изображение 72ppi в изображение 300ppi, но заметили, как уменьшился физический размер в дюймах? Изменение размера работает только с существующими пикселями, без интерполяции новых. У вас будет четкое, высококачественное изображение 300 пикселей на дюйм без потери качества, но общий размер печати невелик, потому что на каждый дюйм добавляется 300 пикселей, а не только 72, поэтому вы не можете заполнить столько дюймов!

Вам не нужно физически изменять разрешение всех ваших изображений при создании дизайна.Если вы создаете холст с желаемыми размерами и разрешением, всякий раз, когда вы вставляете изображение в холст, оно будет автоматически масштабироваться относительно разрешения документа. Не забудьте также масштабировать слои больше, чем их исходный размер. Это фактически то же самое, что и их повторная выборка. Уменьшение = Хорошо. Масштабирование = плохо. Вот почему важно исходить из ваших ресурсов, таких как фотографии и текстуры, в максимально возможном размере и разрешении, чтобы их можно было использовать в реальных проектах, таких как плакаты или отпечатки на холсте.

Обрезка изображений — Изменение размера изображений с помощью Photoshop — Изменение размера фотографий — Изображения — Изображения и видео — Практическое руководство — Digital Team

Выбор изображения

1. В открытом Photoshop щелкните правой кнопкой мыши линейку, ограничивающую верхнюю и левую стороны. Убедитесь, что выбрано «Пиксели».

• Если линейки не отображаются, нажмите Просмотр , а затем выберите Линейки .

2. Откройте изображение, которое хотите обрезать.Выберите инструмент Rectangular Marquee Tool на панели инструментов.

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

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

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

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

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

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

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

Уменьшение размера холста может вырезать часть изображения, если новый размер холста меньше изображения по высоте и / или ширине.

• Выберите Изображение > Размер холста

  • Если щелкнуть поле «Якорь», можно изменить направление увеличения холста.Например, выбор левого центрального квадрата повлияет на размер изображения во всех направлениях, кроме левого. Выбор центрального квадрата будет обрезать полотно одинаково со всех сторон. Тщательно выбирайте, исходя из того, какую часть изображения нужно обрезать. Если вы допустили ошибку, отмените ее, нажав Ctrl + Z на клавиатуре.

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

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

Если редактирование изображения завершено, сохраните файл.

Как преобразовать размер изображений в идеальные квадраты с помощью Photoshop

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

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

Когда изображение должно выглядеть так:

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

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

В видео ниже я покажу вам, как это сделать, шаг за шагом:

Не можете просмотреть видео? Смотрите на YouTube

Ниже приводится краткое письменное руководство:

Начните с открытия вашего изображения в фотошопе.

Затем перейдите в «Изображение> Размер изображения», как показано на рисунке ниже:

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

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

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

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

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