Mogrify: Applying both "background" and "fill" to the same image

[Lewis8379]

ImageMagick version

7.1.1 Latest

Operating system, version and so on

Windows 11

Description

I'm trying to find a way to change a Font Awesome SVG in to a PNG with both a background and a fill. My main command is:

mogrify -format png -path "Converted" -gravity center -size 40x40 -extent 40x40 [BACKGROUND, FILL, AND COLORIZE HERE] .

Now here's the different background, fill and colorize arguments I've used and their result (1BFF00 is green, FF0000 is red):

-background none -fill #FF0000 | This was a test - the fill colour didn't apply

-background none -fill #FF0000 -colorize 100 | This was a test - the fill colour worked and the icon is red

-background 1BFF00 -colorize 50 -fill #FF0000 -colorize 50 | This was a test - each colour can be seen at its 50% opacity

-background 1BFF00 -colorize 100 -fill #FF0000 | Green image

-background 1BFF00 -colorize 100 -fill #FF0000 -colorize 100 | Red image

-background 1BFF00 -fill #FF0000 | The background worked but the fill didn't

-background 1BFF00 -fill #FF0000 -colorize 100 | Red image

I've tried the documentation, Google, and searching here, and I am at a loss of how to comine background and fill.

Thanks for any help.

[GeeMack]

The "-colorize" operation uses the "-fill" color setting, but "-fill" doesn't affect the background operations. The "-background" sets a color to use as a background when needed for certain append, extent, splice, etc. operations. To get your font red and your background green, try something like thjis..

... -fill #FF0000 -colorize 100 -background #1BFF00 -flatten ...

[Lewis8379]

Thanks for your reply. Indeed I saw on the docs that colorize applies to fill, but I was confused by the different behaviour I was getting in testing. I've given your command a go, in that order and the reverse/original order (background then fill) and I'm still getting the same red filled square

mogrify -format png -path "Converted" -gravity center -size 40x40 -extent 40x40 -fill #FF0000 -colorize 100 -background #1BFF00 -flatten .

[GeeMack]

Your "-extent" operation changes the background from transparent to white, ImageMagick's default background color. Then the red "-colorize" covers the whole image. Try first -fill #FF0000 -colorize 100 to make just the font image red. Then set the background color. Then when you do the "-extent" operation it should also place it on the background color.

... -fill #FF0000 -colorize 100 -background #1BFF00 -extent 40x40 ...

[Lewis8379]

Interesting, I didn't know the extent would do that, although sadly it still isn't working... now I'm getting green parts on the part of the image that was extented

mogrify -format png -path "Converted" -gravity center -size 40x40 -fill #FF0000 -colorize 100 -background #1BFF00 -extent 40x40 .

Examples of first 10 icons:

[snibgo]

... now I'm getting green parts on the part of the image that was extented

That is because you have specified a green colour for the extent:

-background #1BFF00 -extent 40x40

-background and -fill are settings. They do not change the image. They do affect how some operations change the image.

In your case, -background affects -extent, and -fill affects -colorize.