ブラウザから透明なPNGをコピーすると、代わりに黒い背景が表示される

透明度のあるPNG画像をクリップボードにコピーしてから、Photoshopやペイントなどに貼り付けると、透明度が黒に変わります。

これに対する回避策はありますか？これは、ブラウザーの問題、アプリケーションの問題、またはクリップボードのOSの問題ですか？

Windows 7を使用しており、ChromeとInternet Explorerの最新バージョンでテストしています。

Copy-Pasteは透明度を維持しません。ファイルを保存してからOpen File、Photoshopで使用してみてください。私の知る限り、ペイントには透明度が有効なpngファイルを保存する機能がありません。

@DanLuggによるコメントを回答として投稿することは、Windowsにとって最も便利なことです。

1. 画像をCopy Image URLブラウザで右クリックします。
2. PhotoshopでFile->Open（ctrl-o）を選択し、ダイアログのファイル名部分にURLを貼り付けます。
   • Photoshop / Windowsは、URLを一時ファイルにダウンロードして開きます。

OS X、何のフィールドは、1つのURIを貼り付けることができ[ファイルを開く]ダイアログ/シートではありません。代わりに、ファイルをダウンロードして開いて（たとえば、ブラウザからデスクトップにドラッグしてから、新しいファイルをDockまたはPhotoshopドキュメントにドラッグして）、一時ファイルを削除する必要があります。

FWIW、これはPhotoshopの問題であり、ブラウザやOSの問題ではないようです。OS XとWindowsの両方で、透明度のあるPNG画像をChrome（およびOS XのSafari）からコピーし、Illustratorまたは他のアプリケーションに貼り付けて、透明度を維持することができます。Photoshopだけが原因です。

これを試してください：透明な画像をコピーし、MS Wordに貼り付けます。次に、Wordからコピー（またはドラッグ/ドロップ）し、他のターゲットプログラムに貼り付けます。

ChromeからVisioへの貼り付けが黒くなるが、Wordで正常に動作し、Wordからコピーすると、Visioに適切かつ透過的に貼り付けられます。

この問題に対処する回避策を作成しました。PNGをコピーした後にスクリプトを実行すると、透明度をそのままにして、ChromeからPhotoshop、ペイントなどに画像を貼り付けることができます。

プログラム+ソース：https : //github.com/skoshy/CopyTransparentImages/releases

問題が発生した場合は、こちらまたはGithubでお気軽にご連絡ください！

ブラウザからPhotoshopまたはPNGファイルを適切に処理するプログラムに画像をドラッグするだけです。

私はこれについて多くの時間を費やしました。私はPhotoshopを使用して、プロトタイプ作成中に半透明のテクスチャをコピーしました（Axure RPの宛先を使用）。

さて、html 5の新しいクリップボードAPIを使用してみました。このプロセスで生成されたPNGファイルを分析しました。

クリップボード（長方形のマーキーを使用）を使用して、クリップボードAPIを使用してブラウザに半透明のテクスチャをコピーすると、アルファバイトがFF（完全に不透明）に設定されます。

ドラッグアンドドロップAPIを使用して「Webとして保存」PNG 24ファイルをブラウザーにコピーすると、期待どおりに機能し、透明ピクセルが機能します（アルファバイトはFFに強制されません）。

注：Photoshopは24ビットだと言っていても、実際には8ビットとしてエクスポートします（確認済み）。

不思議な人は、コピーしたPNGファイルを手動で開いても黒い背景色が表示される場合は、アルファチャネルがないかどうかを確認してください。

PNGの作成に使用されたソフトウェアに応じて、透明度はレイヤー内に保持される場合がありますが、別の場合はアルファチャネルに保持されます。

アルファチャンネルにある場合のトリックは、Ctrlキーを押しながらアルファチャンネルの小さなプレビューをクリックして選択し、選択範囲の黒い背景でレイヤー上にマスクを作成することです。（その後、アルファチャネルを削除できます）

だから私はこの迷惑にうんざりして、回避策を作りました。

それには2つの部分があります。

• クリップボードの画像を.pngファイルに保存するために作成した小さなユーティリティ
• アンAutoHotkeyをスクリプト

AutoHotKeyスクリプトは、Photoshopが現在アクティブであるかどうかを確認し、アクティブである場合は、Ctrl+ Vキーの組み合わせをインターセプトして、ユーティリティを実行します。

ユーティリティはに画像を保存した場合%TEMP%\clip.png、Shift+ Ctrl+ F12キーの組み合わせを配置するために、私はPhotoshopのアクションにマッピングされているPhotoshopの、に送信され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