브라우저에서 투명하게 PNG를 복사하면 검정색 배경이 대신 표시됩니다


47

투명도가있는 PNG 이미지를 클립 보드에 복사 한 다음 Photoshop, Paint 등에 붙여 넣으면 투명도가 검은 색으로 바뀝니다.

이에 대한 해결 방법이 있습니까? 클립 보드의 브라우저 문제, 응용 프로그램 문제 또는 OS 문제입니까?

Windows 7을 사용하고 있으며 최신 버전의 Chrome 및 Internet Explorer로 테스트했습니다.


1
정교하게 작성하십시오. 정확히 무엇을 복사하고 있습니까? .png파일 또는 비트 맵 그것은 편집기 / 뷰어에서 열립니다 동안? 파일 인 경우 Photoshop에서 파일을 투명하고 모두 열 수 있어야합니다. 사진의 실제 픽셀 인 경우 소스 프로그램 및 투명도 데이터를 클립 보드에 넣는 지 여부에 따라 다릅니다.
Synetech

OS에 따라 다릅니다. 클립 보드는 반투명 이미지를 포함 할 수없는 것 같지만 일부 브라우저는 이미지 링크를 대신 유지합니다. 붙여 넣을 때 투명도는 변경되지 않습니다.
Tomáš Zato

MS Paint (Windows 10) 또는 Firefox 60.0.2에서 투명도가있는 .png 파일을 열면 배경이 흰색으로 표시됩니다. IrfanView 또는 Chrome 67.0.3396.87에서 동일한 파일을 열면 배경이 검은 색으로 표시됩니다. Paint.NET에서 동일한 파일을 열면 배경이 회색과 흰색 바둑판으로 표시됩니다. Paint 3D로 열면 배경이 베이지 색으로 표시됩니다. MS 그림판에서 복사하면 배경이 불투명하게됩니다. Paint.NET에서 복사하면 투명한 배경은 Win10 클립 보드에 보존되므로 붙여 넣는 프로그램에 따라 달라집니다.
Dave Burton

답변:


30

복사-붙여 넣기는 투명성을 유지하지 않습니다. 파일을 저장 한 다음 Open FilePhotoshop에서 사용하십시오 . AFAIK, Paint에는 투명도 활성화 png 파일을 저장할 수있는 기능이 없습니다.


4
그래, 내가하는 일이야 방금 다른 방법이 있기를 바랐습니다.
Ryan Elkins

2
@ ryan FWIW, 이것은 실제로 Photoshop 측의 버그 인 것 같습니다. IE, FF 또는 Chrome에서 복사 할 때 Paint.net에서 작동합니다. 해결 방법은 "Paint.net에서 붙여 넣기, 모두 선택, 복사, Photoshop에서 붙여 넣기"일 것이라고 생각했지만 작동하지 않습니다. 이미지가 검은 색 대신 흰색으로 표시되지만 여전히 투명성이 없습니다.
Kip

9
그냥 메모; Photoshop에서 URL을 열어 중간 단계를 절약 할 수 있습니다. Windows ( 다른 OS에서도 똑같이 할 것입니다)가 로컬 임시 파일로 다운로드하여 엽니 다. 이것은 ( 방금 관찰 한 ) 투명성을 유지합니다.
Dan Lugg

> 복사-붙여 넣기는 투명성을 유지하지 않습니다. 클립 보드 데이터의 소스에 따라 다릅니다.
Synetech

PowerPoint / Word에 붙여 넣으면 투명도가 유지됩니다.
Xiao Peng-ZenUML.com 4:29에

11

@DanLugg 의 의견을 답변 으로 게시하면 Windows IMHO에 가장 편리합니다 .

  1. 이미지와 Copy Image URL브라우저에서 마우스 오른쪽 버튼을 클릭하십시오 .
  2. Photoshop에서 File->Open(ctrl-o)를 선택 하고 URL을 대화 상자의 파일 이름 부분에 붙여 넣습니다.
    • Photoshop / Windows는 URL을 임시 파일로 다운로드하여 엽니 다.

