web-dev-qa-db-fra.com

Le format PNG avec un arrière-plan transparent devient noir lors du téléchargement et du redimensionnement

Étapes à suivre pour reproduire:

  1. Créez un fichier PNG-8 avec un arrière-plan transparent.
  2. Télécharger sur WordPress 3.3.1.
  3. Affichez le fichier PNG d'origine dans n'importe quel navigateur, que ce soit Chrome, Firefox, IE, etc. Notez qu'il conserve la transparence comme il se doit.
  4. Affichez une version redimensionnée de ce fichier PNG dans n’importe quel navigateur. Notez que les parties transparentes du fichier PNG sont maintenant noires.

Exemples:

Cela se produit même avec une nouvelle installation de WordPress 3.3.1 sans plugins activés. Des idées sur ce qui pourrait causer ce bogue? J'ai effectué des recherches dans tout ce forum, dans les forums d'assistance WordPress et partout où Google peut trouver. Tout ce que je vois, cite un bogue du plug-in NextGEN Gallery et le fameux bogue de transparence IE6 PNG, qui ne semblent pas être liés à ce problème.

Merci d'avance.

imagesuploadsimage-resize
5
Mike Lee

J'essayerais de l'enregistrer d'abord en PNG 24.

Si cela ne fonctionne pas, jetez un coup d'œil à ceux-ci:

http://www.akemapa.com/2008/07/10/php-Gd-resize-transparent-image-png-gif/

https://stackoverflow.com/questions/6382448/png-transparency-resize-with-simpleimage-php-class

6
fxfuture

Je peux vous épargner des heures de recherche sur Internet pour résoudre ce problème. Assurez-vous de le faire lorsque vous ajoutez un fichier PNG à WordPress.

le format png doit être au format png 24 bits Si vous ajoutez un logo à votre site WordPress, assurez-vous que sa taille correspond exactement à celle de ce qui existe déjà. Si la taille du png est trop grande, l'arrière-plan transparent devient noir.

1
Mark

Wordpress 3.5 introduit WP_Image_editor , permettant d’utiliser Gd ou Imagemagick, et apparemment d’installer et d’utiliser le PHP La bibliothèque Imagemagick est la solution au noir en matière de redimensionnement des fichiers GIF (ou PNG): http : //lists.automattic.com/pipermail/wp-hackers/2014-January/047573.html

0
NoBugs