PNG avec un arrière-plan transparent devient noir lorsqu'il est téléchargé et redimensionné

Question

PNG avec un arrière-plan transparent devient noir lorsqu'il est téléchargé et redimensionné

- 5
- 59778 2012-01-31
Étapes à suivrepour reproduire:

Créez un PNG-8 avec un arrière-plantransparent.

Télécharger sur WordPress 3.3.1.

Affichez lefichier PNG original dansn'importe quelnavigateur,Chrome,Firefox,IE,etc. Notez qu'il conserve latransparence commeil se doit.

Affichez une version redimensionnée de ce PNG dansn'importe quelnavigateur. Notez que lespartiestransparentes du PNG sont désormaisnoires.

Exemples:

Imageimportée d'origine: http://me.mikelee. org/wp-content/uploads/icon-facebook-lg.png

Version redimensionnée de l'imagetéléchargée: http://me.mikelee.org/wp-content/uploads/icon-facebook-lg-150x150.png

Cela seproduitmême avec uneinstallationpropre de WordPress 3.3.1 sansplugins activés. Desidées sur ce quipourrait causer cebug? J'ai cherchépartout dans ceforum,lesforums d'assistance WordPresset partout ailleurs que Googlepeuttrouver. Tout ce queje vois là-bas,ce sont desmentions d'unbogue duplugin NextGEN Galleryet dutristement célèbrebogue detransparence PNG IE6,dont aucunne semble concerner ceproblème.

Merci d'avance.
Steps to reproduce:

Create a PNG-8 with a transparent background.

Upload to WordPress 3.3.1.

View original PNG in any browser, Chrome, Firefox, IE, etc. Notice that it retains transparency as it should.

View a resized version of that PNG in any browser. Observe that the transparent portions of the PNG are now black.

Examples:

Original uploaded image: http://me.mikelee.org/wp-content/uploads/icon-facebook-lg.png

Resized version of the uploaded image: http://me.mikelee.org/wp-content/uploads/icon-facebook-lg-150x150.png

This occurs even with a clean install of WordPress 3.3.1 with no plugins activated. Any ideas on what might be causing this bug? I've been searching all over this forum, the WordPress support forums, and anywhere else Google can find. All I see out there are mentions of a NextGEN Gallery plugin bug and the infamous IE6 PNG transparency bug, neither of which appear to pertain to this problem.

Thanks in advance.
uploads images

- Voir aussi http://core.trac.wordpress.org/ticket/20555
  
  See also http://core.trac.wordpress.org/ticket/20555
  - 0
  - 2012-05-01
  - fuxia

3 réponses

votes

- 1
- 2012-05-01
Jepeux vousfairegagner des heures de recherche sur Internetpour résoudre ceproblème. Assurez-vous de lefaire lors de l'ajout d'un PNG à WordPress

png doit être auformatpng 24bits Si vous ajoutez un logo à votre site WordPress,assurez-vous que lataille du logoest latailleexacte de ce quiest déjà là. Si lataille dupng esttropgrande,lefondtransparent devientnoir.

I can save you hours searching on the internet to solve this problem. Make sure you do this when adding a PNG to WordPress

png must be png 24 bit If you are adding a logo to your WordPress site make sure the size of the logo is the exact size of what is already there. If the size of the png is too big it makes the transparent background go black.
- 0
- 2014-01-04
Wordpress 3.5présente WP_Image_editor ,permettant l'utilisationde GD ou Imagemagick,et apparemmentinstalleret utiliser labibliothèque PHP Imagemagickest la solution à latransparencenoire lors du redimensionnement defichiers GIF (ou PNG): http://lists.automattic.com/pipermail/wp-hackers/2014-January/047573.html

Wordpress 3.5 introduces WP_Image_editor, allowing use of either GD or Imagemagick, and apparently installing and using the PHP Imagemagick library is the solution to black transparency when resizing GIF files (or PNGs): http://lists.automattic.com/pipermail/wp-hackers/2014-January/047573.html

fxfuture · Accepted Answer · 2012-01-31

6

2012-01-31

Si celane fonctionnepas,jetez un œ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

L'enregistrement de l'image auformat PNG 24 afonctionné comme un charme.J'examineraiensuite la solution StackOverflow.Merci de votre aide!

Saving the image as a PNG 24 worked like a charm. I'll look into the StackOverflow solution next. Thanks for your help!
- 0
- 2012-02-01
- Mike Lee
Monplaisir.Heureux que ce soit une solution simple!

My pleasure. Glad it was a simple fix!
- 0
- 2012-02-02
- fxfuture