Page Comparison

...

From this SVG file, PNG files of different sizes can be created. It is important that the background of the token be transparent.

tokens	MTB?0	MTB?1	MTB?2	MTB?3	MTB?4	MTB?5	MTB?6	MTB?7	MTB?8	MTB?9
SVG	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified
512px x 512px	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added
256px x 256px	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified
32px x 32px	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified
28px x 28px	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified	Image Modified

Image Removed

...

bottle / token	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added	Image Added

the token files - ImageMagick

Any adequate tool can be used to prepare the token image files. One extraordinary command-line tool to process these files is ImageMagick.

...

ImageMagic can be used to convert the white background of token raster image to transparent:

convert

...

 token.png -transparent "#ffffff" token_transparent.png

Sizing

To resize the PNG file called test_big.png to 32x32 pixels, into a file called test_32x32.png:

magick

...

 token_big.png -resize 32x32

...

 token_32x32.png

Both commands (transparency and resizing) can be combined into one command:

magick convert -transparent "#ffffff"

...

 token_big.png -resize 32x32

...

 token_32x32.png

Juxtaposing the token image on the bottle image

To combine the token image (at 512x512) with the bottle image (1024px high), and set a 1024x1024 transparent background:

convert -size 1024x1024 xc:transparent MTB_bottle.png -geometry +750+0 -composite MTB27_512x512.png -geometry +380+500 -composite MTB27_bottle.png

Adding the token address as metadata to the token image

And finally…why not write the Ethereum contract address for the token into the image files as metadata!

MTBMBP:tokens mbarrow$ magick MTB21.png -set comment '0x69d3Af30c63F5bd916bBcD79b58dBc8BD16D0308' bottle2.png 
MTBMBP:tokens mbarrow$ identify -format %c MTB21.png 
MTBMBP:tokens 0x69d3Af30c63F5bd916bBcD79b58dBc8BD16D0308

Converting from SVG to PNG

...