почему png с черным фоном на телефоне
Почему PNG с черным фоном: решено
Сегодня поговорим почему изображения в формате PNG открываются в редакторе с черным фоном…
Почему же PNG-изображение может иметь черный фон вместо прозрачного? Давайте разбираться!
Черный фон PNG может появляться в самых разнообразных условиях. Чтобы избежать этого глюка нужно придерживаться нескольких правил.
Вообще изображение с прозрачностью сперва нужно сохранить на жесткий диск, затем — удостовериться в том, что оно имеет альфа-канал (прозрачность). Только после этого его можно открывать в Adobe Photoshop: перетаскиванием в окно редактора или при помощи команды «Открыть с помощью»
Следует помнить о том, что буфер обмена, который используется при способе «Копировать-Вставить», не поддерживает прозрачность. Именно поэтому сперва изображение нужно сохранить на жесткий диск и только после этого пользоваться командой Открыть Файл (Open File — в англоязычной версии редактора) в Photoshop.
А вот Paint, например, вообще не поддерживает альфа-канал и поэтому сохранить изображение в данной программе с прозрачностью невозможно.
Если черный фон в PNG появляется используйте следующий алгоритм открытия:
Таким образом, если фотография или другой изображение в PNG не имеет прозрачности нужно внимательно изучить алгоритм его открытия и лишь потом приступать к его редактированию.
Черный фон PNG на OS X
Диалоговое окно Open File/Sheet не имеет строки, куда можно было бы ввести url-адрес. В этом случае необходимо загрузить файл вручную и скопировать его на жесткий диск — можно использовать перетаскивание файла на рабочий стол.
Новый файл теперь нужно перетащить в Photoshop или Dock. После — удаляем временный файл. Вопрос почему png с черным фоном можно считать закрытым.
На операционных системах OS X и Windows изображение с прозрачностью можно скопировать исключительно из браузера Chrome (или из Safari на OS X). Кроме этого редактора также должен поддерживать работу с альфа-каналами
Помните о том, что фон в PNG — это не глюк системы и не проблема редактора Photoshop. Иногда изображение может быть не с прозрачностью, а с фоном. В таком случае перейдите во вкладку «Настройки» и установите прозрачный фон. Проверьте каналы — там должен быть отдельный альфа-канал.
Таким образом, ответ на вопрос почему появляется черный фон PNG вполне понятен…
Проблемы со вставкой PNG: как исправить это в Photoshop
Вставка PNG в Photoshop не вызывает никаких сложностей, если вы регулярно пользуетесь программой, но вы можете столкнуться с некоторыми проблемами, если не привыкли к ней. Например, когда вставлять прозрачный PNG, вы можете увидеть черный фон. Мы объясняем, как это исправить и почему это происходит в Windows.
Если вы попытались вставить PNG из Интернета в Photoshop, скопировав изображение, вы увидите черный фон. То есть вы копируете изображение, которое вы видели в Интернете, нажимая правую кнопку и «копируя изображение». Когда вы вставляете в программу редактирования, вместо оставляя прозрачный фон Вы получаете черный фон.
Почему черный фон выходит?
Этот черный фон вместо прозрачности имеет объяснение: это не ваша вина или саманэто ошибка, но это проблема в буфере обмена Windows. Когда вы щелкаете правой кнопкой мыши и выбираете «Копировать изображение» или «Копировать PNG», Windows автоматически отбрасывает информацию о прозрачности сохранив его в буфере обмена. Как только вы вставите его, он появится на черном фоне.
Чего не делать
Если вы обычно это делаете, есть приемы, чтобы этого не происходило, и мы объясним их вам в следующих параграфах. Если вы этого не сделали, вы уже знаете, что не следует делать, когда собираетесь скопировать PNG-файл в Photoshop.
Как правильно вставить PNG
Скачать файл
Если вы откроете его так, вы увидите, что прозрачный фон есть, как и должно быть.
Перетащите изображение
Еще одна полезная опция, которая сохраняет прозрачность и экономит вам шаг, даже если это всего несколько секунд. Вы можете выполнить те же действия, что и раньше: выполнить поиск изображения в Google или выбрать нужное изображение в Интернете или выбрать нужное изображение на своем компьютере. Получив его, перетащите прямо из этого места на рабочий стол Photoshop. Вам не нужно будет выполнять шаги Файл> Открыть> Местоположение и вам нужно будет только перетащить его и он автоматически откроется. Это самый быстрый и простой вариант, хотя это будет означать, что у вас есть ранее загруженный образ где-то на вашем компьютере.
Скопируйте ссылку
Этими тремя способами вы можете легко заставить изображение сохранять прозрачность, и черный фон не появляется. Есть три простых способа избежать этой проблемы, которые вы, возможно, когда-либо видели.
PNG с черным фоном
Почему, когда я копирую / вставляю PNG-файлы с прозрачным фоном в фотошоп, они отображаются с черным фоном, а если я сохраняю их, то открываю, они прозрачные?
Я считаю маловероятным, что альфа-канал будет пропущен при копировании.
2 ответа 2
Почему, когда я копирую / вставляю PNG-файлы с прозрачным фоном в фотошоп, они отображаются с черным фоном, а если я сохраняю их, то открываю, они прозрачные? Я считаю маловероятным, что альфа-канал будет пропущен при копировании.
Аннотация
Копирование и вставка состоит из двух частей: источника и места назначения. Что происходит при копировании и вставке, зависит от обеих сторон.
Копирование PNG / прозрачных изображений
Когда вы копируете PNG, вы можете сделать это несколькими способами.
Если, с другой стороны, у вас есть изображение, открытое в редакторе / средстве просмотра, и скопируйте фактические пиксели изображения, то это зависит от редактора / средства просмотра:
Если он только копирует данные цвета, то принимающая программа будет отображать только то, что содержит данные цвета, которые в случае изображений с прозрачностью могут содержать черный или другой цвет в прозрачных областях.
Если редактор / средство просмотра копирует только визуализированные пиксели, то принимающая программа вставит окончательное изображение с прозрачными областями, показывающими любой цвет фона в редакторе / средстве просмотра, который был установлен при копировании.
Если редактор / зритель скопировал данные о цвете, а также данные о прозрачности, тогда принимающая программа вставит изображение, как ожидается, с правильной прозрачностью.
Вы можете увидеть это в действии при использовании редактора иконок. В зависимости от используемых вами программ, если вы скопируете значок с прозрачностью в другую программу, такую как MSPaint, это может привести к неожиданным результатам в прозрачных областях.
Форматы буфера обмена
Проблема в том, что существует только несколько стандартных форматов буфера обмена, включая текст, файлы и растровые данные. Для любых пользовательских данных, которые должны быть скопированы, программа должна зарегистрировать их и скопировать свои данные в буфер обмена. В этом случае программа-получатель должна знать о пользовательском формате и декодировать его. Стандартный растровый формат предназначен для плоских изображений и не имеет понятия прозрачности (он был разработан давно). Таким образом, программы должны предоставлять прозрачные изображения в буфер обмена в произвольном формате, и хотя некоторые из них являются общими, единого стандартного формата не существует. Некоторые программы только копируют изображение в формат плоского растрового изображения, что, конечно, означает отсутствие информации о прозрачности.
Серебряная подкладка
С другой стороны, программа может разместить несколько элементов в буфере обмена (в другом формате), поэтому, если редактор / зритель очень умен, он поместит копию данных (в данном случае прозрачное изображение) в несколько форматов, и затем программа-получатель должна использовать лучшую версию с наибольшим количеством информации.
Например, когда вы копируете файлы или папки, они копируются не менее чем в четырех форматах в XP и больше в 7 (есть и другие скопированные данные, но я имею в виду реальные имена файлов / пути). Некоторые из них более полезны, потому что они включают потерю данных о скопированных файлах, в то время как другие гораздо проще и включают только имя в виде простого текста первого файла.
То же самое касается копирования прозрачных изображений. Программа может поместить простое, плоское, отрендеренное изображение в растровый формат буфера обмена, может включать информацию о прозрачности в произвольном формате прозрачности и необработанную копию изображения со всеми его данными, включая прозрачность, слои и т.д., В другой пользовательский формат.
Конечно, как я уже сказал, именно получатель сможет понять и использовать лучшую версию, в противном случае может получиться простая, старомодная, обратно совместимая, стандартная копия.
Копирование PNG с прозрачностью из браузера показывает черный фон
Когда я копирую изображение PNG с прозрачностью в буфер обмена, а затем вставляю его в Photoshop, Paint и т. Д., Прозрачность становится черной.
Есть ли обходной путь для этого? Это проблема браузера, проблема приложения или проблема ОС с буфером обмена?
Я использую Windows 7 и протестирован с последними версиями Chrome и Internet Explorer.
Copy-Paste не поддерживает прозрачность. Попробуйте сохранить файл, а затем использовать Open File в Photoshop. AFAIK, у Paint нет возможности сохранять png-файлы с включенной прозрачностью.
Для OS X нет никакого поля в Открытом диалоге Файла / Листе, где можно было бы вставить URI. Вместо этого вы должны загрузить файл и открыть его (например, перетащить из браузера на рабочий стол, затем перетащить новый файл в Dock или в документ Photoshop), а затем удалить временный файл.
Попробуйте это: скопируйте прозрачное изображение, вставьте в MS Word. Затем скопируйте его (или перетащите) из слова и вставьте в другую целевую программу.
Я обнаружил, что вставка в Visio из Chrome становится черной, но работает правильно в Word, а затем скопирована из Word, она вставляется правильно и прозрачно в Visio.
Я сделал обходной путь, который решает проблему. Запуск моего сценария после копирования PNG позволяет вставить изображение из Chrome в Photoshop, Paint и т. Д. С прозрачностью в такте.
Если у вас возникнут какие-либо проблемы, сообщите мне об этом здесь или на Github!
Вы можете просто перетащить изображение из браузера в Photoshop или любую другую программу, которая будет правильно обрабатывать файл PNG.
Я просто потратил много времени на изучение этого. Я использовал Photoshop для копирования полупрозрачных текстур в течение некоторого времени во время создания прототипа (с назначением Axure RP).
Теперь я попытался использовать новый API буфера обмена в html 5. Я проанализировал файлы PNG, сгенерированные этим процессом.
Если я использую буфер обмена (с прямоугольным выделением) для копирования полупрозрачной текстуры в браузер с помощью API буфера обмена, он устанавливает альфа-байт в FF (полностью непрозрачный).
Если я использую API-интерфейс перетаскивания для копирования файла PNG 24 «Сохранить как Интернет» в браузер, он работает так, как ожидается, и прозрачные пиксели работают (и альфа-байт не принудительно передается в FF).
Примечание. Даже несмотря на то, что Photoshop говорит, что он 24-битный, он фактически экспортирует его как 8-битный (подтверждено).
Для всех, кто интересуется, если вы получаете черный цвет фона скопированного файла PNG даже при открытии его вручную, попробуйте проверить, нет ли альфа-канала.
Похоже, в зависимости от того, какое программное обеспечение использовалось для создания PNG, прозрачность иногда сохраняется такой же, как и внутри слоев, но в другое время она сохраняется в альфа-канале.
Хитрость, когда он находится в альфа-канале, состоит в том, чтобы просто нажать CTRL +. Нажмите на небольшой предварительный просмотр альфа-канала, чтобы выбрать его, а затем создайте маску на слое с черным фоном из выделения. (Тогда вы можете удалить альфа-канал)
Таким образом, я сыт по горло этим раздражением и сделал обходной путь.
Есть две части к этому:
Если утилита не сохранила изображение, стандартное Ctrl сочетание V клавиш + отправляется в Photoshop, и выполняется стандартная вставка.
Копирование PNG с прозрачностью из браузера показывает черный фон
Когда я копирую изображение PNG с прозрачностью в буфер обмена, а затем вставляю его в Photoshop, Paint и т.д., Прозрачность становится черной.
Есть ли обходной путь для этого? Это проблема браузера, проблема приложения или проблема ОС с буфером обмена?
Я использую Windows 7 и протестирован с последними версиями Chrome и Internet Explorer.
8 ответов 8
Copy-Paste не поддерживает прозрачность. Попробуйте сохранить файл, а затем используйте « Open File в Photoshop. AFAIK, у Paint нет возможности сохранять png-файлы с включенной прозрачностью.
Публикация комментария @DanLugg в качестве ответа, так как это наиболее удобно для Windows, ИМХО:
Для OS X нет никакого поля в Открытом диалоге Файла / Листе, где можно было бы вставить URI. Вместо этого вы должны загрузить файл и открыть его (например, перетащить из браузера на рабочий стол, затем перетащить новый файл в Dock или в документ Photoshop), а затем удалить временный файл.
Попробуйте это: скопируйте прозрачное изображение, вставьте в MS Word. Затем скопируйте его (или перетащите) из слова и вставьте в другую целевую программу.
Я обнаружил, что вставка в Visio из Chrome становится черной, но работает правильно в Word, а затем скопирована из Word, она вставляется правильно и прозрачно в Visio.
Вы можете просто перетащить изображение из браузера в Photoshop или любую другую программу, которая будет правильно обрабатывать файл PNG.
Я сделал обходной путь, который решает проблему. Запуск моего скрипта после копирования PNG позволяет вставить изображение из Chrome в Photoshop, Paint и т.д. С прозрачностью в такте.
Если у вас возникнут какие-либо проблемы, сообщите мне об этом здесь или на Github!
Для всех, кто интересуется, если вы получаете черный цвет фона скопированного файла PNG даже при открытии его вручную, попробуйте проверить, нет ли альфа-канала.
Похоже, в зависимости от того, какое программное обеспечение использовалось для создания PNG, прозрачность иногда сохраняется такой же, как и внутри слоев, но в другой раз она сохраняется в альфа-канале.
Хитрость, когда он находится в альфа-канале, состоит в том, чтобы просто нажать CTRL+. Нажмите на небольшой предварительный просмотр альфа-канала, чтобы выбрать его, а затем создайте маску на слое с черным фоном из выделения. (Тогда вы можете удалить альфа-канал)
Я просто провел много времени, изучая это. Я использовал Photoshop для копирования полупрозрачных текстур в течение некоторого времени во время создания прототипа (с назначением Axure RP).
Теперь я попытался использовать новый API буфера обмена в HTML 5. Я проанализировал файлы PNG, сгенерированные этим процессом.
Если я использую буфер обмена (с прямоугольным выделением) для копирования полупрозрачной текстуры в браузер с помощью API буфера обмена, он устанавливает альфа-байт в FF (полностью непрозрачный).
Если я использую API-интерфейс перетаскивания для копирования файла PNG 24 «Сохранить как веб» в браузер, он работает так, как ожидается, и прозрачные пиксели работают (и альфа-байт не является обязательным для FF).
Примечание. Даже несмотря на то, что Photoshop говорит, что он 24-битный, он на самом деле экспортирует его как 8-битный (подтверждено).
Таким образом, я сыт по горло этим раздражением и сделал обходной путь.
Есть две части к этому:
Если утилита не сохранила изображение, стандартное Ctrl + V отправляется в Photoshop, и выполняется стандартная вставка.