Содержание

Как сохранить фото в Фотошоп и ускорить свой сайт

Есть у вас проблемы с медленной загрузкой сайта? Довольно часто блогеры не задумываются над тем как правильно сохранять фотографии в Фотошоп для Web. А, между прочим, картинки и плагины делят первое место, как первопричина заторможенности в работе сайта. Сегодня своими секретами оптимизации фото поделится Лисицына Юлия, автор сайта «Фотошоп для блогера».

Чем плоха медленная работа блога или сайта? Прежде всего влиянием на поведенческий фактор посетителей. По статистике, лишняя секунда ожидания на 7% снижает конверсию на сайте, на 11% уменьшает просмотры страниц и на 16% снижает желание клиентов ещё раз заглянуть к вам в гости.

Большое фото может увеличить время загрузки вашего ресурса на 5%. Как же можно решить проблему не потеряв в качестве визуального контента.

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

Напоминаю, оптимальный размер фотографии для публикации на сайте — не более 100 Кб. Для миниатюры сайта — не более 50 Кб.

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

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

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

Данный протокол подойдет для всех версий Фотошоп ( от CS4 — точно).

Шаг 1 Открываем фото

На самом деле это шажочек. Открываем нашу картинку в Фотошоп. Меню «Файл» (File), подраздел «Открыть» (Open), и выбираем откуда открыть наше фото.

Шаг 2 Уменьшаем фото

Далее, уменьшим размер фото до необходимого для корректной публикации на вашем сайте. Для сайта Блоги Мам — это 500 pix

Заходим в меню «Изображение» (Image) и выбираем подраздел «Размер изображения» (Image size). В открывшемся окошечке, вводим необходимый нам размер по ширине. По автоматическим настройкам, высота фото уменьшится пропорционально.

Шаг 3 Возвращаем резкость

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

Меню «Фильтры» (Filtres), подменю «Усиление резкости» (Sharpen) — «Контурная резкость» (Unsharp Mask). И вводим значения как на фото, они оптимальны.

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

Шаг 4 Сохранение фотографии в Фотошоп

Заходим в меню «Файл» (File), подраздел «Сохранить для Web» (Save for Web). В открывшемся для вас окне обращаем внимание на выделенные мною фрагменты.

Под цифрой 1, ещё раз акцентирую внимание на выборе формата вашего фото: GPEG или PNG.

Под цифрой 2, выбор качества изображения и, соответственно, его размера.

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

Остаётся нажать кнопку «Сохранить» и опубликовать фотографию на вашем сайте. Хочу отметить, что использованное мною фото изначально «весило» 51Мб и имело размер 5000 pix по ширине. Конечное фото — 99 Кб и 500 pix по ширине.

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

Автор текста Лисицына Юлия.

Источник фото: Unsplash.com

Как сохранять фотографии без потери качества | Статьи

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

PSD

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

TIFF

  • Наилучший по качеству формат, если Ваш приоритет — печать фотокниги или фото. Практически не имеет потерь;
  • Информация в слоях изображения TIFF сохраняется в зависимости от того, как был сохранён файл;
  • Величина файлов TIFF значительна.

JPEG

  • Весьма популярный формат, пригодный как для печати фото, так и для отображения в Интернете. Распознаётся практически всеми программами;
  • JPEG – формат утрачиваемый, и в этом его главный недостаток. При каждом открытии и сохранении изображения файл сжимается, и часть данных теряется.
  • Например, если отправляет фотографию в формате JPEG с телефона через мессенджеры (например WhatsApps, Viber), они их сильно сжимают, тем самым теряется качество изображения. Конечно, это не является большой проблемой, если Вы планируете просматривать изображения в мобильном приложении. Но если вы хотите распечатать фотографии для семейного архива, тогда лучше перенести файл с телефона на компьютер без сжатия.

PNG

  • Формат PNG создаёт файлы изображений небольшого размера без потери качества, что удобно для публикаций в сети;
  • Сохраняется прозрачность фона;
  • Файлы .png применимы для графического контента вместе с GIF;
  • Извлечение информации происходит путём переоткрытия и пересохранения, потери отсутствуют.

GIF

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

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

Планируете вернуться к редактированию изображения, к его маскам, слоям, непрозрачности – PSD, это правильный выбор. Закончили обработку – смело используйте JPEG. Требуется прозрачность для работы над собственным сайтом – выберите PNG. И не бойтесь эксперимента!

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

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

Как советуют веб-дизайнеры, лучше воспользоваться другой вкладкой, где в окне предпросмотра показываются сразу два изображения, оригинальное и оптимизированное, это вкладка «2 варианта» (2-Up):

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

Формат файла

С правой стороны диалогового окна находятся опции оптимизации изображения.

Первое, что нужно сделать, это выбрать правильный формат файла для нашего изображения. Если Вы открываете это окно в первый раз, по умолчанию установлен формат GIF. формат выбранного файла в верхней части (непосредственно под словом «Preset»). GIF в некоторых случаях используется для сохранения веб-графики, но для моей фотографии лучше подойдёт формат JPEG, поэтому я изменю GIF на JPEG:

Качество сжатия изображения

Непосредственно под опцией формата находится варианты выбора качества сжатия изображения, т.е. выходного качества самой картинки.
Мы можем выбрать из предварительно заданные параметров качества (низкое, среднее, высокое и очень высокое, и наилучшее, в англ. — Low, Medium, High, Very High, и Maximum) в выпадающем списке слева, либо можем ввести определённое значения качества в процентах справа.


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

Как только вы выбрали значение качества, убедитесь, что опция «Оптимизация» (Optimized) у Вас включена, т.к. она может помочь ещё несколько уменьшить размер файла. Опции «Прогрессивный» (Progressive) и «Встроенный (цветовой) профиль» (Embed Color Profile) включать не обязательно, т.к. всё-равно большинство веб-браузеров не поддерживают цветовые профили:

Цветовое пространство

Наконец, включите опцию «Преобразовать в sRGB» (Convert to sRGB), если она ещё не активна. Это позволит убедиться в том, что фотография сохраняется в цветовом пространстве sRGB, что, проще говоря, означает, что цвета на фотографии будут корректно отображаться на веб-сайте:

Размер изображения
Диалоговое окно также дает нам возможность изменить линейный размер изображения. Я рекомендую изменять размер изображения заранее, перед включением диалогового окна «Сохранением для Web», чтобы при сохранении для Web линейные размеры в пикселях были уже готовыми. Особенно это актуально для последней версии Photoshop CC с его
новым диалоговым окном «Размер изображения». Об изменении размера изображения в Photoshop CC рассказывается здесь, а в версиях CS6 и ниже — здесь.

Сравнение исходных и оптимизированных размеров файла

На данный момент, мы сделали все, что нужно, для оптимизации файла для Web, и теперь давайте посмотрим на размер файла в байтах в исходной и оптимизированной версиях. В моем случае, размер исходной фотографии (слева) был равен колоссальному для интернета значению — 1,29Mb что слишком велико для пользователей даже со средней скоростью интернета, а оптимизированная версия (справа), которая выглядит почти так же хорошо, как и оригинал, получилась всего 41,85 Kb :

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

