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

Использование пользовательского интерфейса Photoshop

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

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

Дело Сжатия

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

Итак, давайте сосредоточимся на сжатии.

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

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

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

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

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

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

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

Сохранить для Интернета (Legacy)

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

Предустановленная.

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

также.

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

Изображение предоставлено: Sharon Pittaway

Как вы можете заметить, между размерами файлов также существует значительная разница. Оригинал составляет 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, по умолчанию Photoshop PPI. Хотя увеличение PPI не повлияет на воспринимаемое качество изображения через монитор, печатные изображения значительно выигрывают от сдвига.

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

Для обеспечения надлежащего качества печати увеличьте PPI изображений до 200-250. Несмотря на то, что 300 является стандартным стандартом для профессионального качества печати, для большинства заданий печати это излишне. Чтобы изменить свой ИЦП, перейдите на

Изображение> Размер изображения и изменить разрешение параметр.

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

В Photoshop есть два ключевых формата для печати:

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

Photoshop PDF — это тип файла PDF

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

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

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

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

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

Как правильно сохранить изображение для 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), которое позволяет при необходимости переименовать изображение, а также выбрать нужную папку на жёстком диске для сохранения. Когда закончите, нажмите кнопку «Сохранить», чтобы сохранить изображение и выйти из диалогового окна:

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

В каком формате сохранять фото в Фотошопе

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

Форматы для сохранения фото в Photoshop

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

• размер;
• поддержка прозрачности;
• число цветов.

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

Подведем итог. Сохранение картинки в фотошопе выполняется двумя командами меню. Первая «Файл – Сохранить (Ctrl+S)».

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

Когда создается новое изображение на компьютере, команда будет работать как «Сохранить как» («Файл – Сохранить как… (Shift+Ctrl+S)»).

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

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

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

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

• Базовый («стандартный») – при этом картинки или фото на мониторе отображаются построчно. Так отображаются файлы JPG.
• Базовый оптимизированный – изображение с оптимизированной кодировкой Huffman.
• Прогрессивный – формат, обеспечивающий показ, во время которого улучшается качество загружаемых изображений.

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

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

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

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

Форматы для сохранения фото

PSD и TIFF

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

JPEG

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

PNG

Имеет смысл применять, если на изображении есть прозрачные участки.

GIF

Не рекомендуется для сохранения фото, так как имеет ограничение по количеству цветов и оттенков на итоговом изображении.

RAW

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

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

Остальные форматы не совсем подходят для сохранения фотографий.

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

Помогла ли вам эта статья?

ДА НЕТ

Как сохранить слои в фотошопе как отдельные файлы jpg, png и т.п.

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

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

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

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%, в этом случае градиентные переходы более плавные.

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

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

Источник: https://pixelbox.ru/kak-sohranit-v-fotoshope

Про PNG. Часть вторая

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

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

Откроем тестовую картинку (PNG, 12 КБ) в фотошопе и вызовем Image → Adjustments → Posterize. Перемещайте слайдер, чтобы увидеть, как меняется изображение:

15 уровней (3014 байт)

50 уровней (6584 байта)

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

Без постеризации (152 КБ)

50 уровней постеризации (108 КБ)

Следующий способ немного сложнее, он используется в изображениях с полупрозрачными областями. Суть его в следующем: все непрозрачные пиксели сохраняются в одном файле PNG-8, а полупрозрачные — в другом. Увидеть в действии этот способ можно в статье Володи Токмакова, я лишь покажу, как можно быстро отделить полупрозрачные пиксели от непрозрачных.

В качестве примера возьмем это изображение (PNG, 62 КБ):

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

Сначала нужно выделить объект в слое, для этого делаем Ctrl-клик (или ⌘-клик на Маке) на изображении в палитре слоев (Layers):

Переходим в палитру каналов (Channels) и создаем новый канал из выделения, нажав на соответствующую иконку:

Снимаем выделение (Ctrl-D или ⌘-D), выделяем только что созданный канал и вызываем команду Threshold (Image → Adjustments → Threshold). Перетаскиваем слайдер в крайнее правое положение:

Мы получили маску для выделения абсолютно непрозрачных пикселей. Осталось загрузить выделение (Ctrl-клик/⌘-клик на изображении канала Alpha 1), перейти на палитру слоев (Layers), выделить слой с изображением и выполнить команду Layer → New → Layer via Cut. Получилось два слоя: в одном непрозрачные пиксели, в другом — полупрозрачные.

Осталось сохранить эти слои в отдельных файлах: непрозрачные пиксели сохраняем в PNG-8, а полупрозрачные — в PNG-24 (для этого изображения дополнительно можно выполнить постеризацию):

PNG-8 128 цветов + dithering 17 КБ

PNG-24 постеризация 35 6 КБ

Вот что в итоге получилось:

Было 62 КБ

Стало 23 КБ

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

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

Источник: https://www.artlebedev.ru/technogrette/img/png-2/

Почему фотошоп не дает сохранить в png. Как быстро в Photoshop сохранить изображение без фона в формате PNG

• Если изображения, созданные или обработанные в Фотошоп, оптимизировались нами всё это время форматом JPG и однажды, нам захотелось попробовать сохранить (оптимизировать) их PNG или GIF, то мы действуем также как и в случае с оптимизацией JPG.
• Щёлкнув по кнопке «Файл» верхнего меню мы развернём перечень опций, в котором выберем команду «Сохранить как…»:
• Запомнив сочетание клавиш Shift+Ctrl+S, мы сократим количество своих действий. Нажатие такого сочетания клавиш сразу же выводит окошко выбора места сохранения и типа файла:

Давайте щёлкнем по стрелочке для раскрытия списка с типами файлов, где выберем тип PNG:

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

После выбора формата PNG, Фотошоп предложит два варианта оптимизации и два варианта вывода уже оптимизированной картинки при просмотре, ну а наша задача сделать свой индивидуальный выбор:

Версия Фотошоп CS6 предусматривает дополнительное пользовательское сжатие на выбор, а предыдущая версия CS5 сжимает картинку самостоятельно автоматически, предлагая нам, лишь определиться с её выводом (появлением) при просмотре:

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

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

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

Не будем забывать о супер возможности с помощью PNG при оптимизации, сохранить многоуровневую прозрачность, если наше изображение содержит слои с разной степенью прозрачности:

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

Оптимизируем изображение по варианту сжатия «Нет/быстро»:

А затем, по варианту «Самый маленький/медленно»:

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

Посмотрим на картинку с первым вариантом оптимизации. Достаточно просто навести курсор мыши на изображение:

Теперь переведём курсор мыши на изображение сжатое по второму варианту:

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

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

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

Давайте посмотрим на оба варианта оптимизации с помощью средств операционной системы. Оптимизация по первому варианту сжатия:

Теперь посмотрим на оптимизацию с более высокой степенью сжатия (вариант 2):

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

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

1. Чтобы провести этот сравнительный анализ нам нужно обратиться к пункту «Окно» верхнего меню и выбрать опцию «Упорядочить»:
2. Где щелчком по стрелочке открыть окошко с перечнем вариантов:

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

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

Распространенных форматов всего три. Это JPEG
, PNG
и GIF
.

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

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

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

• Давайте немного попрактикуемся.
• Для вызова функции сохранения необходимо перейти в меню «Файл»
  и найти пункт «Сохранить как»
  , либо воспользоваться горячими клавишами CTRL+SHIFT+S
  .
• Это универсальная процедура для всех форматов, кроме GIF
  .

Подложка

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

Параметры изображения

Здесь выставляется качество картинки.

Разновидность формата

Базовый (стандартный)
выводит изображение на экран построчно, то есть обычным способом.

Базовый оптимизированный
использует для сжатия алгоритм Хаффмана (Huffman). Что это такое, объяснять не буду, поищите сами в сети, это к уроку не относится. Скажу только, что в нашем случае это позволит немного уменьшить размер файла, что на сегодняшний день не сосем актуально.

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

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

Сохранение в PNG

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

Сжатие

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

На картинках ниже Вы можете увидеть степень компрессии. Первый скрин со сжатым изображением, второй – с несжатым.

Как видим, разница значительная, поэтому имеет смысл поставить галку напротив «Самый маленький/медленно»
.

Чересстрочно

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

Я пользуюсь настройками, как на первом скриншоте.

Сохранение в GIF

