Il PNG con sfondo trasparente diventa nero quando viene caricato e ridimensionato

Question

Il PNG con sfondo trasparente diventa nero quando viene caricato e ridimensionato

- 5
- 59778 2012-01-31
Passaggiper la riproduzione:

Crea un PNG-8 con uno sfondotrasparente.

Carica su WordPress 3.3.1.

Visualizzail PNG originalein qualsiasibrowser,Chrome,Firefox,IEe così via. Tienipresente chemantiene latrasparenza come dovrebbe.

Visualizza una versione ridimensionata di quel PNGin qualsiasibrowser. Osserva che lepartitrasparenti del PNG ora sononere.

Esempi:

Immagine originale caricata: http://me.mikelee. org/wp-content/uploads/icon-facebook-lg.png

Versione ridimensionata dell'immagine caricata: http://me.mikelee.org/wp-content/uploads/icon-facebook-lg-150x150.png

Ciò si verifica anche con un'installazionepulita di WordPress 3.3.1 senzaplug-in attivati. Qualcheidea su cosapotrebbe causare questobug? Ho cercatoin tutto questoforum,nei forum di supporto di WordPresse ovunque Googlepossatrovare. Tutto quello che vedo làfuori sonomenzioni di unbug delplugin NextGEN Gallerye ilfamigeratobug ditrasparenza PNG di IE6,nessuno dei quali sembra riguardare questoproblema.

Graziein anticipo.
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

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

3 risposta

voti

- 1
- 2012-05-01
Possofarti risparmiare ore di ricerca su Internetper risolvere questoproblema. Assicurati difarlo quando aggiungi un PNG a WordPress

png deveesserepng a 24bit Se stai aggiungendo un logo altuo sito WordPress,assicurati che la dimensione del logo sia la dimensioneesatta di ciò che ègiàpresente. Se la dimensione delpng ètroppogrande,lo sfondotrasparente diventanero.

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.
- fonte
- Mark
- 0
- 2014-01-04
Wordpress 3.5introduce WP_Image_editor ,consentendone l'usodi GD o Imagemagick,e apparentemente l'installazionee l'utilizzo della libreria PHP Imagemagick è la soluzione allatrasparenza delnero quando si ridimensionanoi file GIF (o 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
- fonte
- NoBugs

fxfuture · Accepted Answer · 2012-01-31

6

2012-01-31

Provereiprima a salvarlo come PNG 24.

Senonfunziona,dai un'occhiata a questi:

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

Salvare l'immagine come PNG 24 hafunzionato ameraviglia.Successivamenteesaminerò la soluzione StackOverflow.Grazieper l'aiuto!

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
Ilpiacere ètuttomio.Sono contento che sia stata una soluzione semplice!

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