Чтобы сохранить оптимизированную версию Вашей фотографии, нажмите кнопку «Сохранить» (Save) в нижней части диалогового окна. Photoshop откроет новое диалоговое окно «Сохранить оптимизированный как» (Save Optimized As), которое позволяет при необходимости переименовать изображение, а также выбрать нужную папку на жёстком диске для сохранения. Когда закончите, нажмите кнопку «Сохранить», чтобы сохранить изображение и выйти из диалогового окна:

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

Фотошоп как сохранить


Как сохранить фото в фотошопе

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

В фотошопе сохранить изображение можно под разными форматами – psd, bmp, gif, jpeg и другие различные форматы. Чтобы сохранить новую фотографию в adobe photoshop, вам нужно будет в программе выполнить следующие действие: Наводим курсор мыши на пункт «Файл» и один раз нажимаем левую кнопку мыши, в раскрывшемся меню выбираем пункт «Сохранить как…».

Также можно сохранить фотографию быстрым способом, для этого нажимаем на клавиатуре комбинацию клавиш Shift+Ctrl+S.

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

Теперь нам нужно указать название и формат сохраняемого изображения.

Итак, напротив строки «Имя файла», в специальном поле указываем название сохраняемой фотографии. Далее напротив строки «Тип файла», нажимаем на специальную кнопку, после чего откроется выпадающие меню, где нам нужно будет выбрать формат JPEJ (*JPG; *JPEG; *JPE) самый распространенный и легкий формат, который везде используется и применяется.

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

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

После того как вы установили ползунок на качество фотографии, нажимаем на кнопку «OK».

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

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

Также вы можете посмотреть подробную видео инструкцию, в которой, вы сможете посмотреть, как сохранить фотографию в adobe photoshop.

Как сохранить фото в фотошопе

Подписаться на новые инструкции через:

Как сохранить картинку из фотошопа?

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

1. Выбираем Save As (Сохранить как):

2. Далее выбираем куда будем сохранять, ставим Fomat (Формат) JPEG и жмем Сохранить:

3. В появившемся окошке устанавливаем Quality (Качество) на 10:

4. Жмем ОК.

Как сохранить в фотошопе

Когда работа в фотошопе готова её необходимо сохранить.

В зависимости для какой задачи вы сохраняете файл вам необходимо выбрать формат. В этой статье мы рассмотрим как сохранять и какой формат файла выбрать.

В каком формате сохранять файл?

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

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

PNG. Используется в основном дизайнерами для графики на сайтах, интернет-рекламе (баннеры), графика для мобильных приложений и т.д. Формат примечателен тем, что поддерживает прозрачность в изображении. Если нужно сохранить объект на прозрачном фоне — сохраняйте в PNG.

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

Как сохранить в PSD

Файл — Сохранить (CTRL+S)

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

Задайте название файлу и выберите формат PSD (обычно выбран по умолчанию).

Если хотите пересохранить в другой файл и с другими именем — воспользуйтесь командой Файл — Сохранить как.

Как сохранить в JPG

  1. Выполните команду Файл — Сохранить.
  2. Выберите формат JPG.

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

Здесь вы можете отрегулировать качество фотографии, выставив значение Качество от 1 до 12.

Установите галочку на параметре просмотр и будет видно как меняется качество фотографии, когда вы меняете параметр Качество.

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

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

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

Как сохранить в PNG

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

Файл — Экспортировать — Сохранить для Web (старая версия)

Появиться окно с настройками сохраняемого изображения.

Выбирайте формат PNG-24 — это будет качественное изображение с наименьшим весом файла и со всеми цветами.

Установите галочку Прозрачность, чтобы картинка была с прозрачным фоном.

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

картинка с прозрачным фоном сохранённая в фотошопе

Как сохранять в GIF

Файл — Экспортировать — Сохранить для Web (старая версия)

Выбирайте формат GIF.

Формат GIF серьезно ужимает изображение в цветах и соответственно в весе файла. Максимум тут доступно 256 цветов.

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

Адаптивная модель цветов — наилучшая, когда нужно сохранить в максимальном качестве.

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

Если у вас есть анимация в гифке, то можно настроить её количество повторов. Обычно ставят Многократно, чтобы анимация была бесконечно повторяющаяся.

Теперь вы знаете как сохранять в фотошопе, используя самые популярные форматы. Остались вопросы? Приглашаю в комментарии.

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

В этом уроке вы узнаете, как сохранить документ в фотошопе. После того как фотография была отредактирована то, скорее всего вы задались вопросом как ее сохранить? Для этого в фотошопе предусмотрены три команды:  Save (Сохранить), Save As (Сохранить как) и Save for Web & Devices (Сохранить для Web и устройств):

Основные сведения

Все три команды можно выполнить через меню File (Файл):

Команда Save (Сохранить), позволяет сохранить документ, в том формате, в котором была открыта изначально. Ее рекомендуется использовать в том случае, когда вы редактируете изображение, что бы в случае зависания программы не потерять результаты. Следующая команда, Save As (Сохранить как), будет для вас наиболее полезна, она  позволяет выбрать формат сохранения, качество и название. Команда Save for Web & Devices(Сохранить для Web и устройств) полезна для сохранения изображения веб ресурсов или каких либо устройств, позволяя сильно сжимать и менять размеры изображения. Что бы изучить настройки этой команды потребуется отдельный урок.

Сохранение файла в формате JPEG

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

Для соxранения изображения в этом формате нужно выбрать File (Файл)- Save As (Сохранить как), после чего откроется окно с настройками сохранения, о котором подробно будет рассказано ниже:

  1. В верхней части расположено окно для выбора места сохранения вашем жестком диске.
  2. Изменение имени файла
  3. В поле Format (Формат) можно выбрать формат для файла. Выберите формат JPEG и нажмите сохранить.

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

В разделе Image Options можно выбрать качество и степень сжатия:Low (Низкое), Medium (Среднее), High (Высокое) и Maximum (Максимальное). Легче всего это сделать при помощи ползунка. Помните, что чем  больше сжатие, тем хуже качество. Слева указан размер файла. В разделе Format Options можно выбрать один из трех методов сжатия:

  • Baseline Standart (Базовый Стандартный) этот метод сжатия самый распространяемый, идеально понимаемый формат для устройств и веб браузеров.
  • Baseline Optimizes (Базовый оптимизированный) метод который позволяет сжимать изображение, но при этом сохранять четкость и краски.
  • Progressive (Расширенный) с помощью сoхранения этого метода изображение будет загружаться не построчно, а за несколько проходов по мере загрузки. В каждый из них будет выводится полное изображения, улучшаясь от прохода к проходу. Некоторые браузеры и устройства плохо с ним работают.

Оставьте Baseline Standart и нажмите OK

Сохранение файла в формате PSD

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

Вновь выберите File (Файл) — Save as (Сохранить как). В открывшемся окне в поле Format (Формат) выберите PSD:

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