Для сохранения файла (анимации) в формате GIF
необходимо в меню «Файл»
выбрать пункт «Сохранить для Web»
.

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

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

Всем привет. Сегодня речь у нас пойдет о том, как сохранить полученный результат. Ведь форматов так много, а еще зачем-то 2 типа сохранения: Save As
и Save for Web & Devices
.

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

Формат psd: Photoshop Document

Первым рассмотрим именно *.psd, т.к. это родной формат Photoshop. Он поддерживает всё: слои, корректирующие слои, обтравочные пути, изменения в каналах, либо сами каналы, никакой потери качества при многократном пересохранении не происходит.

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

Формат jpg или jpeg: Joint Photographic Experts Group

Самый распространенный формат растровой графики. В нем, например, чаще всего сохраняют снимки в цифровых камерах. И, если вы обратите внимание, большая часть хранящихся у вас картинок, поставленных с Windows, имеет формат *.jpg.

Рекомендации можно дать следующие: если вы сохраняете картинку фото качества, т.е. на ней достаточно много различных цветов, либо это вообще фотография, то выбирайте *.jpg. Учтите, *.

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

jpg, только когда сохраняете конечный вариант.

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

Формат gif: Graphics Interchange Format

Удобен для сохранения файлов с маленьким количеством цветов, т.е. поддерживает максимум 256 цветов.

Рекомендации можно дать следующие: если на картинке, несколько одноцветных объектов (имеется ввиду, что окрас объекта имеет один цвет, например, красный без градиентных переходов, а не то, что все объекты имеют одинаковый цвет), то выбор можно сделать в пользу *.gif. Хотя в таких ситуациях стоит еще присмотреться и к формату *.png (8 bit), но о нем ниже. Gif может содержать прозрачность, но не содержит слои.

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

Формат png: Portable network graphics

Выбор между *.png (8 bit) и *.png (24 bit) осуществляется только в File ? Save for Web & Devices…

*.png (8 bit)

Во многом похож на *.gif. Также поддерживает всего лишь 256 цветов, а это значит, что для фотографий не подойдет. Использование *.png (8 bit) приоритетно, если есть градиенты – алгоритм этого формата позволяет сжимать их более компактно.

Как и *.gif может содержать прозрачность. Не умеет сохранять анимацию.

*.png (24 bit)

Имеет одно неоспоримое преимущество перед *.jpg, *.gif, *.png (8 bit) – он единственный умеет сохранять полупрозрачность, т.е. если *.gif и *.png (8 bit) сохраняют только 2 значения прозрачности: прозрачно или непрозрачно, то в *.png полупрозрачность имеет множество промежуточных значений.

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

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

Теперь пару слов, о методах сохранения, первый метод:

File ? Save As…

Для сохранения *.psd подходит только этот метод, в нём же можно сохранять и *.gif, *.jpg, *.png (24 bit). Но для последних трех форматов прибегать к этому методу сохранения стоит только если вам абсолютно не важен объем полученного изображения.

File ? Save for Web & Devices…

Сохранить докумен в формате *.psd этот метод не позволяет, зато во все остальные описанные форматы без проблем. Главный плюс этого метода – очень тонкая настройка качества картинки, а соответственно и полный контроль над объемом файла.

Так же очень важно то, что тут можно посмотреть оригинал картинки и её же после оптимизации.

Еще один значимый плюс данного метода в том, что именно таким способом можно сохранить *.gif с поддержкой анимации!

2 голоса

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

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

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

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

Более терпеливых я благодарю за понимание. Приступим.

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

Источник: https://www.nexxdigital.ru/pochemu-fotoshop-ne-daet-sohranit-v-png-kak-bystro-v-photoshop-sohranit-izobrazhenie/

Фотошоп | Как сохранить слой?

Иногда возникает задача сохранить один отдельный слой из всего документа Photoshop. Желательно с прозрачностью. Как это сделать?

Отключите видимость лишних слоёв

Для этого нужно убрать иконки «глаз» левой кнопкой мыши напротив ненужных слоёв.

Нужно оставить видимым только один слой

Нажимаем в меню пункт «Файл» выбираем «Сохранить как»

Файл, Сохранить как

Для сохранения прозрачности выбираем формат файла PNG

Если сохраняется полностью закрашенный слой, то можно использовать тип файла JPG. Жмём «Сохранить»

Выбираем тип файла PNG

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

Слой в отдельном файлеПоделись страницей. Расскажи обо мне.

Как переименовать слой? Наведите курсор на текущее название слоя Делаем двойной клик левой кнопкой мыши по текущему имени слоя Поле имени становится […]

Найдите середину документа Этот вопрос подробно расписан в статье «Как найти середину?» Создайте пустой слой в текущем документе фотошопа Выделите пустой слой […]

Как разблокировать слой? В процессе работы возникают трудности, когда начинающий дизайнер не знает как снять защиту со слоя. Он пытается провести манипуляции […]

Создайте новый слой По-умолчанию он будет прозрачным. Значит нам нужно его покрасить в чёрный цвет. Найдите слева панель инструментов и выберете инструмент […]

Источник: https://panorama.efim360.ru/fotoshop-kak-sohranit-sloy/

Как в фотошопе экспортировать все слои в отдельные файлы | DesigNonstop – О дизайне без остановки

Как в фотошопе экспортировать все слои в отдельные файлы

18

Шаг 1Итак, у нас есть документ фотошопа с несколькими слоями (в данном случае 11), которые мы, собственно, и хотим преобразовать в отдельные файлы.

Шаг 2В меню выбираем путь «Файл» (File) > «Сценарии» (Scripts) > «Экспорт слоев в файл» (Export Layers To Files)

Шаг 3В открывшемся диалоговом окошке заполняем следующие поля. Куда сохранить картинку выбираем на компьютере с помощью «Browse…». Имя файла можно не задавать, так как скрипт все равно сохранит файлы под своими именами. Я обычно все файлы потом сама переименовываю.

Если нужно сделать картинки только видимых слоев, то ставим галку у Visible Layers Only. Потом выбираем тип файла. Потом нажимаем Run.

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

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

Шаг 6Ну а в том месте, где вы указали, появятся 11 отдельных файлов в формате jpg.

Источник: https://www.designonstop.com/useful/photoshop/kak-v-fotoshope-eksportirovat-vse-sloi-v-otdelnye-fajly.htm

Сохранение слоев в виде отдельных файлов в Adobe Photoshop

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

Статья написана на основе 11 версии программы Adobe Photoshop CS 4.

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

Список слоев .psd – файла

Обратите внимание, что все слои в исходном файле находятся друг над другом, размер “холста” соответствует размеру каждого конечного файла. То, как выглядит рабочая область исходного .psd файла, показано на рисунке:

Рабочая область исходного .psd файла

Чтобы сохранить каждый слой в отдельный файл, в главном меню выберите “Файл” -> “Сценарии” -> “Экспортировать слои в файлы“, как показано на изображении ниже:

Открытие сценария экспорта слоев в файлы

Откроется окно настройки экспорта слоев в файлы:

Окно экспорта слоев в файлы

В поле “Выходная папка” укажите адрес каталога, в который будут сохранены итоговые изображения. Для этого можно воспользоваться кнопкой “Обзор…” или скопировать из адресной строки стандартной программы “Проводник” ОС Windows.

В поле “Префикс имени файла” можно указать строку, с которой будет начинаться имя каждого файла. В данном случае не заполнено, т.к. Adobe Photoshop в качестве имени каждого файла берет наименование слоя.

Установите галочку “Только видимые слои“, чтобы файлы изображений создались только из тех слоев, которые отмечены как видимые.

Тип файла в данном случае указан “JPEG“, и мы рекомендуем оставить этот тип.

Дело в том, что, когда установили тип “PNG“, программа стала сначала скрывать все лишние слои, кроме одного, затем выполняла сохранение, затем скрывала все слои, кроме следующего и т.д.

По нашим подсчетам, в этом случае на сохранение 56 файлов потребуется больше часа. Если выбрать тип “JPEG”, то сохранение происходит гораздо быстрее.

• Качество рекомендуем указать как “Хорошее” – 8 баллов.
• Нажмите кнопку “Выполнить“.
• Программа начнет автоматически выполнять требуемые операции, чтобы сохранить каждый слой в отдельный файл изображения. Затем отобразится окно об успешном завершении операции:

