Menyalin PNG dengan transparansi dari browser menunjukkan latar belakang hitam

Ketika saya menyalin gambar PNG dengan transparansi ke clipboard dan kemudian menempelkannya ke Photoshop, Paint, dll. - transparansi berubah menjadi hitam.

Apakah ada solusi untuk ini? Apakah ini masalah browser, masalah aplikasi atau masalah OS dengan clipboard?

Saya menggunakan Windows 7 dan diuji dengan Chrome dan Internet Explorer versi terbaru.

Copy-Paste tidak menjaga transparansi. Coba simpan file dan gunakan Open Filedi Photoshop. AFAIK, Paint tidak memiliki kemampuan untuk menyimpan transparansi file png yang diaktifkan.

Posting komentar oleh @DanLugg sebagai jawaban, karena ini adalah yang paling nyaman untuk Windows , IMHO:

1. Klik kanan pada gambar dan Copy Image URLdari browser.
2. Di Photoshop pilih File->Open(ctrl-o) dan tempel URL ke bagian nama file dari dialog.
   • Photoshop / Windows akan mengunduh URL ke file sementara dan membukanya.

Untuk OS X , tidak ada bidang dalam Open File Dialog / Sheet di mana orang dapat menempelkan URI. Sebagai gantinya, Anda harus mengunduh file dan membukanya (mis. Seret dari browser ke Desktop, lalu seret file baru ke Dok atau ke dalam dokumen Photoshop Anda) lalu hapus file sementara.

FWIW, ini tampaknya merupakan masalah Photoshop , bukan masalah browser atau OS. Pada OS X dan Windows, saya dapat menyalin gambar PNG dengan transparansi dari Chrome (dan juga Safari di OS X) dan menempelkannya ke Illustrator atau aplikasi lain dan memilikinya menjaga transparansi. Photoshop sendiri yang harus disalahkan.

Coba ini: salin gambar transparan, rekatkan ke MS Word. LALU salin (atau seret / jatuhkan) dari kata dan tempel ke program target lainnya.

Saya menemukan pasta ke Visio dari Chrome berubah menjadi hitam, tetapi berfungsi dengan baik di Word, dan kemudian disalin dari Word yang ditempelkan dengan benar dan transparan ke Visio.

Saya membuat solusi yang mengatasi masalah ini. Menjalankan skrip saya setelah menyalin PNG memungkinkan Anda untuk menempelkan gambar dari Chrome ke Photoshop, Paint, dll dengan transparansi dalam kebijaksanaan.

Program + Sumber: https://github.com/skoshy/CopyTransparentImages/releases

Jika Anda mengalami masalah dengannya, silakan beri tahu saya di sini atau di Github!

Anda cukup menyeret gambar dari browser ke Photoshop atau program apa pun yang akan menangani file PNG dengan benar.

Saya hanya menghabiskan banyak waktu untuk menyelidiki hal ini. Saya telah menggunakan Photoshop untuk menyalin tekstur semi-transparan untuk beberapa waktu sambil membuat prototipe (dengan tujuan Axure RP).

Sekarang, saya sudah mencoba menggunakan clipboard API baru di html 5. Saya membedah file PNG yang dihasilkan oleh proses ini.

Jika saya menggunakan clipboard (dengan tenda persegi panjang) untuk menyalin tekstur semi-transparan ke browser dengan API clipboard, itu menetapkan byte alpha ke FF (benar-benar buram).

Jika saya menggunakan drag and drop API untuk menyalin file PNG 24 "Simpan sebagai Web" ke browser, ia berfungsi seperti yang diharapkan dan piksel transparan berfungsi (dan byte alfa tidak dipaksa untuk FF).

Catatan: Bahkan jika Photoshop mengatakan itu 24 bit, sebenarnya ekspor itu masih 8 bit (dikonfirmasi).

Bagi siapa pun yang bertanya-tanya, jika Anda mendapatkan warna latar belakang hitam pada file PNG yang disalin bahkan ketika membukanya secara manual, coba periksa apakah tidak ada saluran alfa.

Sepertinya tergantung pada perangkat lunak mana yang digunakan untuk membuat PNG, transparansi kadang-kadang disimpan seperti di dalam lapisan, tetapi beberapa waktu lain, itu disimpan dalam saluran alpha.

Trik ketika ada di saluran alpha adalah dengan CTRL + Klik pada pratinjau kecil saluran alpha untuk memilihnya dan kemudian buat topeng pada lapisan dengan latar belakang hitam dari pilihan. (Kemudian Anda dapat menghapus saluran alfa)

Jadi saya muak dengan gangguan ini dan membuat solusi.

Ada dua bagian untuk itu:

• Utilitas kecil yang saya tulis untuk menyimpan gambar clipboard ke file .png
• Sebuah Autohotkey Script

Script AutoHotKey memeriksa apakah Photoshop saat ini aktif, dan jika demikian ia memotong kombinasi kunci Ctrl+ V, dan kemudian menjalankan utilitas.

Jika utilitas menyimpan gambar %TEMP%\clip.png, kombinasi tombol Shift+ Ctrl+ F12dikirim ke Photoshop, yang telah saya petakan ke Photoshop Action untuk menempatkan clip.pngfile ke dalam dokumen yang sedang terbuka.

Jika utilitas tidak menyimpan gambar, kombo kunci Ctrl+ standar Vdikirim ke Photoshop dan tempel standar dilakukan.

Semua kode sumber tersedia di sini: https://github.com/SilverEzhik/ClipboardToPNG , dan utilitasnya dapat diunduh di sini: https://github.com/SilverEzhik/ClipboardToPNG/releases

Untuk membuat Aksi Photoshop, buat saja tindakan baru dengan kombinasi tombol yang dipetakan ke Shift + Ctrl + F12 (atau ubah kombinasi dalam file skrip), lalu saat merekam, buka File> Place Embedded..., dan tempel %TEMP%\clip.pngdi bidang nama file.

Kode sumber untuk skrip AHK disediakan di bawah ini - jika Anda belum pernah menggunakan Autohotkey sebelumnya, instal, kemudian simpan kode ke filename.ahkfile ke direktori yang sama dengan utilitas ClipboardToPNG.exe, dan kemudian jalankan saja.

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