Похожая по теме статья: Как создать новый документ в фотошопе

Сохранение качества при уменьшении размера файла Photoshop

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

Так какими параметрами можно манипулировать для уменьшения размера снимка и как провести оптимизацию, минимально затронув качество?

На примере программы Photoshop посмотрим, как настроить снимок. Открываем фотографию в программе. Если у нас есть конкретный размер снимка, который нам нужен, то мы можем подогнать под него фото.

После открытия файла переходим в меню «Файл» — «Автоматизация» — «Изменить размерность».

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

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

После изменения размера создаём дубль слоя Ctrl+J. Переходим в меню «Фильтр» — «Резкость» — «Резкость+».

Далее понижаем непрозрачность нового слоя до 50%, чтобы высокая резкость не бросалась в глаза. После этого можно объединить оба слоя Ctrl + E.

После этого снова применяем автоматизацию.

Делаем ещё один дубль слоя, применяем «Резкость+». Снова снижаем непрозрачность. Процен можно установить по своему вкусу.

Делаем объединение слоёв.

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

Итоговое изображение:

На основе материалов с сайта: http://fotokomok.ru/

Подготовка фотографии для Интернета

25 декабря 2019 в 17:01 — последнее обновление

Урок №2

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


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

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

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

Открывается окно Размер изображения

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

Вводим вместо 2048 (у вас скорее всего там другие цифры) 1024 в окошко «ширина», при этом в окошке «Высота» автоматически появится цифра 768 (потому, что перед фразой Сохранить пропорции стоит галочка)

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

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

С размерами определились, переходим непосредственно к сохранению.

Сохранение фотографии для Интернета

В меню Файл, выбираете пункт Сохранить для Web.

Открывается диалоговое окно Save For Web

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

Вы спросите: какие параметры устанавливать?

Во-первых, в окошке 2 выберите формат GIF или JPEG.

Формат GIF поддерживает не больше 256 цветов и подойдет только для сохранения рисунков и чертежей (рисунки 6-8 на этой странице сохранены в формате GIF с поддержкой 64 цветов, поэтому весят по 7-11 кб — мелочь, а приятно!)

Конечно, красивую фотографию в этом формате не сохранишь, поэтому выбираем формат JPEG.

В окошке 3 выбираем качество фотографии: низкое, среднее, высокое, максимальное. Вы скажете: конечно максимальное?

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

Представленная фотография сохранена при среднем качестве и «весит» 36 кб. При высоком качестве она бы весила около 100 кб, а при максимальном — 200! Вообщем, я особой разницы между средним и высоким качеством не вижу, зато вижу большую разницу в объеме получаемого файла.

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

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

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

Всё, снимок готов!

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

Перейти к другим урокам по фотошопу:

  1. Кадрирование фотографии.
  2. Тоновая коррекция изображения
  3. Маскировка некоторых дефектов на фото с помощью Заплатки
  4. Удаление «эффекта красных глаз» с помощью Photoshop
  5. Подготовка фотографии к печати

Как сохранить картинку без фона в фотошопе: пошаговая инструкция

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

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


Шаг 1. Установка

Для обработки изображения вам понадобится Фотошоп с эффектами на русском языке. Установочный файл можно получить в разделе «Скачать» на нашем сайте – ссылка для загрузки дистрибутива придёт на тот e-mail, который вы укажете в соответствующей форме.

Размер бесплатной пробной версии Фотошопа – всего 57 Мб, благодаря чему дистрибутив скачается за считанные минуты даже при низкоскоростном Интернете. С установкой легко справится даже начинающий пользователь, имеющий лишь базовые навыки работы с ПК.


Шаг 2. Выбор фото

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


Шаг 3. Удаление фона

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

После того, как вы замкнёте контур, кликните дважды по нему, чтобы закончить работу. Программа сотрёт весь фон, оставив только выделенный объект. Не страшно, если с первого раза результат вам не понравится – достаточно нажать кнопку «Отмена» и попробовать всё сначала. Кроме того, можно установить увеличенное размытие границ, чтобы Фотошоп смягчил края выделения и сделал удаление фона более простым для новичков.


Шаг 4. Сохранение

Если вам важно, чтобы при сохранении фон оставался прозрачным, не выходите из окна «Замена фона». В левом нижнем углу вы найдёте кнопку «Сохранить в файл» — нажмите на неё и выберите нужный формат. Важно помнить, что прозрачность поддерживается только форматами PNG и GIF, поэтому стоит обратить внимание именно на них. Форматы TIFF и PSD можно отнести скорее к макетам, чем к изображениям, и просмотреть их без использования Фотошопа не получится.

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

Понравилась статья? Расскажите друзьям:

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


Состав:

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

Поиск и открытие Photoshop

Для подготовки изображений используется программа Adobe Photoshop.Если вы используете Macintosh , просто щелкните значок Photoshop в нижней части экрана, как показано на изображении ниже. Если его там нет, перейдите в Приложения> Photoshop .

.

Если вы используете Windows , щелкните меню «Пуск» в нижнем левом углу экрана. Найдите папку «Adobe» и выберите «Photoshop CS-2 Start»:

Вернуться к началу

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

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

Открыв изображение в Photoshop, перейдите в меню «Изображение» и выберите «Размер изображения …».

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

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

При создании изображений для использования в Интернете очень важно сохранять небольшой размер файла. Для этого необходимо учитывать формат и степень сжатия. Для веб-изображений чаще всего используются форматы GIF и JPG. Эти форматы предлагают файлы небольшого размера и качество от среднего до очень высокого. GIF обычно используется для простых иллюстраций, а JPEG — для фотографий.
Открыв изображение в Adobe Photoshop, перейдите в меню «Файл» и выберите «Сохранить для Интернета».

Откроется окно «Сохранить для Интернета».

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

Чтобы использовать формат JPEG, выберите в меню JPEG.

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

По завершении нажмите кнопку «Сохранить».

Чтобы сохранить изображение в формате GIF, выберите следующие параметры в меню настроек.

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

Когда вы закончите, нажмите OK и сохраните изображение.

Теперь ваше изображение готово для Интернета.

Вернуться к началу

Подготовка изображений к печати

При подготовке изображений к печати желательны изображения самого высокого качества. Идеальный выбор формата файла для печати — TIFF, за которым следует PNG.

Открыв изображение в Adobe Photoshop, перейдите в меню «Файл» и выберите «Сохранить как».

Откроется окно «Сохранить как».

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

Теперь ваше изображение готово к печати.

Вернуться к началу

Формат файла и руководство по DPI

Краткое руководство по формату файлов
Плюсы Минусы
JPEG Отлично подходит для размещения фотографий в Интернете. Больше обивки. Сжатие необратимо.
GIF Малый размер файла, сжатие без потерь.Отлично подходит для логотипов или простого искусства. Работает только с изображениями, содержащими менее 256 цветов. Очень плохо для фотографий.
TIFF Сжатие без потерь. Отличное качество изображения. Идеально для печати. Большой размер файла.
PNG Отличное качество изображения. Может использоваться в Интернете и в печати. Не очень хорошо поддерживается.