Окно об успешном завершении экспорта слоев

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

Сохраненные в файлы слои

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

Источник: https://cadelta.ru/photo/id358

Сохранить как… или как лучше сохранить созданное изображение · «Мир Фотошопа»

Всем привет. Сегодня речь у нас пойдет о том, как сохранить полученный результат. Ведь форматов так много, а еще зачем-то 2 типа сохранения: Save As и Save for Web & Devices.

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

Формат psd: Photoshop Document

Первым рассмотрим именно *.psd, т.к. это родной формат Photoshop. Он поддерживает всё: слои, корректирующие слои, обтравочные пути, изменения в каналах, либо сами каналы, никакой потери качества при многократном пересохранении не происходит.

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

Формат jpg или jpeg: Joint Photographic Experts Group

Самый распространенный формат растровой графики. В нем, например, чаще всего сохраняют снимки в цифровых камерах. И, если вы обратите внимание, большая часть хранящихся у вас картинок, поставленных с Windows, имеет формат *.jpg.

Рекомендации можно дать следующие: если вы сохраняете картинку фото качества, т.е. на ней достаточно много различных цветов, либо это вообще фотография, то выбирайте *.jpg. Учтите, *.

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

jpg, только когда сохраняете конечный вариант.

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

Формат gif: Graphics Interchange Format

Удобен для сохранения файлов с маленьким количеством цветов, т.е. поддерживает максимум 256 цветов.

Рекомендации можно дать следующие: если на картинке, несколько одноцветных объектов (имеется ввиду, что окрас объекта имеет один цвет, например, красный без градиентных переходов, а не то, что все объекты имеют одинаковый цвет), то выбор можно сделать в пользу *.gif. Хотя в таких ситуациях стоит еще присмотреться и к формату *.png (8 bit), но о нем ниже. Gif может содержать прозрачность, но не содержит слои.

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

Формат png: Portable network graphics

Выбор между *.png (8 bit) и *.png (24 bit) осуществляется только в File ? Save for Web & Devices…

*.png (8 bit)

Во многом похож на *.gif. Также поддерживает всего лишь 256 цветов, а это значит, что для фотографий не подойдет. Использование *.png (8 bit) приоритетно, если есть градиенты — алгоритм этого формата позволяет сжимать их более компактно.

Как и *.gif может содержать прозрачность. Не умеет сохранять анимацию.

*.png (24 bit)

Имеет одно неоспоримое преимущество перед *.jpg, *.gif, *.png (8 bit) — он единственный умеет сохранять полупрозрачность, т.е. если *.gif и *.png (8 bit) сохраняют только 2 значения прозрачности: прозрачно или непрозрачно, то в *.png полупрозрачность имеет множество промежуточных значений.

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

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

Теперь пару слов, о методах сохранения, первый метод:

File ? Save As…

Для сохранения *.psd подходит только этот метод, в нём же можно сохранять и *.gif, *.jpg, *.png (24 bit). Но для последних трех форматов прибегать к этому методу сохранения стоит только если вам абсолютно не важен объем полученного изображения.

File ? Save for Web & Devices…

Сохранить докумен в формате *.psd этот метод не позволяет, зато во все остальные описанные форматы без проблем. Главный плюс этого метода — очень тонкая настройка качества картинки, а соответственно и полный контроль над объемом файла.

Так же очень важно то, что тут можно посмотреть оригинал картинки и её же после оптимизации.

Еще один значимый плюс данного метода в том, что именно таким способом можно сохранить *.gif с поддержкой анимации!

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

Источник: http://photoshopworld.ru/lessons/11/

Design resources

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

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

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

Для примера я сделаю скриншоты этого сайта. Кто не знает что такое скриншот, объясняю, (от англ.

screenshot [screen – экран, изображение на экране, кадр, содержимое экрана; shot – снимок мгновенного состояния]) — снимок экрана, картинка, которая точно отображает то, что показывает ваш монитор в конкретный момент времени.

На клавиатуре есть кнопка PrintScreen, после нажатия в буфер копируется изображение вашего экрана. Открываем Photoshop и создаем новый файл (Ctrl+N) и вставляем из буфера изображение (Ctrl+V). Для примера я создал 6 скриншотов.

Срежем ненужную часть при помощи Crop Tool (C).

Теперь стоит задача, как сохранить слой отдельным файлом. Можно конечно сохранять обычным способом (Файл >> Сохранить как… или File >> Save as…), но если у вас 50-100 слоев, вам потребуется много времени.

Делаем так (Файл >> Сценарий >> Export Layers to Files или File >> Script >> Export Layers to Files).

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

Смотрите папку, всё готово!

Источник: https://3pix.ru/export_layers_to_files/

Экспорт слоев и монтажных областей в Photoshop

С помощью Photoshop можно экспортировать монтажные области, слои, группы слоев или документы Photoshop как графические ресурсы PNG, JPEG, GIF или SVG.

Экспорт документа Photoshop или всех его монтажных областей

Выберите Файл > Экспорт > Быстрый экспорт в [формат изображения]. Если появится запрос, выберите целевую папку. Photoshop экспортирует текущий документ в качестве графического ресурса в формате, заданном в настройках быстрого экспорта. Если документ содержит монтажные области, то все они экспортируются по отдельности при выборе этого параметра.

Экспорт выбранных слоев, групп слоев или монтажных областей

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

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

По умолчанию в процессе быстрого экспорта создаются ресурсы в формате PNG с прозрачностью, и каждый раз появляется запрос на выбор места экспорта. Чтобы изменить настройки, выберите Установки > Экспорт или Файл > Экспорт > Настройки экспорта, а затем укажите следующее:

• Выберите предпочитаемый формат быстрого экспорта: PNG, JPG, PNG-8, GIF или SVG.
• Параметры, связанные с форматом. Например, для PNG можно указать, экспортировать ресурсы с включенным параметром Прозрачность (32 бита) или выполнять экспорт изображений меньшего размера (8 бит).
• Местоположение для изображений, экспортируемых с помощью быстрого экспорта. Для этого выберите один из следующих вариантов.

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

• Возможность включать метаданные (информацию об авторских правах и контактные данные) в экспортируемые ресурсы.
• Возможность преобразовать ресурсы в цветовое пространство sRGB.

Диалоговое окно «Экспортировать как»

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

• Выберите Файл > Экспорт > Экспортировать как, чтобы экспортировать текущий документ Photoshop. Если документ содержит монтажные области, то все они экспортируются с помощью этого диалогового окна.
• Чтобы вызвать это диалоговое окно для слоев, групп слоев или монтажных областей, выберите нужные объекты на панели Слои. Щелкните выделенные объекты правой кнопкой мыши и выберите Экспортировать как в контекстном меню. Каждый выбранный слой, группа слоев или монтажная панель экспортируется как отдельный графический ресурс.

Можно задать следующие параметры в диалоговом окне Экспортировать как:

ВыберитеPNG, JPG, GIF или SVG.

Для PNG укажите, экспортировать ресурсы с включенным параметром Прозрачность (32 бита) или выполнять экспорт изображений меньшего размера (8 бит). Для JPEG укажите требуемое качество изображения (0–100 %). Изображения GIF по умолчанию прозрачны.

Примечание.

При экспорте ресурсов PNG учитывайте следующее.

• При выборе параметра Прозрачность будут созданы 32-битные ресурсы PNG.
• Выбор параметра Файл меньшего размера позволит создать 8-битные ресурсы PNG.
• Если снять оба флажка, приложение будет создавать 24-битные ресурсы PNG.

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

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

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

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

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

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

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

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

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

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

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

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

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

Этот параметр полезен в некоторых ситуациях, например:

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

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

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

Укажите, следует ли включать метаданные (информацию об авторских правах и контактные данные) в экспортируемые ресурсы.

Укажите следующее.

• Требуется ли преобразовывать экспортируемые ресурсы в цветовое пространство sRGB. По умолчанию этот параметр выбран.
• Требуется ли внедрять цветовые профили в экспортируемые ресурсы.

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

1. На панели в левой части окна выберите относительный размер ресурса, например 1,25x.
2. Выберите суффикс для имени ресурса, экспортируемого с относительным размером. Например, @1,25x. Суффиксы упрощают управление экспортируемыми ресурсами.
3. При необходимости щелкните значок +, чтобы задать другие размеры и суффиксы для экспортируемых ресурсов.

