2011-01-25 20:23:48 +0000 2011-01-25 20:23:48 +0000
50
50

La copie PNG avec transparence depuis le navigateur affiche un fond noir à la place

Lorsque je copie une image PNG avec transparence dans le presse-papiers et que je la colle ensuite dans Photoshop, Paint, etc. - la transparence se transforme en noir.

Y a-t-il un moyen de contourner ce problème ? S'agit-il d'un problème de navigateur, d'application ou de système d'exploitation avec le presse-papiers ?

J'utilise Windows 7 et j'ai testé avec les dernières versions de Chrome et d'Internet Explorer.

Réponses (8)

32
32
32
2011-01-25 21:17:34 +0000

Le copier-coller n'assure pas la transparence. Essayez d'enregistrer le fichier et utilisez ensuite Open File dans Photoshop. AFAIK, Paint n'a pas la possibilité d'enregistrer des fichiers png avec transparence.

12
12
12
2014-11-13 17:01:12 +0000

Poster le commentaire par @DanLugg comme réponse, car c'est le plus pratique pour Windows , IMHO :

  1. clic droit sur l'image et Copy Image URL du navigateur.
  2. Dans Photoshop, choisissez File->Open (ctrl-o) et collez l'URL dans la partie “nom de fichier” de la boîte de dialogue.
  3. Photoshop/Windows téléchargera l'URL dans un fichier temporaire et l'ouvrira.

Pour OS X , il n'y a pas de champ dans une boîte de dialogue/feuille d'ouverture de fichier où l'on pourrait coller une URI. Vous devez plutôt télécharger le fichier et l'ouvrir (par exemple, en le faisant glisser du navigateur vers le Bureau, puis en faisant glisser le nouveau fichier sur le Dock ou dans votre document Photoshop), puis supprimer le fichier temporaire.


FWIW, cela semble être un problème de Photoshop, et non un problème de navigateur ou d'OS. Sous OS X et Windows, je peux copier une image PNG avec transparence depuis Chrome (et aussi Safari sous OS X) et la coller dans Illustrator ou d'autres applications et lui faire conserver sa transparence. C'est la faute de Photoshop uniquement.

3
3
3
2014-12-01 02:20:55 +0000

Essayez ceci : copiez l'image transparente, collez dans MS Word. Ensuite, copiez (ou glissez/déposez) l'image de Word et collez-la dans l'autre programme cible.

J'ai trouvé un collage dans Visio de Chrome devient noir, mais fonctionne correctement dans Word, et ensuite copié de Word il se colle correctement et de façon transparente dans Visio.

1
1
1
2017-02-01 07:15:07 +0000

J'ai trouvé une solution de contournement qui aborde la question. Exécuter mon script après avoir copié un PNG permet de coller une image de Chrome dans Photoshop, Paint, etc. avec la transparence en main.

Programme + Source : https://github.com/skoshy/CopyTransparentImages/releases

Si vous rencontrez un problème avec ce programme, n'hésitez pas à me le faire savoir ici ou sur Github !

0
0
0
2012-09-21 20:11:01 +0000

Vous pouvez simplement faire glisser l'image du navigateur vers Photoshop ou tout autre programme capable de gérer correctement un fichier PNG.

0
0
0
2018-05-15 03:04:39 +0000

J'en ai donc eu assez de cette contrariété et j'ai trouvé une solution.

Il y a deux morceaux :

  • Un petit utilitaire que j'ai écrit pour sauvegarder l'image du presse-papiers dans un fichier .png
  • Un script AutoHotKey

Le script AutoHotKey vérifie si Photoshop est actuellement actif, et si c'est le cas, il intercepte la combinaison de touches Ctrl+V, puis il exécute l'utilitaire.

Si l'utilitaire a enregistré une image au format %TEMP%\clip.png, la combinaison de touches Shift+Ctrl+F12 est envoyée à Photoshop, que j'ai mappé en une action Photoshop pour placer le fichier clip.png dans le document actuellement ouvert.

Si l'utilitaire n'a pas enregistré l'image, la combinaison de touches standard Ctrl+V est envoyée à Photoshop et un collage standard est effectué.

Tout le code source est disponible ici : https://github.com/SilverEzhik/ClipboardToPNG , et l'utilitaire peut être téléchargé ici : https://github.com/SilverEzhik/ClipboardToPNG/releases

Pour créer l'action Photoshop, il suffit de faire une nouvelle action avec la combinaison de touches mappée sur Shift+Ctrl+F12 (ou de changer la combinaison dans le fichier script), puis pendant l'enregistrement, aller à File > Place Embedded..., et coller %TEMP%\clip.png dans le champ du nom du fichier.

Le code source du script AHK est fourni ci-dessous - si vous n'avez pas utilisé AutoHotKey auparavant, installez-le, puis enregistrez le code dans un fichier filename.ahk dans le même répertoire que l'utilitaire ClipboardToPNG.exe, puis exécutez-le simplement.

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
0
0
0
2016-01-18 05:10:30 +0000

Pour ceux qui se demandent, si vous obtenez une couleur de fond noire sur un fichier PNG copié même en l'ouvrant manuellement, essayez de vérifier s'il n'y a pas de canal alpha.

Il semble que selon le logiciel utilisé pour créer le PNG, la transparence est parfois conservée telle quelle à l'intérieur des couches, mais parfois elle est conservée dans un canal alpha.

Une astuce quand il est dans le canal alpha est simplement de faire CTRL+Cliquer sur le petit aperçu du canal alpha pour le sélectionner et ensuite créer un masque sur la couche avec le fond noir de la sélection. (Vous pouvez alors supprimer le canal alpha)

0
0
0
2013-01-16 10:15:59 +0000

Je viens de passer beaucoup de temps à examiner cette question. J'ai utilisé Photoshop pour copier des textures semi-transparentes pendant un certain temps lors du prototypage (avec la destination d'Axure RP).

Maintenant, j'ai essayé d'utiliser la nouvelle API du presse-papiers en html 5. J'ai disséqué les fichiers PNG qui sont générés par ce processus.

Si j'utilise le presse-papiers (avec un chapiteau rectangulaire) pour copier une texture semi-transparente dans le navigateur avec l'API du presse-papiers, cela met l'octet alpha à FF (complètement opaque).

Si j'utilise l'API glisser-déposer pour copier un fichier PNG 24 “Save as Web” dans le navigateur, cela fonctionne comme prévu et les pixels transparents fonctionnent (et l'octet alpha n'est pas forcé à FF).

Note : Même si Photoshop dit que c'est du 24 bits, il l'exporte en fait en 8 bits (confirmé).