Руководство по DPI

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

(Ширина изображения в дюймах x DPI) x (Высота изображения в дюймах x DPI) = Размер изображения на экране.

Пример:
(6 дюймов x 100 точек на дюйм) x (4 дюйма x 100 точек на дюйм) = 600 x 400 пикселей

Вернуться к началу


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

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

Автор Стив Паттерсон.

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

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

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

Приступим!

Загрузите это руководство в виде готового к печати PDF-файла!

Совет №1: Сохраните копию своего изображения

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

Вот изображение, которое я только что открыл (свадебное фото из Adobe Stock):

Исходное изображение. Фото: Adobe Stock.

И на вкладке вверху документа мы видим имя файла.В моем случае это «Wedding.jpg»:

Имя файла отображается на вкладке документа.

Если я внесу какие-либо изменения в изображение на этом этапе, а затем сохраню свои изменения, перейдя в меню «Файл» в строке меню и выбрав «Сохранить», я собираюсь перезаписать этот исходный файл. Очевидно, это было бы плохо. Но простой способ избежать перезаписи файла — сохранить изображение как копию . Вот как это сделать.

Как сохранить изображение как копию

Перейдите в меню Файл и выберите Сохранить как :

Переход к файлу> Сохранить как.

В диалоговом окне дайте файлу другое имя или просто добавьте что-нибудь вроде «_copy» к существующему имени. Затем нажмите Сохранить :

Добавление «_copy» к исходному имени файла.

Если вы работаете с файлом JPEG, Photoshop откроет диалоговое окно «Параметры JPEG». Для получения наилучших результатов выберите Максимальное качество , а в разделе «Параметры формата» выберите Базовая оптимизация . Затем нажмите ОК:

Выбор параметров JPEG наивысшего качества.

А теперь, если мы заглянем во вкладку документа, то увидим, что исходное имя файла («Wedding.jpg») было заменено именем копии («Wedding_copy.jpg»). Это означает, что теперь мы работаем с копией нашего изображения, и оригинал в безопасности. Когда мы закончим редактирование изображения и сохраним его, мы сохраним копию, а не оригинал:

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

Редактирование изображения

Я быстро отредактирую свое изображение, перейдя в меню Image , выбрав Adjustments , а затем выбрав Desaturate :

Идем в Image> Adjustments> Desaturate.

Это не лучший способ преобразовать изображение в черно-белое, но для наших целей его вполне достаточно:

Изображение после обесцвечивания цвета.

Сохранение и закрытие документа

Затем я сохраню свою работу, перейдя в меню Файл и выбрав Сохранить :

Переход к файлу> Сохранить.

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

Я закрою документ, перейдя в меню Файл и выбрав Закрыть :

Переход к файлу> Закрыть.

Повторное открытие исходного изображения

В Photoshop CC закрытие документа, когда другие документы не открыты, возвращает нас на главный экран , где мы видим эскизы наших недавно открытых файлов:

Главный экран в Photoshop CC.

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

Щелкните эскиз, чтобы снова открыть исходное изображение.

И вот так исходное изображение открывается в Photoshop со всеми его цветами:

Возвращается исходное полноцветное изображение.

Загрузите это руководство в виде готового к печати PDF-файла!

Совет № 2: Сохраните файл как документ Photoshop

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

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

Как сохранить изображение как документ Photoshop

Чтобы сохранить файл как документ Photoshop, перейдите в меню Файл и выберите Сохранить как :

Переход к файлу> Сохранить как.

В диалоговом окне измените Format на Photoshop . Обратите внимание, что расширение файла после имени меняется на .psd , что означает «документ Photoshop». Нажмите ОК, чтобы сохранить:

Сохранение документа как Photoshop.psd файл.

Если мы снова посмотрим на вкладку документа, то увидим, что больше не работаем с нашим исходным файлом .jpg. Вместо этого мы работаем с файлом .psd Photoshop и готовы рассмотреть следующие два совета:

Вкладка документа, показывающая новый файл .psd.

Совет № 3: Работайте над отдельным слоем

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

На панели «Слои» мы видим наше изображение на фоновом слое, который в настоящее время является единственным слоем в документе:

Изображение откроется на фоновом слое.

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

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

Чтобы сделать копию фонового слоя, перейдите в меню Layer , выберите New , а затем выберите Layer через Copy .Или вы можете нажать сочетание клавиш, Ctrl + J (Win) / Command + J (Mac):

Переход к слою> Создать> Слой через копирование.

Копия появляется над оригиналом:

Панель «Слои», показывающая оба слоя.

По умолчанию Photoshop дает новым слоям общие имена, например «Слой 1». Поскольку я собираюсь снова преобразовать свое изображение в черно-белое, я дважды щелкну имя «Слой 1» и переименую его в «Черно-белый». Затем я нажимаю Enter (Win) / Return (Mac), чтобы принять его:

Переименование слоя.

Применение корректировки черно-белого изображения

Вернувшись к совету №1, я удалил цвет из изображения с помощью команды Photoshop Desaturate. Но гораздо лучший способ преобразовать изображение в черно-белое — это использовать настройку черно-белого изображения. Чтобы выбрать его, перейдите в меню Image , выберите Adjustments , а затем выберите Black & White :

Перейдите в Изображение> Коррекция> Черно-белый.

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

Нажмите кнопку «Авто» для настройки «Черно-белый».

А теперь выглядит так, как будто мы преобразовали изображение в черно-белое:

Результат после применения настройки черно-белого изображения.

Хранить изменения отдельно от оригинала

Но если мы снова посмотрим на панель «Слои», то увидим, что то, что мы действительно сделали, преобразовало только этот один слой в черно-белый.Исходное изображение на фоновом слое все еще в цвете:

.

Только верхний слой был преобразован в черно-белый.

Если я отключу слой «Черно-белый», щелкнув его значок видимости :

Отключение слоя «Черно-белый».

Видим исходное цветное изображение:

Отключение слоя «Черно-белое» восстанавливает исходное изображение.

И если я снова включу слой «Черно-белый», снова щелкнув его значок видимости:

Снова включение слоя «Черно-белый».

Затем мы вернемся к черно-белому изображению:

Возвращается черно-белое изображение.

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

Сохранение и закрытие документа

Я сохраню свой документ, перейдя в меню Файл и выбрав Сохранить :

Переход к файлу> Сохранить.

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

Щелкните OK, чтобы закрыть диалоговое окно «Максимальная совместимость».

Затем я закрою документ, вернувшись в меню File и выбрав Close :

Переход к файлу> Закрыть.

Это снова возвращает нас на главный экран, где мы видим, что теперь у меня есть исходное изображение в формате JPEG (в центре), черно-белая копия изображения в формате JPEG (справа) и мой новый Photoshop.psd файл (слева). Обратите внимание, что эскиз документа Photoshop показывает черно-белую версию изображения. Но это только потому, что мы сохранили файл с включенным слоем «Черно-белый». На самом деле мы не внесли никаких постоянных изменений.