Примечание.

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

• При рендеринге текст отображается не так, как ожидалось. Чтобы обеспечить максимальную надежность, преобразуйте текстовый слой в фигуру, прежде чем экспортировать его в SVG.
• При рендеринге слои-маски и обтравочные маски отображаются не так, как ожидалось. Попробуйте использовать вместо них векторные маски для экспорта SVG.
• Фоновый слой экспортируется в SVG как прозрачный. Продублируйте фоновый слой на панели Слои, чтобы сделать его видимым на экспортированном изображении SVG.

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

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

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

Источник: https://helpx.adobe.com/ru/photoshop/using/export-artboards-layers.html

Почему Фотошоп не сохраняет в jpg и png: обновлено

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

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

• Нередко невозможность сохранения фотографий в JPG и PNG может зависеть от настроек графического редактора — подобные ошибки могут также возникать из-за перегрузки Фотошопа плагинами.
• Кстати, далеко не все форматы сохранения изображений поддерживаются монитором — именно поэтому сохранять фотографии в подобных форматах просто нецелесообразно.
• Причин немного почему фотошоп не сохраняет в JPG не так много. Если не получается сохранить фотографию JPG, то попробуйте сохранить изображение в формате RGB c глубиной цвета 8 бит/канал

Сохранение в JPG цветовой схемы CMYK поддерживается далеко не всеми версиями Фотошопа. Схемы Lab и многоканальные цветовые профили и вовсе чаще всего не поддерживаются.

Есть и другие факторы, которые могут повлиять на сохранение готовых фотографий в Фотошоп.

Так если создание картинка состоит из нескольких слоев, то перед её сохранением в JPG слои необходимо объединить. Ещё одна причина, почему Фотошоп не сохраняет в JPG — это нехватка вычислительных ресурсов машины

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

Специально для Вас:  Почему не работает штамп в фотошопе: решение

Почему Фотошоп не сохраняет в PNG

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

Кроме того, есть еще одна специфическая причина почему Фотошоп не сохраняет в PNG — это отсутствует файла png.8bi, который должен находиться в рабочем каталоге программы. Внимательно проверьте подкаталоги Plugins/форматы файлов — там должен быть файл png.8bi

Если данный файл отсутствует, то необходимо скачать его либо переустановить Фотошоп целиком. Производитель при сохранении в формате PNG также рекомендует производить сохранение не через Save As, а через Save for web.

Источник: https://mirdostupa.ru/pochemu-fotoshop-ne-soxranyaet-v-jpg-i-png-obnovleno/

Как сохранять изображения для сайтов. Оптимизация фото для веб

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

Выберите подходящий формат для изображений

Полноцветные изображения, включающие в себя миллионы оттенков, можно сохранять лишь в двух основных форматах: JPG и PNG-24. GIF и PNG-8 категорически не годятся: они оба работают лишь с ограниченным количеством цветов (до 256 в зависимости от цветовой таблицы). И GIF, и PNG-8 идеальны для сохранения рисунков, чертежей, или изображений, где используется очень ограниченная палитра. Не фото!

• Особенность картинок в форматах GIF и PNG-8: в отличие от JPG и PNG-24, их не стоит масштабировать. Сразу теряется чёткость, появляются неприятные артефакты.
• Особенности JPG и PNG-24. PNG-24 стоит выбрать, если нужно максимально доступное качество вне зависимости от размера. Ещё одно отличие этого формата — поддержка прозрачности: можно, например, удалить фон, чтобы разместить фрагмент фото на том фоне, который уже есть на сайте. Это удобно для размещения сложных логотипов в градиентными цветами и множеством цветовых оттенков. В большинстве случаев надо использовать JPG.

Вывод. Если вам нужно разместить на сайте чертеж, скан документа, рисунок — используйте GIF и PNG-8. В таком случае вы получите высокую чёткость при крохотном весе. Для загрузки фотографий на сайт используйте JPG. В соцсети предпочтительно загружать PNG-24, но об этом — ниже.Так выглядит фотография, которую сохраняют в одном из восьмибитных форматовДля подготовки фото для веб используйте профессиональное ПО. Я рекомендую Adobe Photoshop или его аналоги. Почему «Фотошоп»? Его модуль Save for Web позволяет видеть, как именно портится картинка по мере усиления сжатия, и вы можете выбрать нужное соотношение между качеством и весом картинки. В этом же окне можно посмотреть, как будет выглядеть картинка на других платформах.

А теперь перейдём к более конкретным рекомендациям.

Готовим к публикации JPG

Первое, что стоит усвоить: каждое сохранение в формате JPG увеличивает количество артефактов. Этот алгоритм сжимает за счёт усреднения однородных пикселов. Чем больше сжатие — тем меньше деталей, оттенков, тем более выражены всем знакомые «квадратики». Сохраняйте изображение в JPG для веб в самый последний момент, перед публикацией. До этого сохраняйте картинку в одном из форматов без сжатия с потерями: PSD, TIFF, или даже PNG-24.

До того, как сохранять изображение для веб, уменьшите разрешение фото. Камера сохраняет фотографии с ppi 300 или 240 (в зависимости от настроек камеры), а дисплеи (кроме ретины) понимают лишь 72 ppi. Избыточное разрешение увеличивает вес изображения без каких-либо визуальных преимуществ. Высокое разрешение нужно только для печати.Не сохраняйте для публикации в интернет фото с избыточным разрешением. Это увеличивает размеры, но не даёт никаких преимуществСтепень сжатия JPG для публикации в web — 80% и больше (то есть 70, 60, 50%…). Ориентируйтесь на качество в первую очередь, но помните: на сегодняшний день предельный «вес» картинки, размещенной на странице как иллюстрация — около 250 кб. Придерживайтесь этой цифры.

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

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

Подпишитесь на наш канал в Telegram, чтобы не пропустить новые статьи и рецепты!
@aromaesthetica

Стоит ли включать в изображение цветовой профиль? Пожалуй, нет, если вы сконвертировали фото в sRGB-1966. Браузеры умеют работать только с ним. А вот если ваше изображение сохранено в одном из профессиональных форматов, с отображением будут проблемы. Сам по себе цветовой профиль — крохотный текстовый файлик, интегрированный в контейнер с изображением. Конечно же, он немного увеличивает вес файла, поэтому его лучше срезать вместе с метатегами.

GIF и PNG-8

Разница между этими форматами — в лицензировании, и нашей темы это не касается. Кроме того, GIF умеет работать с анимацией, а PNG-8 — нет. Если ваше изображение содержит ограниченное количество цветов (от 1 до 256), а также области прозрачного — сохраняйте в одном из этих форматов.Старинная гравюра содержит минимум цветов и построена на штрихах. оптимальный формат — GIF или PNG-8GIF использует сжатие без потерь в формате LZW и поддерживает анимацию.

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

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

При сохранении GIF и PNG-8 «Фотошоп» предлагает несколько опций. Первая: выбрать количество цветов. Больше цветов — больше вес. Смотрите, чтобы не уходило качество и не терялась резкость, и ориентируйтесь на минимальную по размерам палитру.

Если изображению не нужна прозрачность — снимите соответствующую галочку.

В некоторых случаях в индексированное изображение надо подмешать немного «шума», чтобы скрыть артефакты. Это используется для сохранения GIF и PNG-8, создаваемых из фотографий и видео (если речь о GIF). «Фотошоп» предлагает несколько типов такого шума, выбирайте подходящий.

Напомню: GIF и PNG-8 не стоит масштабировать! Сохраняйте их в том размере, в каком они должны отображаться на мониторе.

PNG-24

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

Никогда не публикуйте на сайте фотографии в формате PNG-24. Они в несколько раз «тяжелее» фото в формате JPG. Размер загружаемого изображения прямо влияет на скорость загрузки страницы, и файл в формате PNG-25 «весит» примерно в 4−8 раз больше этого же изображения в формате JPEG без видимого ухудшения качества (с показателем сжатия 80%).

Если вы загружаете фото в соцсети (Facebook, Instagram, Vkontakte), стоит выбрать PNG-24. Причина в том, что при загрузке изображения всё равно будут конвертированы и ужаты соцсетями, а значит, качество фото пострадает ещё раз. Вы никак не можете контролировать степень сжатия, можно лишь попытаться снизить риски. Для этого и нужен PNG-24 как формат без потери качества. Во всех других случаях используйте более подходящие форматы.