들어 OS X , 하나는 URI를 붙여 넣을 수있는 파일 열기 대화 상자 / 시트에는 필드가 없습니다. 대신 파일을 다운로드하여 열고 (예 : 브라우저에서 데스크탑으로 드래그 한 다음 새 파일을 Dock 또는 Photoshop 문서로 드래그) 임시 파일을 삭제해야합니다.


그러나 브라우저 나 OS 문제가 아니라 Photoshop 문제인 것 같습니다. OS X와 ​​Windows 모두 Chrome의 투명도를 가진 PNG 이미지 (OS X의 Safari도 포함)를 복사하여 Illustrator 나 다른 응용 프로그램에 붙여 넣어 투명도를 유지할 수 있습니다. 포토샵만으로도 책임이 있습니다.


이것은 천재이며 Photoshop이 URL에서 바로 열 수 있다는 것을 몰랐습니다! 좋은 발견!
Doggie52

1
이 옵션은 OSX에서 사용할 수없는 것 같습니다. 누구나 아는가?
Christine Cooper

@ChristineCooper OS X에 가장 적합한 옵션은 이미지를 다운로드 한 다음 열어서 원본을 삭제하는 것입니다. 이미지를 폴더 나 데스크탑 (파일로 저장)으로 드래그 한 다음 해당 파일을 Dock의 Photoshop 또는 열린 Photoshop 문서로 드래그하는 것처럼 "쉬운"것입니다. Photoshop CS6과 함께 Chrome과 Safari를 사용하여 다양한 옵션을 테스트했으며 더 나은 방법이나 클립 보드를 사용하는 방법을 찾을 수 없습니다.
Phrogz

예, 다운로드 및 열기 옵션을 피하려고 노력하고 본질적으로 단계를 줄이고 싶습니다. 드래그 앤 드롭도 작동하지 않습니다. OSX 사용자는 앞으로 URL을 Photoshop에 붙여 넣을 수 있기를 바랍니다. 감사!
Christine Cooper

Photoshop 문제가 아닙니다. 문제는 실제로 알파 가능으로 지정되지 않은 사본에 사용되는 클립 보드 형식 입니다. Photoshop은 사양을 올바르게 따르고 있습니다.
Nyerguds

2

이것을보십시오 : 투명 이미지를 복사하고 MS Word에 붙여 넣으십시오. 그런 다음 단어에서 복사하거나 끌어다 놓아 다른 대상 프로그램에 붙여 넣습니다.

Chrome에서 Visio에 붙여 넣기가 검은 색으로 바뀌지 만 Word에서 제대로 작동 한 다음 Word에서 복사하여 Visio에 올 바르고 투명하게 붙여 넣습니다.


하지마! 투명한 배경을 잃어 버립니다!
Andrei Krasutski

왜 그렇게하지 말아야하는지 잘 모르겠다면 Visio를 사용할 때 투명도를 유지하기 위해해야합니다. 또한 투명성을 가진 이미지가 아닌 경우 Word를 사용하여 투명도를 추가합니다 (배경색 설정 및 / 또는 배경 제거 기능).
JamieRI

1

문제를 해결하는 해결 방법을 만들었습니다. PNG를 복사 한 후 스크립트를 실행하면 Chrome의 이미지를 투명도를 유지하면서 Photoshop, Paint 등에 붙여 넣을 수 있습니다.

프로그램 + 출처 : https://github.com/skoshy/CopyTransparentImages/releases

문제가 발생하면 여기 또는 Github에서 언제든지 알려주십시오!


이것에 대한 자세한 내용에 관심이 있습니다. 코드는 무엇을합니까? 클립 보드 데이터에없는 투명성이 Photoshop에서 무엇을 기대합니까?
Phrogz

0

브라우저에서 Photoshop 또는 PNG 파일을 올바르게 처리 할 수있는 프로그램으로 이미지를 드래그하면됩니다.


1
좋은 제안처럼 들리지만 Windows 7x64의 Chrome과 Photoshop CC에서는 작동하지 않습니다. [+]커서는 포토샵 대상에 나타나 있지만 이미지는 결과적으로 개방되지 않습니다.
Phrogz