Я снова открою документ Photoshop, щелкнув его миниатюру:

Повторное открытие документа Photoshop с главного экрана.

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

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

Оба слоя остаются нетронутыми после повторного открытия документа Photoshop.

Совет №4: используйте корректирующие слои

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

На панели «Слои» я удалю свой слой «Черно-белый», перетащив его в корзину:

Удаление слоя «Черно-белый».

Итак, теперь я вернулся к исходному изображению на фоновом слое:

Вернуться к исходному фото.

Корректировки изображения и корректирующие слои

Все стандартные настройки изображения Photoshop можно найти, перейдя в меню Image и выбрав Adjustments . Но проблема с этими настройками заключается в том, что они static , что означает, что изменения применяются непосредственно к слою, а изменения, которые мы вносим с ними, являются постоянными:

Список стандартных настроек изображения в Photoshop.

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

Где найти корректирующие слои Photoshop

Чтобы добавить корректирующий слой, перейдите на панель «Слои» и щелкните значок New Fill или Adjustment Layer внизу:

Щелкните значок «Новая заливка или корректирующий слой».

Не все настройки изображения Photoshop доступны в виде корректирующих слоев, но большинство из них:

Список заливок и корректирующих слоев Photoshop.

Как использовать корректирующий слой

Например, я выберу корректирующий слой Black & White из списка:

Добавление корректирующего слоя «Черно-белый».

После добавления корректирующего слоя он отображается как отдельный слой на панели «Слои»:

Корректирующий слой появляется над фоновым слоем.

И элементы управления и параметры для корректирующего слоя появляются на панели Photoshop Properties. Здесь мы видим те же ползунки цвета и кнопку Авто, которые мы видели ранее в диалоговом окне стандартной настройки черно-белого:

Панель «Свойства».

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

Я нажимаю кнопку Auto , как и раньше:

Щелчок по кнопке Авто.

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

Результаты использования стандартной коррекции и корректирующего слоя совпадают.

Сохранение и закрытие документа

Я сохраню свой документ, перейдя в меню Файл и выбрав Сохранить :

Переход к файлу> Сохранить.

А затем я снова закрою документ, вернувшись в меню Файл и выбрав Закрыть :

Переход к файлу> Закрыть.

Повторное открытие документа Photoshop

Вернувшись на главный экран, я снова открою свой документ Photoshop, щелкнув его миниатюру:

Повторное открытие файла Photoshop.

И снова документ открывается с нашими слоями все еще нетронутыми:

Документ по-прежнему содержит исходное изображение и корректирующий слой.

Отображение и скрытие корректирующего слоя

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

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

Как редактировать корректирующий слой

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

Щелкните, чтобы выбрать корректирующий слой.

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

Редактирование настроек корректирующего слоя на панели «Свойства».

И вот оно! Это несколько простых способов избежать потери исходных файлов изображений при работе в Photoshop! Ознакомьтесь с разделом «Основы Photoshop», чтобы получить дополнительные уроки! И не забывайте, что все наши руководства теперь доступны для загрузки в формате PDF!

Как сохранить высококачественные изображения в Photoshop, объяснение

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

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

Дело сжатия

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

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

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

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

Различные способы сохранения в фотошопе

В Photoshop существует множество способов сохранения изображений в зависимости от их размера и качества.Самый популярный метод сохранения в Photoshop — это функция Save As в File .

Функция «Сохранить как» предоставит пользователям большинство необходимых им типов файлов.К ним относятся самые популярные типы файлов, такие как JPEG, и неизвестные в других отношениях типы файлов, такие как Scitex CT (.SCT). Сохранить как лучше всего подходит для сохранения редактируемых работ и сохранения слоев.

Export , с другой стороны, экспортирует слои в окончательные однослойные изображения.Вы можете получить доступ к Экспорт в раскрывающемся меню Файл . Основная функция экспорта, на которую следует обратить внимание, — это Save for Web (Legacy) , обозначаемая как SFW . SFW в основном обеспечивает ту же функцию, что и функция Export As , но с добавленными редактируемыми настройками.

Сохранить для Интернета (устаревшая версия)

SFW — это основная функция, которую пользователи Photoshop должны использовать для сохранения изображений для использования в Интернете.Помните, что при сохранении высококачественных изображений сохраняется только то качество, которое у вас уже есть. Например, изображение 200×200 не будет хорошо выглядеть с масштабированием до разрешения 1920×1080, если оно не является векторным. Чтобы просмотреть выбор формата SFW, щелкните раскрывающееся меню рядом с Preset .

SFW представляет разные версии одного и того же типа файла.Они относятся к различным уровням качества, продиктованным цветовой палитрой, количеством дизеринга, размером файла и т. Д. Строго говоря, лучший формат для сохранения изображений не существует. Тем не менее, два конкретных формата файлов обладают всеми качествами, которые можно ожидать от их изображений: PNG 24 и JPEG High. Если вы хотите узнать больше о сохранении в форматах GIF, у нас это тоже есть.

Есть несколько причин выбрать PNG 24 в качестве формата изображения, две основные причины заключаются в том, что PNG является форматом без потерь и поддерживает более широкий диапазон цветов.Другие причины включают поддержку прозрачности и широкую совместимость. Число 24 (вместе с 8) означает поддержку 24-битного цвета. И PNG 24, и JPEG High поддерживают большую цветовую палитру, что означает, что цвета будут плавно переходить в изображение. Ниже приведен пример разницы между PNG 8 и PNG 24 в сравнении с исходным изображением.

Кредит изображения: Шэрон Питтэуэй

Как вы можете заметить, существует значительная разница между размерами файлов.Размер оригинала — 34,2 МБ (мегабайт), размер изображения PNG 8 — 1,87 МБ, а размер PNG 24 — 11,13 М. Это отражает колеблющееся качество между изображениями PNG 8 и PNG 24.

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

Все изображения выглядят одинаково, несмотря на то, что они различаются по нескольким уровням качества.Тем не менее, наблюдается заметное уменьшение размеров отдельных файлов. Что произойдет, если мы увеличим масштаб изображения с 25% до 200%?

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

Сохранение для печати

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

Photoshop использует различные цветовые режимы, которые вы можете увидеть в меню Изображение> Режим .Цветовой режим по умолчанию — RGB (красный, зеленый, синий) и является основным цветовым режимом, используемым в Photoshop.

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

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

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

Кредит изображения: Клэр Хоппинг

Для надлежащего качества печати увеличьте PPI изображений до 200–250.Хотя 300 является обычным стандартом для профессионального качества печати, для большинства заданий печати он избыточен. Чтобы изменить свой PPI, перейдите в Image> Image Size и измените параметр Resolution .

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

В Photoshop есть два основных формата для печати: Photoshop PDF и TIFF .Оба появятся в вашей функции Сохранить как в файле .

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

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

Спаси правильный путь

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

В каком формате файла вы сохраняете свои приобретенные изображения? Дайте нам знать в комментариях ниже!

