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

Дэвид

Почему загруженный PNG не отображает прозрачность в фотошопе?

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

Первая фотография показывает изображение на Chrome, с прозрачным фоном. Второе - это в фотошопе, с белым фоном.

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

user287001

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

Билли Керр

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

Билли Керр

OK. Я собираюсь добавить ответ сейчас.

Ответы

Билли Керр

Обратите внимание, что в последних версиях Photoshop CC по умолчанию включена опция «Артборды», которая вообще не отображает сетку прозрачности. Вам нужно выйти из режима Artboard, чтобы снова увидеть прозрачность. Я не знаю, почему Adobe сделала это настройкой по умолчанию.

Билли Керр

@Dai - настройка Artboard по умолчанию применяется только в том случае, если при создании нового документа вы начинаете с одного из шаблонов в разделах Web или Mobile. Для других типов документов опция Artboard по умолчанию отключена. Открытие PNG также не по умолчанию для артбордов, по крайней мере, в PS CC 2017. Мой скриншот был в CS4, но CC имеет то же поведение при открытии PNG.

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

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

Способ 1: Программы для просмотра изображений

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

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

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

Способ 2: Стандартное средство Windows

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

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

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

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

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

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

Создание файла

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл » (File ) вверху страницы выберите «Создать » (New ).

Затем в появившемся окне «Новый документ » (New Document ) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб ). А также, что вы выбрали значение «Прозрачный » (Transparent ) в выпадающем списке «Содержимое фона » (Background Contents ).

*Перед тем, как сделать PNG с прозрачностью в Фотошопе , нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

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

Затем в панели «Слои » (Layers ) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop , в меню «Файл » (File ) вы можете использовать один из возможных вариантов:

Photoshop версии ранее, чем CC 2015:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе , который вышел раньше CC 2015 . В этих версиях используют метод «Сохранить для Web » (Save for Web & Devices ), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл » (File ), и далее – «Сохранить для Web » (Save for Web & Devices ):

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

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

Photoshop версии CC 2015:

Перед тем, как сделать прозрачность фото в Фотошопе , нужно знать, что с версии CC 2015 опция «Сохранить для Web » (Save for Web & Devices ) в меню «Файл » (File ) помечена как Legacy (устаревшая ). И замещена на новую опцию «Экспорт » (Export ), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт », нажмите меню «Файл » (File ), а затем — «Экспортировать как » (Export As ).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web » (Save for Web & Devices ) в Photoshop CC 2015 , и она доступна через меню Файл > Экспорт (File > Export ) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac ) или Ctrl+Alt+Shift+S (для ПК ):

Затем в появившемся окне выберите PNG из выпадающего меню «Формат » (Format ) и убедитесь, что выбраны опции «Прозрачность » (Transparency ) и «Преобразовать в sRGB » (Convert to sRGB ).

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

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

Попробуйте найти нужный файл в другом источнике в сети интернет. Возможно вам повезет найти более подходящую версию. Пример поиска в Google: "Файл filetype:PNG" . Просто замените слово "файл" на нужное вам название;
Попросите прислать вам исходный файл еще раз, возможно он был поврежден при передаче;

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

Если я копирую изображение и вставляю его в PS, я получаю содержимое изображения, как видно из браузера, но со встроенным черным фоном (не прозрачным, как на самом деле)

Что не так с этим изображением?! Или это мой PS?

Ответы

Лез Мажесте

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

В основном, когда вы обычно сохраняете файл PNG, вы используете полный 24-битный truecolor (8 бит на канал) плюс альфа-маску, в которой хранится информация о прозрачности (в основном, другой 8-битный канал). Когда вы используете палитру цветов, она индексирует цвета как 24-битные цвета RGB и сохраняет отдельную 8-битную альфа-маску.

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

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

Илмари Каронен

Да, это PNG с индексированным цветом, все в порядке. Я только что попытался открыть его в GIMP, и текст выглядит действительно блочным, потому что он использует 1-битную прозрачность в режиме индексированного цвета. Однако простое изменение цветового режима на RGB исправляет это; Вы можете попробовать и посмотреть, может ли тот же трюк сработать и в Photoshop.

Gaia

переход на RGB в PSD не выявил изображение, как оно должно выглядеть...

Алан Гилбертсон

Лези прибил это. Это действительно PNG 8 с действительно странной палитрой. Вот как он открывается в Fireworks, который правильно идентифицирует и отображает его. Причина блочности очевидна, когда вы смотрите на таблицу: каждое место, кроме прозрачного, имеет одинаковый цвет. Анти-псевдоним? Нам не нужно вонючее сглаживание!

Лез Мажесте

Да, так в основном Photoshop показывает только данные RGB палитры. Каждый индексированный цвет имеет идентичный компонент RGB, но у каждого есть разное альфа-значение между 255 и 0. Я предполагаю, что Photoshop жестко закодирован, чтобы показать любой цвет со значением 0 как «прозрачный» (маленький бриллиант), но не знать, что делать со значениями A между 1 и 254, поэтому он просто воспринимает его как сплошной красный.

Алан Гилбертсон

Это фейерверк, а не фотошоп.

Лез Мажесте

Ах, прости. Я посмотрел на палитру в Фотошопе, и она чем-то похожа, за исключением того, что она показывает 119 дополнительных цветов после 137, отображаемых в Fw. Дополнительные цвета повторяют оттенки серого, поэтому я не совсем уверен, что там происходит. Но изменение его на цвет RGB определенно не исправит ситуацию, как в Gimp.

Алан Гилбертсон

Преимущество FW заключается в том, что PNG - это собственный формат файлов, поэтому он намного умнее со всеми «png», чем Photoshop. Изображение открывается точно так, как вы видите его на снимке. FW все еще в моем списке приложений, чтобы углубиться в него. Между тем, это удобно для такого рода диагностики.

Gaia

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

ptim

На ваш вопрос хорошо ответили вышеупомянутые люди, но я хотя бы упомянул курс действий для тех, кто придет после - вы можете открыть индексированный png в Preview.app или pixlr.com и сохранить изображение как png, чтобы получить без потерь доступ к изображению. Затем вы можете восстановить изображение в любом формате с помощью PS.

Я использую Image Alpha и Image Optim для надежного вывода. Более подробная информация в статье: «PNG, который работает» , который объясняет формат PNG8, и другие вопросы оптимизации PNG более подробно.

Дэн

Веб-дизайнеры иногда используют Fireworks для сохранения 8-битных файлов PNG с альфа-прозрачным каналом, поскольку это позволяет некоторым более старым браузерам более надежно обрабатывать альфа-прозрачность без собственных хаков, фильтров IE CSS и т. Д. Цветовые профили в Photoshop не будут признать или сделать это правильно, хотя.