I'm trying to resize a .png image called bottom-fade.png. Without modification the image looks like the following in joomla unmodified

But when I try to modify the file by resizing it goes blank as shown below


Can someone let me know why resizing (or modifying the image) results in losing the colours?


  • May be an idea to post this one on the Joomla Github Issue Tracker
    – Lodder
    Commented Jun 27, 2016 at 13:25
  • seems like a bug in template image editor.
    – Joomler
    Commented Jun 27, 2016 at 14:02

1 Answer 1


How are you resizing it? Some tools are not very good with resizing png images because of transparency. If you don't have Photoshop and you want to resize a png image then try pixlr (their online desktop), it works very well.

If you're trying to resize the png image using PHP, then can you post your code? The accepted answer here should work.

  • Hi, yes, I'm trying to resize it.. here is the code #bottom_fade { width: 6000px; height: 200px; z-index: 99; position: fixed; bottom: 0px; background: url('../images/style1/bottom-fade4.png') bottom center no-repeat;
    – Carltonp
    Commented Jun 27, 2016 at 14:22
  • And yes, its transparent image.
    – Carltonp
    Commented Jun 27, 2016 at 14:23
  • Pixlr worked. Thank youi
    – Carltonp
    Commented Jun 27, 2016 at 14:41

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.