Истории о чудо-женщине, которые вы выбираете, теперь доступны в Google Assistant

Поклонники Чудо-женщины захотят настроиться на эти захватывающие интерактивные истории с помощью Google Assistant.

Об авторе Кристиан Бонилья (Опубликовано 84 статей)

Christian — недавнее дополнение к сообществу MakeUseOf и заядлый читатель всего, от плотной литературы до комиксов Кальвина и Гоббса.Его страсть к технологиям сочетается только с его желанием и желанием помочь; если у вас есть какие-либо вопросы, касающиеся (в основном) чего-либо, не стесняйтесь писать по электронной почте!

Более От Кристиана Бониллы
Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

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

Основы работы с файлами изображений

Эта статья основана на устаревшем программном обеспечении.

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

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

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

  1. В меню Файл выберите Открыть…
    Откроется диалоговое окно Открыть .

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

  3. Выберите изображение.

  4. Щелкните Открыть.
    Появится изображение.

Создание новых изображений

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

  1. В меню Файл выберите Новый …
    ИЛИ
    Нажмите [Ctrl] + [N].
    Откроется диалоговое окно Новый .

  2. В текстовом поле Имя введите имя изображения.

  3. В разделе Preset в текстовом поле Width введите значение ширины вашего изображения.

  4. В раскрывающемся списке Ширина выберите единицу измерения.
    ПРИМЕЧАНИЕ. У вас есть несколько вариантов единиц измерения: пиксели, дюймы, сантиметры (см), миллиметры (мм), точки, пиктограммы и столбцы.

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

  6. В раскрывающемся списке Высота выберите единицу измерения.
    ПРИМЕЧАНИЕ. У вас есть несколько вариантов единиц измерения: пиксели, дюймы, сантиметры (см), миллиметры (мм), точки и пики.

  7. В текстовом поле «Разрешение » введите значение разрешения изображения.
    ПРИМЕЧАНИЯ:
    Разрешение следует определять в соответствии с тем, как будет использоваться изображение.
    У вас есть два варианта единицы измерения: пиксели / дюйм и пиксели / см.

    ПОДСКАЗКА: В правом нижнем углу диалогового окна находится Размер изображения; он настраивается в соответствии со спецификациями изображения.

  8. В раскрывающемся списке «Цветовой режим» выберите режим изображения.
    ПРИМЕЧАНИЯ:
    Дополнительные сведения о режимах изображения в Photoshop см. В разделе «Режимы изображения» ниже.
    У вас есть два варианта: 8 или 16 бит.

  9. В раскрывающемся списке Background Contents выберите фон изображения.
    ПРИМЕЧАНИЕ. У вас есть три варианта: белый, цвет фона или прозрачный.

  10. Щелкните ОК .
    Будет создано новое изображение Photoshop.

Сохранение изображений

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

ПРИМЕЧАНИЕ. Различные типы файлов изображений позволяют сохранять изображение с различными параметрами. В этом разделе приведены инструкции по сохранению изображения с хорошим балансом качества изображения и размера файла.

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

Layers обеспечивают гибкость и творческий подход при работе с изображением. Однако несколько других программ могут считывать слои в файле изображения Photoshop.
РЕКОМЕНДАЦИЯ: Сохраните файл как PSD, чтобы вы могли вносить в него изменения в будущем.

  1. В меню Файл выберите Сохранить A s
    Откроется диалоговое окно Сохранить как .

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

  3. В текстовом поле Имя файла введите имя файла.

  4. Перейдите к соответствующему разделу в соответствии с файлом Формат , который вы создаете: (PSD, GIF, JPEG, TIFF).

Для сохранения в формате PSD:

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

  1. В раскрывающемся списке Format выберите Photoshop (* .PSD; * .PDD).

  2. Нажмите Сохранить.
    Изображение сохранено.

Чтобы сохранить в формате GIF:

GIF имеет небольшой размер файла и низкое качество изображения. Его нельзя сохранить слоями.

  1. В раскрывающемся списке Format выберите CompuServe GIF (* .GIF).

  2. Нажмите Сохранить.
    Появится диалоговое окно с просьбой выровнять слои.

  3. Щелкните ОК .
    Появится диалоговое окно Indexed Color .

  4. В разделе Options из раскрывающегося списка Dither выберите None.

  5. Щелкните ОК .
    Откроется диалоговое окно Параметры GIF .

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

  7. Щелкните ОК .
    Изображение сохранено.

Для сохранения в формате JPEG:

JPEG имеет хороший баланс между размером файла и качеством изображения. Его нельзя сохранить слоями.

  1. В раскрывающемся списке Format выберите JPEG (*.JPG; * .JPEG; * .JPE).

  2. Нажмите Сохранить.
    Откроется диалоговое окно Параметры JPEG .

  3. В разделе Параметры изображения переместите ползунок, чтобы настроить качество изображения и размер файла.
    СОВЕТ. Оценка качества 8 означает хороший баланс между качеством изображения и размером файла.

  4. В разделе «Параметры формата » выберите , выберите Baseline («Стандартный»).

  5. Щелкните ОК .
    Изображение сохранено.

Для сохранения в формате TIFF:

TIFF имеет большой размер файла и высокое качество изображения. Его нельзя сохранить слоями.

  1. В раскрывающемся списке Формат выберите TIFF (* .TIF; * .TIFF).

  2. Нажмите Сохранить.
    Откроется диалоговое окно Параметры TIFF .
    СОВЕТ: Настройки по умолчанию обеспечивают хороший баланс между качеством изображения и размером файла.

  3. Щелкните ОК .
    ПРИМЕЧАНИЕ. Если вы не выбрали «Отменить слои» и «Сохранить копию», появится предупреждение о слоях и размере файла; нажмите ОК .

Сохранение существующего изображения

  1. В меню Файл выберите Сохранить .
    Изображение сохраняется в исходном месте.

Использование «Сохранить как»

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

  1. В меню Файл выберите Сохранить как …
    Откроется диалоговое окно Сохранить как .

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

  3. В текстовом поле Имя файла введите имя файла.

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

  5. Нажмите Сохранить.
    Изображение сохраняется в выбранном месте.

