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

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

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

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

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

@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 나 다른 응용 프로그램에 붙여 넣어 투명도를 유지할 수 있습니다. 포토샵만으로도 책임이 있습니다.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

유틸리티가 이미지를 저장 한 경우에 %TEMP%\clip.png는 Shift+ 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