Новые форматы изображений для WEB: WebP и HEIC

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

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

WebP

Этот формат изображений для публикации в интернет был разработан Google почти 10 лет назад. WebP — формат, производный от видеокодека VP8. Он обеспечивает сжатие без потерь, и в отличие от JPEG поддерживает анимацию и прозрачность. Таким образом, все старые форматы — JPEG, PNG и GIF в перспективе становятся не нужны. Единственная проблема — совместимость. Но рано или поздно эта проблема будет устранена.

Главная проблема формата WebP (читается как «веппи»): его до сих пор читают далеко не все браузеры. Сейчас, в 2018, с ним справляются только Chrome и Opera, а Microsoft Explorer, Microsoft Edge, Firefox и Safari его не понимают. Поэтому вам придётся предусмотреть подмену изображений этого формата на изображения традиционных для интернет форматов. А это ровно в два раза больше картинок, которые придётся загружать на сервер.

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

У формата изображений для интернет WebP может быть большое будущее: он действительно сильнее сжимает картинки. Фото с большой степенью сжатия становится чуть более мутным, другие артефакты сжатия не обнаружены. Но использовать этот формат сейчас — тема для размышления вебмастера. Лично я пока использовать этот формат не готов.

HEIC / HEIF

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

• Контейнер файла поддерживает самый большой набор функций среди существующих форматов изображений. Например, тут есть поддержка многокадровых изображений с многокадровым сжатием. А это — HDR-изображения, а также мультифокусные и многообъективные изображения.
• Поддержка дисплеев 4K и 8K последних поколений. Кодирование HEVC использует сложные операции с меньшим, чем у JPEG, количеством ограничений. А это более эффективное сжатие за счет чуть большего времени кодирования.

Главная проблема на сегодняшний день — всё та же совместимость. Формат HEIC поддерживают только приложения iOS. Ни Windows, ни Android РУШС не поддерживают. А учитывая проблемы с лицензированием, ситуация, скорее всего, сохранится.

Общие рекомендации

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

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

Не размещайте масштабированные изображения. Выясните у вебмастера, какой размер по ширине и высоте изображения нужен для сайта, и сохраняйте ваше фото для публикации именно в этом размере. CMS могут масштабировать изображение автоматически, но в результате страница будет весить намного больше, чем надо. Это плохо сказывается на быстродействии сайта, и как следствие — на его место в поисковой выдаче. Или, как вариант, CMS растянет картинку до нужного размера, смотрится это плохо.Те самые «квадратики», артефакты алгоритма сжатия. Вам нравится такое качество?Не рекомендую автоматические «оптимизаторы» картинок по рекомендациям Google Speed Test. Да, они драматически уменьшат вес изображений, но пожалейте глаза своих посетителей. Да и собственный бизнес: качество визуального контента влияет на восприятие сайта и конверсию. Хуже восприятие — меньше денег в ваш карман. Лучше потратьте немного времени на подготовку полноценного контента, оно того стоит.

Заключение

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

Резюме

Название статьи

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

Описание

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

Автор

Виктор Петров

Издатель

aromaesthetica.ru

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

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

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

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

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%, в этом случае градиентные переходы более плавные.

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

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

 

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Все дело в формате или как правильно сохранить картинку в фотошопе | DesigNonstop

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

10

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

  

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

  

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

  

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

  

Формат png. Похож на предыдущий формат, но более продвинут и эффективнее сжимает картинки. В png очень удобно сохранять клипарты на прозрачном фоне. Существует в двух форматах png-8 (для простых картинок, поддерживает 256 цветов) и png-24 (для более сложных изображений, хорошо поддерживает цвета).

  

2. Сохраняем с помощью функции «Сохранить как…» (Save as…)
Можно сохранить картинку используя старый добрый способ через меню «Файл» -> «Сохранить как…» (Save as…) или комбинация клавиш «Shift+Ctrl+S». В выпадающем меню выбирается формат файла, в котором хотим сохранить файл. (Смотрим рисунок ниже) Этот способ используется когда сохраняемая картинка останется на вашем компьютере и не предназначается для публикации в интернете.

  

3. Сохраняем с помощью функции «Сохранить для Web» (Save for Web…)
Если же ваша картинка предназначена для того, чтобы быть вывешенной в интернете, то лучше воспользоваться функцией «Сохранить для Web» (Save for Web…). При таком способе картинка лучше и качественнее сохраняется именно для интернета и плюс там есть несколько удобных возможностей. Выбираем в меню «Файл» -> «Сохранить для Web…» (Save for Web…) или комбинация клавиш «Alt+Shift+Ctrl+S». Откроется диалоговое окно.

  

Для того, чтобы сохранить картинку в формате jpg в выпадающем меню (1) выбираем формат JPEG. Ставим качество сохранения (2) от 75% до 95%. Я всегда ставлю 75%. Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

  

Для того, чтобы сохранить картинку в формате gif в выпадающем меню (1) выбираем формат GIF. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). После этого нажимаем «Сохранить».

  

Для того, чтобы сохранить картинку в формате png в выпадающем меню (1) выбираем формат PNG-8. Выбираем количество цветов для сохранения (2). Устанавливаем, если надо, необходимые размеры картинки (3). В окошках слева показан изначальный размер картинки (4) и размер оптимизированной картинки (5). Ставим галочку в чекбоксе «Прозрачность» (6) для того, чтобы фон был прозрачным. После этого нажимаем «Сохранить».

  

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

Почему Photoshop хочет сохранять JPEG с качеством «10» из 12?

1) Факты

Причина, по которой у вас настройки выше, чем 10/12, состоит в том, что 12/12 — это более высокое значение.

Вот несколько тестов на сжатие в соответствии с моей методикой, описанной здесь (на испанском языке, при необходимости используйте Google Translate): http://otake.com.mx/Apuntes/PruebasDeCompresion2/1-CompresionJpgProceso.htm

a) Используя сжатие (сохранить как) 12/12, вы получаете небольшую потерю данных, прибл. 1/255.со сжатием по сравнению с несжатым файлом tiff (или bmp) 34,6%.

b) Но здесь у вас есть настройки как 10/12 со «значительной» потерей данных, со сжатием 20,4%.

2) Некоторые примечания

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

• Файл jpg повторно сжимается каждый раз, когда вы повторно сохраняете его как jpg. Но если вы сохраните его, скажем, 2 раза с теми же настройками, потеря данных при втором сохранении не так значительна, как при первом.

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

• В зависимости от изменений, новое сохранение jpg может считаться первым, например, измененное изображение.

3) Почему?

Понятия не имею! О файле jpg существует оооочень много заблуждений!

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

«Причина» , на мой взгляд, — это просто смесь Mercadological-Historical-GneralPublic / Use, где вам «нужно» показать, что PhotoMightyShop может предоставить хорошо сжатый файл (еще в те времена, когда Интернет-доступ по коммутируемым каналам был ) без каких-либо заметных визуальных артефактов сжатия.

Мы все еще боремся с еще одним доисторическим мифом, черт возьми … 72 d pi.

Что следует использовать

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

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

Если вы хотите опубликовать их снова, используйте любые настройки jpg (или формат файла), которые вам нужны.

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

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

1. Сохранение изображений в правильном цветовом пространстве

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

Чтобы преобразовать изображение CMYK в RGB, откройте изображение в Adobe Photoshop. Перейдите к Image в строке меню и в раскрывающемся списке наведите курсор на Mode и выберите RGB Color . Это преобразует изображение в цветовое пространство RGB, и вы можете заметить, что некоторые цвета более яркие.Затем перейдите к File , затем Save As и сохраните файл. Обязательно измените имя файла, чтобы вы или кто-то другой знал, что это файл для цифровых приложений.

2. Сжать файлы размером

При сохранении изображений для Интернета мы рекомендуем, чтобы размер файла был менее 2 МБ (2048 килобайт), чтобы обеспечить высокую скорость загрузки страницы. При этом мы также хотим, чтобы изображения были резкими, а не пикселизированными. Качество изображения зависит от таких факторов, как окончательный размер файла и настройки сжатия.При правильных настройках сжатия вы можете добиться хорошего качества изображения и небольшого размера файла. Как правило, вы можете сохранить файл с уровнем сжатия изображения от 70 до 80%, не просматривая пиксели , или отдельные точки цвета. Примечание. Степень сжатия зависит от ряда факторов, включая размер и формат файла исходного изображения. Вы можете использовать бесплатный инструмент, такой как Imagify, для дальнейшего сжатия файла.