Печать файлов

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

  1. В меню Файл выберите Печать …
    Откроется диалоговое окно Печать .

  2. В раскрывающемся списке Printer выберите свой принтер.

  3. В текстовом поле Копии введите количество копий, которое нужно напечатать.

  4. (Необязательно) Чтобы центрировать распечатанное изображение на странице, в разделе Позиция убедитесь, что установлен флажок Центр Изображение .
    ПРИМЕЧАНИЕ. Параметр выбран, если в поле отображается флажок.

  5. (Необязательно) Чтобы разместить распечатанное изображение на странице вручную, убедитесь, что параметр Центральное изображение не выбран и что выбран параметр Показать ограничивающую рамку .
    ПРИМЕЧАНИЕ. Параметры выбираются, если в поле отображается флажок.
  6. В окне предварительного просмотра страницы справа щелкните изображение.
    В четырех углах изображения появятся маркеры.
  7. Щелкните и перетащите изображение в желаемое место.
    ИЛИ
    В разделе Position в текстовых полях Top и Left введите размер верхнего и левого полей.
    Ваше изображение перемещено.
  8. Чтобы изображение соответствовало размеру вашей страницы, в разделе Масштабированный размер печати выберите параметр Масштабировать по размеру Носитель .
    ПРИМЕЧАНИЕ. Параметр выбран, если в поле отображается флажок.
    ИЛИ
    Чтобы выбрать размер печати изображения в процентах, в текстовом поле Масштаб введите процентное значение.
    ИЛИ
    Чтобы выбрать размер печати вручную, в текстовых полях Высота, и Ширина, введите нужный размер.
    ИЛИ
    В предварительном просмотре страницы щелкните один из маркеров выделения, окружающих ваше изображение, и перетащите его до нужного размера.
  9. (Необязательно) Чтобы изменить макет страницы, используйте кнопки книжной ориентации или альбомной ориентации.

  10. Когда вы закончите настройку изображения, щелкните Print.
    Ваше изображение напечатано.

Экспорт изображений для Facebook, Instagram и вашего веб-сайта из Photoshop — Retouching Academy

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

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

Все случаи, обсуждаемые ниже, имеют универсальное значение: размер экспортируемого файла JPEG будет играть большую роль в скорости загрузки вашего веб-сайта. Это очень важно, потому что это повлияет на его рейтинг в Google и видимость в поиске ( По состоянию на 9 июля 2018 года Speed ​​Update официально выпущен для всех пользователей.В конце прошлой недели Google объявил о серьезном изменении факторов ранжирования мобильных устройств. Хотя скорость всегда была фактором… — Wordstream.com)

СВЯЗАННЫЙ: Форматы файлов изображений, разрешение и размер

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

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

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

Facebook

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

СВЯЗАННЫЙ: Оптимизируйте свои фотографии для Facebook

Вдохновение от @sadowskaphoto на странице Академии ретуширования в Facebook

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

На сегодняшний день, 24 июля 2018 г., указано:

Измените размер фотографии до одного из следующих поддерживаемых размеров:

  • Обычные фотографии: 720 пикселей, 960 пикселей, или 2048 пикселей, ширина ,
  • Фото на обложке: 851px на 315px
  • Чтобы избежать сжатия при загрузке обложки, убедитесь, что размер файла меньше 100 КБ
  • Сохраните изображение в формате JPEG с цветовым профилем sRGB

Если вы загружаете с помощью мобильного приложения Facebook, важно отметить, что по умолчанию оно загружает ваше изображение в низком качестве.Чтобы этого избежать, у Facebook есть то, что они называют настройкой «HD», которая по умолчанию отключена и должна быть включена. Просто перейдите в FB Mobile Menu> Settings> Account Settings> Videos and Photos и переместите ползунок вправо. После включения все готово!

Instagram

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

Справочный центр Instagram: обмен фотографиями и видео

Когда вы публикуете фотографию в Instagram, независимо от того, используете ли вы Instagram для iOS или Android, убедитесь, что загружаете ее с максимально возможным разрешением (до 1080 пикселей по ширине).

Когда вы делитесь фотографией с шириной от 320 до 1080 пикселей, мы сохраняем исходное разрешение этой фотографии до тех пор, пока соотношение сторон фотографии составляет от 1,91: 1 до 4: 5 (высота от 566 до 1350 пикселей с ширина 1080 пикселей).

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

Лента вдохновения в Instagram @retouchingacademy. Изображения @phnicolascuenca и @sadowskaphoto

Сайты

При экспорте изображений для своего онлайн-портфолио обязательно принимайте во внимание рекомендации по поисковой оптимизации (также известной как SEO).

Короче говоря, от правильного SEO зависит, насколько хорошо ваш сайт будет проиндексирован поисковыми системами. Поисковые системы (такие как Google, Bing, Yahoo) используют «поисковые роботы», которые индексируют ваш сайт и сравнивают его с сопоставимыми веб-сайтами.Таким образом, чем лучше ваше SEO, тем выше будет рейтинг вашей поисковой системы, что позволит большему количеству потенциальных клиентов найти ваш сайт при поиске ретушера (или фотографа) в вашем районе.

Пример веб-сайта онлайн-портфолио нашей собственной Кендры Пейдж

Чтобы оптимизировать изображения для поисковых систем, вы можете сделать две вещи:

  1. Используйте очень информативные имена с ключевыми словами для каждого изображения, которое вы загружаете на свой веб-сайт. ключевых слов для SEO — это ключевые слова и фразы в вашем веб-контенте, которые позволяют людям находить ваш сайт через поисковые системы (Что такое ключевые слова SEO? От WordStream).Например, если ваше изображение — портрет женщины с голубыми глазами, имя файла может быть « professional_retouching_portrait_woman_blue_eyes.jpeg » или что-то в этом роде. Подумайте, как потенциальные клиенты могут использовать ключевые слова при поиске ваших услуг в Интернете и использовать их при именовании ваших файлов.
  2. Не менее важно иметь «замещающий текст» (альтернативный текст) для сопровождения ваших изображений на вашем веб-сайте. Альтернативный текст изначально создавался как средство предоставления текстового дескриптора в случае, если веб-сайт не может загрузить изображение.Вместо изображения будет использоваться «Альтернативный текст», позволяющий зрителю понять то, что он в противном случае увидел бы. Главное — убедиться, что зрителям рассказывается как можно больше об изображении, используя как можно меньше слов. Сегодня альтернативный текст играет важную роль, помогая поисковым системам сканировать и индексировать ваш сайт и тем самым улучшая общий рейтинг вашего сайта. Итак, альтернативный текст для изображения, упомянутого выше, загруженного на веб-сайт, может быть: . И если ваш веб-сайт находится на WordPress, вы можете заполнить альтернативный текст в настройках загруженного изображения:

Экспорт изображений для Интернета с помощью Photoshop

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

Теперь вы можете экспортировать изображения для социальных сетей и веб-сайтов в Photoshop несколькими способами: с помощью функций Export As и Save for Web .

Хотя Export Поскольку — это новейшая опция, многие фотографы и ретушеры по-прежнему предпочитают использовать метод Save for Web . Сохранить для Интернета был спрятан в меню в последних версиях Photoshop и помечен как « Legacy », что означает, что он все еще работает, но больше не поддерживается и не обновляется и в конечном итоге будет полностью заменен на Export As вариант.

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

Чтобы быстро получить доступ к диалоговому окну «Экспорт прежних версий в Интернет», выберите File> Export> Save for Web (Legacy) или нажмите Option + Shift + Command + S (Mac) , Alt + Shft + Ctrl + S (Win) .

И пока он все еще выполняет свою работу, мы сохраняем кнопку Save for Web (под названием Web Size ) в нижней части панели Beauty Retouch для удобного доступа одним щелчком к меню экспорта Save for Web :

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

  • Формат файла: JPEG
  • Качество: 60-70% (снижение качества часто становится заметным ниже 60-70%)
  • Установите флажок Optimized (при использовании диалогового окна Safe For Web )
  • Метаданные: сохраняйте свои авторские права и контактную информацию в изображениях (убедитесь, что они добавлены в Photoshop)
  • Проверить преобразовать в sRGB
  • Размер изображения: 2048 (по длинному краю) или другие размеры файла, указанные выше.

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