0

방금 이것에 대해 많은 시간을 보냈습니다. 프로토 타입을 만드는 동안 (Axure RP의 대상으로) 한동안 반투명 텍스처를 복사하기 위해 Photoshop을 사용했습니다.

이제 HTML 5에서 새 클립 보드 API를 사용해 보았습니다.이 프로세스에서 생성 된 PNG 파일을 해부했습니다.

클립 보드 API (직사각형 마키 포함)를 사용하여 반투명 텍스처를 클립 보드 API로 브라우저에 복사하면 알파 바이트가 FF (완전히 불투명)로 설정됩니다.

끌어서 놓기 API를 사용하여 "웹으로 저장"PNG 24 파일을 브라우저에 복사하면 예상대로 작동하고 투명한 픽셀이 작동합니다 (알파 바이트는 FF로 설정되지 않습니다).

참고 : Photoshop에서 24 비트라고하더라도 실제로는 8 비트 (확인)로 내 보냅니다.


0

궁금한 점이 있다면 수동으로 열었을 때 복사 된 PNG 파일에 검정색 배경색이 표시되면 알파 채널이 없는지 확인하십시오.

PNG를 만드는 데 사용 된 소프트웨어에 따라 투명성이 레이어 내부에 유지되는 경우가 있지만 다른 경우에는 알파 채널에 유지됩니다.

알파 채널에있을 때의 트릭은 알파 채널의 작은 미리보기를 CTRL + 클릭하여 선택한 다음 선택에서 검정색 배경으로 레이어에 마스크를 만드는 것입니다. (그런 다음 알파 채널을 삭제할 수 있습니다)


0

그래서 나는이 성가심에 빠져 문제를 해결했습니다.

여기에는 두 가지가 있습니다.

  • 클립 보드 이미지를 .png 파일로 저장하기 위해 작성한 작은 유틸리티
  • AutoHotkey에의 스크립트

AutoHotKey 스크립트는 Photoshop이 현재 활성화되어 있는지 확인하고, 활성화되어 있으면 Ctrl+ V키 조합을 가로 채서 유틸리티를 실행합니다.

유틸리티가 이미지를 저장 한 경우에 %TEMP%\clip.pngShift+ Ctrl+ F12키 조합이 나는 곳으로 포토샵 작업에 매핑 한 포토샵,로 전송됩니다 clip.png현재 열려있는 문서로 파일을.

유틸리티가 이미지를 저장하지 않은 경우 표준 Ctrl+ V키 콤보가 Photoshop으로 전송되고 표준 붙여 넣기가 수행됩니다.

모든 소스 코드는 https://github.com/SilverEzhik/ClipboardToPNG 에서 확인할 수 있으며 유틸리티는 여기에서 다운로드 할 수 있습니다 : https://github.com/SilverEzhik/ClipboardToPNG/releases

Photoshop 액션을 만들려면 Shift + Ctrl + F12에 매핑 된 키 조합으로 스크립트를 새로 만든 다음 스크립트 파일에서 조합을 변경 한 다음 기록하는 동안 File> 로 이동 하여 파일 이름 필드에 Place Embedded...붙여 넣기 만하면 %TEMP%\clip.png됩니다.

AHK 스크립트의 소스 코드는 다음과 같습니다. 이전에 AutoHotKey를 사용한 적이 없다면 설치 한 다음 filename.ahkClipboardToPNG.exe 유틸리티와 동일한 디렉토리에 파일을 저장 한 다음 실행하십시오.

DoPhotoshopPaste() {
    RunWait, %A_ScriptDir%\ClipboardToPNG.exe ; run utility, wait for it to complete
    if (ErrorLevel == 0) { ; if error code is 0
        SendEvent, +^{F12} ; press Shift+Ctrl+F12 to run the designated Photoshop action to paste
    }
    else { 
        SendEvent, ^v ; else, just perform a standard paste.
    }
}

#IfWinActive ahk_exe Photoshop.exe ; only activate this hotkey when photoshop is active
    ^v::DoPhotoshopPaste()
#IfWinActive
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.