3. Используйте правильный формат файла

Существует четыре основных формата файлов для сохранения изображений и графики для Интернета: JPG, PNG, GIF и SVG.Каждый формат файла имеет свои преимущества, недостатки и предполагаемый вариант использования. Ваше изображение или графику следует сохранить в определенном формате в зависимости от того, растровое оно или векторное. Растровые изображения создаются с помощью программ на основе пикселей или захватываются камерой или сканером. Эти изображения имеют конечное количество пикселей и могут потерять качество при увеличении масштаба. JPG, PNG и GIF — это форматы, которые лучше всего подходят для растровых изображений. Векторная графика создается с помощью векторной программы и может иметь неограниченный размер без потери качества.SVG и GIF лучше всего подходят для векторных изображений, в то время как вы также можете сохранить векторную графику в формате JPG или PNG, однако вы потеряете возможность бесконечно масштабировать изображение.

JPG

JPG или JPEG — наиболее распространенный формат растровых файлов для изображений.

Плюсы

• Наименьший размер файла
• Лучшее для фотографий высокого качества
• Совместимость в Интернете и на любом устройстве

Минусы

• Качество изображения может значительно снизиться при слишком сильном сжатии
• JPG не поддерживают прозрачный фон

Когда использовать JPG

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

PNG

PNG — еще один распространенный растровый формат, который более универсален, чем JPG. PNG может поддерживать больше цветов (более 16 миллионов) и поддерживать прозрачный фон или альфа-канал.

Плюсы

• Возможность иметь прозрачный фон для наложения изображения на цветной фон
• Может быть сжат без потери качества, как JPG

Минусы

• Размер файла обычно больше, чем JPG
• Не поддерживает анимацию

Когда использовать PNG

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

GIF

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

Плюсы

• Возможность создания анимированных изображений и сообщений
• Поддерживает прозрачный фон

Минусы

• Качество изображения и размер файла зависят от количества цветов.Чем больше цветов в изображении, тем четче изображение, но больше размер файла. Меньшее количество цветов в изображении приведет к более зернистому изображению, но меньшему размеру файла.
• Вы можете использовать изображение с 256 цветами.

Когда использовать GIF

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

SVG

SVG — это векторный формат, который позволяет создавать четкую графику и объекты, которыми можно управлять в Интернете.SVG можно создавать и редактировать в векторных программах, таких как Adobe Illustrator, Sketch и Inkscape.
Плюсы

• Малый размер файла
• Бесконечная калибровка (вектор) без потери качества
• Гибкость для разработчиков (можно изменять настройки, включая цвет и размер)
• Может редактироваться в векторной программе, такой как Adobe Illustrator
• Поддерживается в продуктах Microsoft Office для графики
• Можно анимировать

Минусы

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

Когда использовать SVG

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

4. Экспорт нескольких размеров для дисплеев с высокой плотностью пикселей

Поскольку мобильные устройства стали предпочтительным устройством для просмотра цифрового контента пользователями, их экраны имеют более высокое разрешение, чем типичный настольный компьютер. Эти дисплеи HiDPI, Retina или высокой плотности имеют более 200 пикселей на дюйм (PPI). Стандарт для Интернета и большинства настольных компьютеров — 72 PPI. Если пользователь просматривает изображение с разрешением 72 PPI на своем мобильном устройстве, а не на компьютере, оно не будет выглядеть таким четким, как изображение, сохраненное с большим количеством пикселей.Такие программы, как Adobe Photoshop и Illustrator, могут сохранять изображения и графику двумя способами для работы с мобильными и настольными браузерами.

1. Вы можете экспортировать изображение с масштабами @ 2x и @ 3x. Это означает, что программа автоматически создаст версию вашего изображения, которая в 2 раза (200%) или в 3 раза (300%) превышает исходный размер. Мобильный веб-браузер пользователя автоматически отобразит изображение в 2 или 3 раза в том же пространстве, что и исходный размер.
2. Вы можете экспортировать изображение в более высоком разрешении.Например, в Adobe Photoshop или Illustrator вы можете сохранить изображение с разрешением 96 или 150 пикселей на дюйм. Примечание. Размер вашего файла будет больше, поскольку программа добавляет к вашему изображению больше пикселей.

5. Увеличение изображения меньшего размера на 115%

Если у вас есть небольшое растровое изображение, размер которого нужно увеличить, вы можете постепенно увеличивать его на 115% в Adobe Photoshop. Это уменьшит количество пикселизации, возникающей при увеличении физического размера изображения. Для этого откройте ваше изображение в фотошопе.В строке меню перейдите в раздел «Изображение» и выберите «Размер изображения». В диалоговом окне в разделе «Ширина» и «Высота» измените единицы измерения на «Процент», а затем введите 115% в оба поля. Убедитесь, что установлен флажок «Resample» и «Bicubic Smoother (увеличение)».

Четкие и сфокусированные изображения не оставят равнодушными страницу

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

Брэндон Шилдс
Дизайнер

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

уровней сжатия JPEG в Photoshop и Lightroom

Определение идеальной настройки качества JPEG как в Photoshop, так и в Lightroom может быть сложной задачей, потому что мы часто видим два разных значения, из которых можно выбрать. Photoshop дает нам уровни сжатия от 0 до 12 при сохранении изображений JPEG через диалоговое окно «Сохранить» или «Сохранить как», в то время как Lightroom позволяет нам вводить только процент.Хотя проценты легче понять, чем числа от 0 до 12, поскольку мы относимся к 100% как «лучшему качеству изображения» проще, Adobe также создала путаницу относительно того, какое число представляет какой процент, поскольку диапазоны чисел не указаны любой из справочных документов. По правде говоря, проценты, которые мы видим в Lightroom, на самом деле не масштабируются от реальных 0 до 100 однозначными числами. Adobe просто сопоставила шкалу от 0 до 12 с процентной шкалой. В конечном итоге это означает, что переход от одного числа к другому, например, от 85% до 90%, может не иметь никакого значения для сжатия или размера изображения, в то время как изменение с 84% на 85% будет иметь большое значение.

Ниже представлены различные экраны, которые мы привыкли видеть. Во-первых, вот экран, который появляется, когда вы нажимаете «Сохранить» или «Сохранить как» и выбираете JPEG в Photoshop:

Как видите, значения, которые вы можете выбрать, представлены в числовой шкале от 0 до 12. И вот экран экспорта Lightroom:

Здесь мы видим представление шкалы сжатия JPEG от 0% до 100%.

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

Сжатие PS JPEG #	Имя шкалы PS	Эквивалент в%	Размер файла образца	Экономия места в% *
* Экономия места представлена ​​относительно самого большого размера файла при 100% качестве (27.3 МБ) и полном разрешении (снято камерой 20 МП)
0	Низкое	0-7%	2,2 МБ	1240%
1	Низкое	8 -15%	2,4 MB	1138%
2	Низкий	16-23%	3,0 MB	910%
3	Низкий		3,4-30% MB	803%
4	Низкий	31-38%	3.9 MB	700%
5	Med	39-46%	4,6 MB	594%
6	Med	47-53%		5,2 MB	5,2 MB 9025%
7	Средний	54-61%	5,8 MB	470%
8	Высокий	62-69%	7,8 MB	3509	350%	Высокий	70-76%	9.8 Мб
12	Макс	93-100%	27,3 МБ	0%

Итак, что это означает? По сути, это означает, что некоторые числа вообще не имеют значения, а другие — совсем немного, когда мы используем процентную шкалу.Выбор, скажем, качества 80% — это то же самое, что выбор 77% или 84%. Пока вы не дойдете до 85%, ничего особенного не изменится. То же самое и с 90% — это не отличается от выбора 85% качества!

Сохранение в Photoshop для Интернета