В диалоговом окне Save For Web это можно сделать через раскрывающееся меню рядом с Presets, как показано ниже:

Посмотрите этот видеоурок для получения дополнительной информации по теме:

Источник: Facebook | Instagram | Shopify | Канал Михаила Волошиновича на YouTube | таралешер.com
Изображение: Pexels.com

ПРИСОЕДИНЯЙТЕСЬ К НАШЕМУ БЮЛЛЕТЕНЮ ДЛЯ ОБНОВЛЕНИЙ И ЭКСКЛЮЗИВНЫХ СКИДКОВ

Успех! Теперь мы на связи. Вскоре вы получите подтверждение нашей подписки.

Используйте пакетную команду Photoshop для быстрого сохранения изображений для Интернета | Том Хоул | stitingale

Photoshop CC 2015 представил значительно улучшенный выходной файл «Экспорт как» , но странным образом исключил его использование в действиях .Я бы посоветовал всем, кто хочет улучшить рабочий процесс экспорта в следующих версиях Creative Cloud, прокомментировать отчет на форуме сообщества Adobe Photoshop, чтобы он был исправлен.

Для тех пользователей Creative Cloud 2015+, имейте в виду, что «Сохранить для Интернета» перемещено Файл -> Экспорт -> Сохранить для Интернета (устаревший)

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

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

Отображение изображений в Интернете — это компромисс между Качество изображения и Размер файла .

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

Обратите внимание, это оригинальный учебник, который я написал в 2011 году для CS5. Принципы как из видео, так и из текстовых руководств должны работать во всех версиях Photoshop, которые позволяют использовать BATCH-команды и ACTIONS.

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

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

Откройте изображение. Для этого урока я буду использовать сканированное изображение 120 ярких и ярких.

Сначала вам нужно убедиться, что панель Action видна в Photoshop.

Панель должна выглядеть примерно так.

Щелкните значок папки в нижней части панели, чтобы создать новый набор.

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

Щелкните значок New Action между значком папки и корзиной.

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

После того, как вы создали New Action , он автоматически начнет запись.

Обратите внимание, что вы можете приостановить / возобновить запись, используя значки Stop / Record в нижней части панели.

Откройте диалоговое окно Image Size

Image-> Image Size

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

Разрешение экрана 72 точки на дюйм. Измените разрешение на 72 точек на дюйм (пикселей / дюйм)

Вы заметите, что ширина уменьшилась с 5275 пикселей на дюйм до 158 пикселей.Теперь измените размер высоты / ширины на желаемый размер.

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

Для фотосъемки Измените разрешение изображения с помощью параметра «Бикубический».

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

Щелкните OK

Размер изображения изменен.

Затем нам нужно изменить цветовое пространство на sRGB (которое большинство веб-браузеров будут автоматически пытаться визуализировать с помощью изображения).

Обратите внимание: если мы попытаемся просмотреть изображение в веб-браузере с Adobe1998 в качестве цветового пространства, по сравнению с тем, если мы конвертируем изображение в SRGB, оно будет выглядеть ненасыщенным . Неправильное цветовое пространство в JPEG при загрузке объясняет, почему многие изображения в Интернете выглядят недостаточно насыщенными.

Откройте Edit-> Convert to Profile

Выберите Working RGB sRGB 2.1 из раскрывающегося меню.

Выберите Perceptual в меню Intent.

Щелкните OK.

Теперь выберите Сохранить для Интернета и устройств в меню.

Выберите JPEG High в качестве предустановки.

Теперь вы можете использовать ползунок качества JPEG, чтобы настроить качество изображения по своему вкусу. Для сайта-портфолио я бы предложил 80. Для общего пользования 50/60.

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

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

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

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

Теперь остановите запись действия, выбрав «Стоп» в нижнем левом углу меню «Действия».

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

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

Откройте File-> Automate-> Batch.

Когда откроется диалоговое окно пакета, выберите свой Set / Action.

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

Щелкните OK.

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

Photoshop — Оптимизация — Сохранение цифровых фотографий для Интернета в Photoshop 6

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

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

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

Для продолжения вам понадобится одна цифровая фотография. Обязательно сделайте резервную копию своей фотографии. Откройте его и выберите Изображение, Размер изображения.Если изображение шире 500 пикселей, оно слишком велико для веб-страницы. Введите ширину 300 пикселей и нажмите ОК.

Фотографии в Интернете

Теперь пришло время оптимизировать или уменьшить размер файла. Лучшим форматом файлов для веб-фотографий является JPEG. Его произносится как jay-peg и расшифровывается как Joint Photographic Experts Group. Этот формат был разработан специально для сжатия изображений фотографического типа с тонкими градациями цвета. Поскольку сжатие JPEG работает путем фактического удаления частей файла, часто едва различимых человеческим глазом, это называется схемой сжатия с потерями.Графика для ПК, сохраненная в этом формате, имеет расширение .JPG.

Открыв фотографию в Photoshop, выберите «Сохранить для Интернета» в меню «Файл». В итоговом окне есть четыре вкладки прямо над предварительным просмотром изображения. Щелкните вкладку 4 варианта. Теперь в раскрывающемся меню настроек справа выберите JPEG High.

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

Изображение для предварительного просмотра в левом верхнем углу является вашим оригиналом. Тот, который находится в правом верхнем углу, имеет наивысшее качество сжатия изображения, за ним следует тот, который находится внизу слева, а затем внизу справа.Посмотрите чуть ниже каждого изображения предварительного просмотра. Обратите внимание, что по мере уменьшения параметров качества уменьшаются и размеры файлов. Photoshop обычно выражает качество JPEG с шагом 5 и 10, при этом 100 — максимальное, а ноль — самое низкое качество изображения. (Однако пользователи могут установить качество на любое число от нуля до 100.)

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

Учет браузеров. Также чуть ниже эскиза Photoshop сообщает, сколько времени потребуется браузеру для загрузки изображения при определенной скорости модема, скажем, 28,8 Кбит / с (килобит в секунду) или 56,6 Кбит / с. Большинство компьютеров, приобретенных за последние несколько лет, имеют модемы со скоростью 56,6 Кбит / с. Чтобы изменить расчет скорости модема, щелкните правой кнопкой мыши в любом месте эскиза и выберите другую скорость.

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

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

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

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

Выберите размер файла. Вы также можете указать Photoshop, чтобы он оптимизировал изображение до желаемого размера файла. Выберите изображение для предварительного просмотра, нажмите кнопку «Оптимизировать меню» (кнопка с круглой стрелкой справа от меню «Настройки») и выберите «Оптимизировать по размеру файла».Введите нужный размер и нажмите ОК.

Сохранить файлы

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

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

.
Автор записи

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

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