GuildWiki:Suggestions/In-line crafting material icons

Here on GuildWiki, whenever we list the crafting cost for weapons/armor, we've always used plain-text piped links to denote the crafting materials, like this:


 * 10 Iron, 5 Fangs

In-game, though, all crafters show the materials with an icon after the number. The name of the material appears as a tooltip when you hove the mouse pointer over the icon:


 * 10 [[Image:Iron Ingot.png|x25px|Iron Ingot(s)]] 5 [[Image:Monstrous Fang.png|x25px|Monstrous Fang(s)]]

GWW does it this way, for the same reason. They use a template for each icon that has the size and alt text parameters hard-coded.

I think we should also change to follow the in-game display method, creating similar templates to GWW for in-line crafting material icons. We could improve a little bit on GWW's implementation by allowing the icon's height to be a parameter to the template, defaulting to 25px tall when no parameter is given.

See Arthur Ayala for a minimal example of what this might look like on a weaponsmith.

Example template:

Pros

 * Would greatly increase the readability of the material cost column in crafting tables. Different pictures are always easier to distinguish than different words that are formatted identically.
 * Would also greatly reduce the space required for the material cells. While the difference in width between a text link and an icon would be small for a single material, nearly all crafting requires multiple materials, and the space savings would add up.
 * Would make it easier to edit crafting costs, as small templates  are easier to work with than piped links  . Of course, it shouldn't be necessary to edit crafting costs anymore, as they will probably never change.

Cons

 * Would require a lot of work to reformat all pages that contain armor or weapon crafting costs, including armor art pages, weaponsmith pages, perfect stat weapon pages, etc.
 * Of course, it wouldn't be necessary to reformat everything, and it wouldn't have to be completed immediately.
 * I am beginning a project to ensure consistent template usage on armor galleries, and will also be reformatting all weaponsmith tables in the near future, so I can take care of much of this at the same time.

Issues

 * The utility program that resizes images in our wiki (not sure if we're still using the default ImageMagick or not) has trouble with .png files - sometimes transparent backgrounds will come out as black when resized, like [[Image:Wood Plank.png|19px]]. This means that we couldn't rely on the wiki engine to resize the icons automatically.  Someone would have to resize the icons manually, then upload them with the height denoted in the name, like [[Image:Wood Plank 19px.png]].  These images would then have to redirect to the crafting material's article.
 * This is not as much of an issue for users who browse with IE, as they always see gray backgrounds on transparent .pngs anyway.
 * Common materials:
 * [[Image:Bolt of Cloth.png|x25px|Bolt(s) of Cloth]]
 * [[Image:Bone.png|x25px|Bone(s)]]
 * [[Image:Chitin Fragment.png|x25px|Chitin Fragment(s)]]
 * [[Image:Feather.png|x25px|Feather(s)]]
 * [[Image:Granite Slab.png|x25px|Granite Slab(s)]]
 * [[Image:Iron Ingot.png|x25px|Iron Ingot(s)]]
 * [[Image:Pile of Glittering Dust.png|x25px|Pile(s) of Glittering Dust]]
 * [[Image:Plant Fiber.png|x25px|Plant Fiber(s)]]
 * [[Image:Scale.png|x25px|Scale(s)]]
 * [[Image:Tanned Hide Square.png|x25px|Tanned Hide Square(s)]]
 * [[Image:Wood Plank.png|x25px|Wood Plank(s)]]
 * Rare materials:
 * [[Image:Amber Chunk.png|x25px|Amber Chunk(s)]]
 * [[Image:Bolt of Damask.png|x25px|Bolt(s) of Damask]]
 * [[Image:Bolt of Linen.png|x25px|Bolt(s) of Linen]]
 * [[Image:Bolt of Silk.png|x25px|Bolt(s) of Silk]]
 * [[Image:Deldrimor Steel Ingot.png|x25px|Deldrimor Steel Ingot(s)]]
 * [[Image:Diamond.png|x25px|Diamond(s)]]
 * [[Image:Elonian Leather Square.png|x25px|Elonian Leather Square(s)]]
 * [[Image:Fur Square.png|x25px|Fur Square(s)]]
 * [[Image:Glob of Ectoplasm.png|x25px|Glob(s) of Ectoplasm]]
 * [[Image:Jadeite Shard.png|x25px|Jadeite Shard(s)]]
 * [[Image:Leather Square.png|x25px|Leather Square(s)]]
 * [[Image:Lump of Charcoal.png|x25px|Lump(s) of Charcoal]]
 * [[Image:Monstrous Claw.png|x25px|Monstrous Claw(s)]]
 * [[Image:Monstrous Eye.png|x25px|Monstrous Eye(s)]]
 * [[Image:Monstrous Fang.png|x25px|Monstrous Fang(s)]]
 * [[Image:Obsidian Shard.png|x25px|Obsidian Shard(s)]]
 * [[Image:Onyx Gemstone.png|x25px|Onyx Gemstone(s)]]
 * [[Image:Roll of Parchment.png|x25px|Roll(s) of Parchment]]
 * [[Image:Roll of Vellum.png|x25px|Roll(s) of Vellum]]
 * [[Image:Ruby.png|x25px|Ruby(s)]]
 * [[Image:Sapphire.png|x25px|Sapphire(s)]]
 * [[Image:Spiritwood Plank.png|x25px|Spiritwood Plank(s)]]
 * [[Image:Steel Ingot.png|x25px|Steel Ingot(s)]]
 * [[Image:Tempered Glass Vial.png|x25px|Tempered Glass Vial(s)]]
 * [[Image:Vial of Ink.png|x25px|Vial(s) of Ink]]
 * No icon has incorrect transparency when resized to 25px tall, so this is a non-issue.