В своей исходной статье я ошибочно заявил, что функция «Сохранить для Интернета» в Photoshop работает так же, как процентное поле в Lightroom, что неверно (спасибо Аарону Шепарду за это!). Фактически, функция «Сохранить для Интернета» в Photoshop работает иначе, поскольку в ней используется другой алгоритм сжатия по сравнению с числами 0-12 или процентным соотношением в Lightroom.Здесь имеет значение каждое число от 0 до 100, а размер файла может значительно различаться.

Вот экран «Сохранить для Интернета» в Photoshop:

Что важно отметить в этом экране, так это то, что он оптимизирован для файлов с меньшим разрешением, которые предназначены для публикации в Интернете. Как видите, существует больше способов настроить окончательный формат JPEG, и вы можете решить, хотите ли вы сохранить данные EXIF ​​(поле метаданных) или полностью удалить их вместе с цветовым профилем.

Лучший уровень сжатия JPEG

Если вы все время использовали качество 12 или 100% при экспорте изображений JPEG, вы, вероятно, получили много раздутых изображений, огромных по размеру без уважительной причины. Дело в том, что вы теряете цель формата JPEG, постоянно используя 100%, потому что вы применяете очень слабое сжатие, что приводит к огромным файлам. Это не только увеличивает ваши потребности в хранилище, но также не делает счастливыми веб-сайты, которые позволяют загружать изображения, поскольку вы также потенциально увеличиваете их затраты на хранилище и пропускную способность.Хотя многие веб-сайты научились позволять людям загружать огромные изображения, применяя к ним сжатие, очень немногие сайты делают это умно. Так зачем тратить всю эту полосу пропускания и хранилище на постоянный 100% экспорт?

Моя базовая рекомендация — использовать 77% в Lightroom или значение 10 для сжатия JPEG в Photoshop . Это часто приводит к экономии места примерно на 200% или более и обычно сохраняет достаточно деталей в сцене без добавления видимых артефактов. Есть редкие ситуации, когда 77% могут создавать полосы в небе, поэтому, если вы видите такие проблемы, повышение на один уровень до 85% обычно решает это.Ничего выше я практически не использую.

Для большого количества фотографий даже 77% может быть излишним. Если вы посмотрите на приведенную выше таблицу, то значение ниже 10 приведет к довольно значительной экономии места. Если вы хотите еще больше уменьшить размер изображения, попробуйте снизить качество до 62% или даже 54%, чтобы посмотреть, приемлем ли результат. Обратите внимание, что результаты будут отличаться от изображения к изображению. Некоторые фотографии будут хорошо выглядеть при низком уровне сжатия, а другие не будут выглядеть наилучшим образом.

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

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

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

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

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

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

Изменить размер изображения очень просто. Выберите «Изображение»> «Размер изображения»

. Вы увидите это диалоговое окно.

1. Убедитесь, что ресамплинг включен.
2. Включите звено цепи, если вы хотите, чтобы ширина и высота изменялись вместе.Если нет, отключите цепочку, чтобы вы могли установить свою ширину и высоту.
3. Выберите новый размер (вы можете выбрать другие единицы измерения, нажав «дюймы»)
4. нажмите ОК

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

Как на самом деле измеряется разрешение?

Без особого усложнения, разрешение — это то, что вы видите на экране или при печати.На экране вы видите пикселей света, а в печати вы видите точек чернил. Отсюда и термины DPI (точек на дюйм) и PPI (пикселей на дюйм). В чрезмерном упрощении вы можете думать о них как об одном и том же, однако точки относятся к печати, а пиксели — к цифровому дисплею. Многие люди ошибочно говорят о DPI на экране, это неверно, но теперь вы знаете, что они имеют в виду. DPI и PPI — это способ описания разрешения .

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

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

Объяснение цифрового разрешения

Каждый экран имеет собственное разрешение, возможно, 750 x 1334 пикселей или 326 пикселей на дюйм, как у iphone Retina. 326 — это 326 квадратных пикселей, которые умещаются на 1 квадратный дюйм дисплея, чтобы полностью соответствовать размеру экрана. Но лучший способ измерить разрешение экрана — это общее количество пикселей.

• Например, многие мониторы (HD) имеют размер 1920 пикселей и высоту 1080 пикселей.1920 × 1080.
• 4K (Ultra HD) — 3840 x 2160.
• Камера Canon 5d Mk4 имеет размер прибл. 30 мегапикселей (мегапикселей = миллион пикселей). 6720 x 4480 пикселей (6720 x 4480 = 30 105 600 пикселей).

Объяснение разрешения печати

Печать измеряется в точках на дюйм (DPI) (в коммерческой печати используются строки LPI на дюйм или линейный экран). Если у вас больше точек на квадратном дюйме, у вас будет больше разрешение или детализация на вашем отпечатке. Типичное разрешение печати составляет 300 точек на дюйм (например, некоторые струйные принтеры лучше печатают при разрешении 360 или 240 точек на дюйм, посмотрите свои характеристики).Это означает, что на квадратный дюйм или печатный материал приходится 300 точек чернил. Если ваше изображение меньше, оно будет выглядеть мягким, если оно больше, нет никакой пользы, поскольку принтер не может печатать сверх своего максимального разрешения. Хорошо, как определить правильный ли размер?

1. В Photoshop выберите «Изображение»> «Размер изображения»
2. Отключите пересчет.
3. Введите желаемое разрешение в поле «Разрешение», в данном случае 300ppi (если вы настроили таргетинг на 300 точек на дюйм, PPI является цифровым эквивалентом)

Теперь вы увидите, что изображение 939 x 932 пикселей можно распечатать с разрешением 3.13 x 3,1 дюйма и красиво смотрятся с разрешением 300 пикселей на дюйм / 300 точек на дюйм. Если вам нужно напечатать больше, вам нужно либо выбрать изображение большего размера, либо увеличить изображение (пересчитать).

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

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

Если кто-то просит изображение определенного размера, просто сказав «4 × 6 дюймов» или «с разрешением 300 точек на дюйм», вы не получите достаточно информации. Иногда люди даже заходят так далеко, что говорят «300 dpi на 12 Мб», но это тоже не помогает, потому что размер файла на самом деле не влияет на физический размер изображения, потому что на это влияет сжатие файла и тип файла. Что вам нужно знать, это одно из двух:

1. Общие размеры в пикселях.Скажем, 3000, 4000 пикселей.
2. Укажите целевой размер И разрешение. Например, 4 × 6 дюймов при 300DPI / 300PPI. (Посмотрите, как обрезать до точного размера и разрешения)

Изменение размера изображения и интерполяция в Photoshop

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

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

• Ближайший сосед — Думайте об этом, как о взгляде на ближайший пиксель и сопоставлении его цвета и тона.
• Билинейный — Думайте об этом, как если бы смотрели на 4 окружающих пикселя и находили среднее значение
• Би-кубическое — как если бы смотрели на 16 окружающих пикселей и находили среднее.Но придавая больший вес 8 ближайшим пикселям.

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

Adobe добавила еще 2 типа бикубики (в Photoshop CS3). Они добавили:

• BiCubic Smoother: сглаживает артефакты, созданные при увеличении
• Bicubic Sharp: повышается резкость, чтобы восстановить потерянные детали при уменьшении файла

(Посмотрите, какие функции были добавлены в какие версии Photoshop в наших бесплатных супер-руководствах)

Есть еще 2 варианта какие они?

Автоматически (Photoshop CS6), при увеличении выбирается «Бикубическая сглаживание» (CS6) / «Сохранить детали» (CC), а при уменьшении изображений — «Бикубическая резкость».Автоматический — самый простой вариант в большинстве случаев, но продолжайте читать, потому что он может не всегда быть лучшим вариантом.

Интерполяция ступенек

Существует «секретное рукопожатие белки» для опытных пользователей Photoshop «в курсе». Этот секрет часто приписывают Фреду Миранде, открывшему интерполяцию ступенек. Это работает так, когда вы увеличиваете или уменьшаете изображение, а не просто переходите к окончательному значению, масштабируйте его вверх или вниз на 10% за раз. Вы увидите заметное улучшение резкости изображения и конечного качества. IF вы используете CS6 или более старые алгоритмы интерполяции.

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

Хорошо, Колин, хватит! Какой метод изменения размера лучше всего использовать?

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

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

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

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

Советы по масштабированию изображений в Photoshop

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

