Копіювання PNG з прозорістю із браузера показує натомість чорний фон

Коли я копіюю зображення PNG з прозорістю до буфера обміну та згодом вставляю його у Photoshop, Paint тощо - прозорість перетворюється на чорну.

Чи є якесь рішення для цього? Це проблема браузера, проблема програми або проблема ОС із буфером обміну?

Я використовую Windows 7 і тестую останні версії Chrome і Internet Explorer.

Copy-Paste не підтримує прозорість. Спробуйте зберегти файл, а потім скористайтеся Open Fileу Photoshop. AFAIK, Paint не має змоги зберігати png-файли з підтримкою прозорості.

Опублікувавши коментар @DanLugg як відповідь, оскільки це найзручніше для Windows , IMHO:

1. Клацніть правою кнопкою миші на зображенні та Copy Image URLз браузера.
2. У Photoshop виберіть File->Open(ctrl-o) та вставте URL у частину імені файлу діалогового вікна.
   • Photoshop / Windows завантажить URL у тимчасовий файл та відкриє його.

Для OS X немає поля діалогового вікна / листа відкритого файлу, куди можна було б вставити URI. Замість цього потрібно завантажити файл і відкрити його (наприклад, перетягнути з браузера на робочий стіл, потім перетягнути новий файл на док-станцію або у документ Photoshop), а потім видалити тимчасовий файл.

FWIW, здається, це проблема Photoshop , а не браузер чи ОС. І в OS X і Windows я можу скопіювати зображення PNG з прозорістю з Chrome (а також Safari в OS X) і вставити його в Illustrator або інші додатки, щоб він підтримував прозорість. Винен лише Photoshop.

Спробуйте це: скопіюйте прозоре зображення, вставте в MS Word. ЦЕ скопіюйте його (або перетягніть / впустіть) із слова та вставте його до іншої цільової програми.

Я знайшов пасту в Visio з Chrome, стає чорною, але вона працює належним чином у Word, а потім скопійована з Word, вона вставляється належним чином і прозоро у Visio.

Я зробив обхід, який вирішує проблему. Запуск мого сценарію після копіювання PNG дозволяє вставити зображення з Chrome у Photoshop, Paint тощо з прозорістю в такті.

Програма + Джерело: https://github.com/skoshy/CopyTransparentImages/releases

Якщо ви зіткнулися з будь-якими проблемами з цим, сміливо повідомте мене тут або на Github!

Ви можете просто перетягнути зображення з браузера в Photoshop або будь-яку іншу програму, яка належним чином обробляє файл PNG.

Я просто витратив багато часу на це. Я деякий час використовував Photoshop для копіювання напівпрозорих текстур під час прототипування (із призначенням Axure RP).

Тепер я спробував використовувати новий API буфера обміну в html 5. Я розсікав файли PNG, які генеруються цим процесом.

Якщо я використовую буфер обміну (з прямокутним малюнком) для копіювання напівпрозорої текстури в браузер з API буфера обміну, він встановлює байт альфа в FF (повністю непрозорий).

Якщо я використовую API перетягування для копіювання файлу PNG 24 «Зберегти як Інтернет», він працює як очікується, і прозорі пікселі працюють (а байтовий альфа не змушений FF).

Примітка. Навіть думав, що Photoshop каже, що це 24 біт, він фактично експортує його як 8 біт (підтверджено).

Для всіх, хто цікавиться, якщо ви отримуєте чорний колір фону на скопійованому PNG-файлі, навіть відкриваючи його вручну, спробуйте перевірити, чи немає альфа-каналу.

Схоже, залежно від того, яке програмне забезпечення було використано для виготовлення PNG, інколи прозорість зберігається як всередині шарів, але в інший час вона зберігається в альфа-каналі.

Трюк, коли він знаходиться в альфа-каналі, - це просто CTRL + Клацніть невеликий попередній перегляд альфа-каналу, щоб вибрати його, а потім створити маску на шарі з чорним фоном з виділення. (Тоді ви можете видалити альфа-канал)

Тож я набридла цим роздратуванням і вирішила подолати.

Є дві частини:

• Крихітна утиліта, яку я написав, щоб зберегти зображення буфера обміну у файл .png
• AutoHotKey сценарій

Сценарій AutoHotKey перевіряє, чи Photoshop наразі активний, і якщо так, то перехоплює комбінацію клавіш Ctrl+ V, а потім запускає утиліту.

Якщо утиліта зберегла зображення до %TEMP%\clip.png, комбінація клавіш Shift+ Ctrl+ F12надсилається до Photoshop, який я відобразив у Photoshop Action, щоб розмістити 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.ahkфайл у тій самій директорії, що і утиліта ClipboardToPNG.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