• Всегда просматривайте изображения на 100%, нет другого способа определить истинное качество, так как это единственное увеличение, которое дает истинную обратную связь.
• Подумайте об изменении размера изображения дважды: один раз для графики, а второй — для фотографий, а затем объедините результаты.
• Используйте предустановки изменения размера, если вы часто масштабируете изображения до заданного размера.
• Вы можете использовать Image Processor pro для пакетной обработки большого количества изображений. Файл> Автоматизация> Image Processor Pro
• Помните, что методы интерполяции доступны для Image Processor Pro, «Сохранить для Интернета», «экспортировать как», а также изменить размер.
• Если вам нужно действительно увеличить изображение, посмотрите некоторые сторонние плагины, такие как Alien Skins Blow up или OnOne perfect resize (формально известные как Genuine Fractals), которые заявляют , они могут масштабировать изображения до 1000x при сохранении качества.

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

Лучший способ изучить Adobe Photoshop

Если вы действительно хотите получить хорошее представление обо всех достоинствах Photoshop, не тратьте время на кучу разрозненных руководств от «экспертов», которые частично совпадают, а иногда и не согласуются друг с другом. . Ваше время — ВАШ самый ценный актив . Вот почему я составил исчерпывающий курс Photoshop, который научит вас всему в одном месте. Сначала я начал это в Photoshop 5 и за последние 17 лет переписывал этот курс 10 раз, каждый раз совершенствуя его.Я считаю, что это лучший способ изучить Photoshop, и тысячи людей согласятся со мной. Взгляните на Photoshop CC для цифровых фотографов (это действительно для всех, кто работает с изображениями в Photoshop). Более 100 уроков и 13 часов ценной внутренней информации. Это простой английский язык, поэтому любой может понять его, а также реальные методы, используемые опытными профессионалами. Включены все файлы уроков, так что вы можете следовать за мной, шаг за шагом. Полный возврат 60 денег. Возьмите в мгновение ока Загрузите или DVD прямо сейчас.

Спасибо, ребята!

Ознакомьтесь с другими уроками по PhotoshopCAFE!

Колин

Мифы и факты о формате файлов JPEG

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

JPEG Правильное написание: True

Хотя файлы часто заканчиваются трехбуквенным расширением JPG или JP2 для JPEG 2000, формат файла пишется как JPEG.Это аббревиатура от Joint Photographic Experts Group , организации, которая разработала формат.

JPEG теряют качество каждый раз, когда открываются: неверно

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

JPEG теряют качество каждый раз при открытии, редактировании и сохранении: True

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

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

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

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

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

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

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

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

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

Настройка качества 100 вообще не ухудшает изображение: неверно

Сохранение изображения в формате JPEG. всегда приводит к некоторой потере качества, хотя при настройке качества 100 она едва заметна среднестатистическим глазом.Кроме того, использование настройки качества 100 по сравнению с настройкой качества от 90 до 95 или около того приведет к значительно большему размеру файла по сравнению со степенью потери изображения. Если ваше программное обеспечение не поддерживает предварительный просмотр, попробуйте сохранить несколько копий изображения с качеством 90, 95 и 100 и сравните размер файла с качеством изображения. Скорее всего, между 90 и 100 изображениями не будет заметной разницы, но разница в размере может быть значительной. Незначительное смещение цвета — один из эффектов сжатия JPEG — даже при настройках высокого качества — поэтому следует избегать JPEG в ситуациях, когда важно точное соответствие цветов.

Прогрессивные файлы JPEG загружаются быстрее, чем обычные файлы JPEG: неверно

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

JPEG-файлы

требуют большей вычислительной мощности для отображения: True

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

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

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

JPEG идеально подходит для долгосрочного архивирования изображений: неверно

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

Изображения JPEG не поддерживают прозрачность: True

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

Я могу сэкономить место на диске, преобразовав мои изображения GIF в JPEG: неверно

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

Все изображения JPEG имеют высокое разрешение, фотографии качества печати: неверно

Качество печати определяется размерами изображения в пикселях. Изображение должно иметь размер не менее 480 x 720 пикселей для среднего качества печати фотографии размером 4 x 6 дюймов. Он должен иметь разрешение 960 x 1440 пикселей или даже больше для печати среднего и высокого качества.JPEG часто используется для изображений, которые будут передаваться и отображаться через Интернет, поэтому эти изображения обычно уменьшаются до разрешения экрана и не содержат достаточного количества пиксельных данных для получения высококачественной печати. Вы можете использовать более высокое качество сжатия вашей камеры при сохранении файлов JPEG с цифровой камеры, чтобы уменьшить ущерб, вызванный сжатием.

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Сложно понять

Загрузка в Instagram без потери качества изображения

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

Есть несколько причин, по которым качество изображения снижается при загрузке напрямую с вашего ПК, одна из которых заключается в том, что вы не соблюдаете рекомендации Instagram по максимальному разрешению, которые в настоящее время установлены на 1080 x 1350 пикселей. Любое изображение, разрешение которого превышает указанное, будет уменьшено Instagram, что может повлиять на качество изображения.

Во-вторых, это также зависит от формата изображения, которое вы используете. Формат Instagram по умолчанию для изображений — JPEG (.jpg), что означает, что любое изображение, загруженное в PNG (.png), BITMAP (.bmp) или что-либо иное, кроме JPEG, будет преобразовано в JPEG и, как таковое, теряет часть качество при конвертации.

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

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

Как не потерять качество изображения в Instagram (с помощью Photoshop)

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

Мне нравится создавать контент в Instagram с помощью Photoshop, но те же принципы применимы к любому программному обеспечению для редактирования фотографий, которое вы используете.В Photoshop вам нужно создать новый файл или монтажную область и установить для него максимальное разрешение Instagram (1080 x 1350 пикселей). После того, как вы создали свой дизайн, вам нужно перейти в File> Export> Save For Web (Legacy)…

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

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

Опять же, причина снижения качества в раскрывающемся списке состоит в том, чтобы уменьшить размер файла изображения и, таким образом, избежать того, чтобы Instagram взял сжатие в свои руки. Вы можете контролировать размер изображения в нижнем левом углу (пример выше: 837,8K).

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

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

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

Заключение

Instagram часто может снизить качество ваших изображений во время загрузки по целому ряду причин, но если вы хотите сохранить качество, вам следует загрузить высококачественный сжатый файл JPEG (максимальное разрешение: 1080 x 1350 пикселей) прямо со своего мобильного телефона или планшета, чтобы избежать дальнейшего сжатия в Instagram.

Вы можете подписаться на меня в Instagram здесь!

У вас есть какие-либо отзывы или вопросы об этом сообщении? Позвольте мне знать в комментариях ниже!

Считаете ли вы этот пост об улучшении качества изображений ваших постов в Instagram полезным? Если так, я был бы очень признателен, если бы вы прикрепили это изображение к Pinterest!

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

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

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

Что такое JPG / PNG?

JPG

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

PNG

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

JPG VS PNG

1): JPG имеет большие преимущества при сжатии изображений, но он теряет свое качество из-за сжатия с потерями. Обычно качество изображения в формате PNG в пикселях выше, чем у JPG, но изображение больше, чем JPG.

2): изображения Jpg не имеют прозрачного фона, в то время как изображения PNG могут сохранять прозрачный фон.

3): формат PNG доступен для редактирования, формат JPG не доступен для редактирования.

4): для разрешения обоих форматов PNG выше, чем JPG.

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

Когда мы используем или загружаем изображения, размер изображений оказывается слишком большим. Чтобы изображения не занимали место в памяти, мы всегда сжимаем их, но с тех пор уменьшились и пиксели, что ухудшает качество изображений. Есть ли способ сохранить пиксель изображения неизменным и занять меньше памяти? Как сжать изображение, не нарушив его четкости? Теперь давайте посмотрим, как уменьшить размер изображения jpeg / png в Photoshop, не нарушая его четкости.

Способ 1: уменьшить размер изображения с помощью сохранения для Интернета.

Шаг 1. Запустите Adobe Photoshop CS6 и перейдите к целевому изображению.

Шаг 2: перейдите к Файл > Сохранить для Интернета .

Шаг 3: Когда появится диалоговое окно, выберите формат, который вы хотите сохранить, в правом верхнем углу. Как правило, выбирают PNG-8 или JPEG , а затем выбирают параметры для изменения размера изображения в соответствии с желаемым размером изображения.После завершения настройки нажмите Сохранить !

Советы.

No related posts.