* In-game icons are 32x32 pixels exact replica from NPC's shop or your inventory. Unequip items to remove the red border!
* In-game icons are 32x32 pixels exact replica from NPC's shop or your inventory. Unequip items to remove the red border!
* File name MUST be in the form <code>Item-icon-xxxxxx.png</code>. For example <code>Item-icon-amethyst.png</code>.
* File name MUST be in the form <code>Item-icon-xxxxxx.png</code>. For example <code>Item-icon-amethyst.png</code>.
** '''Because when you hover over an icon, it will display text, name 2+ worded items with spaces. Example: crab Meat, not crabmeat. In this example, "crab Meat" will display as "Crab Meat" when you hover over an the icon on the wiki, while "crabmeat" will display as "Crabmeat". I feel it's just annoying to see the words mushed together and not as nice looking. Also, the first letter is always capitalized, but other letters are not, so write accordingly.'''
** '''Because when you hover over an icon, it will display the name of the picture's file, items with more than 1 word get mushed together (ex. crabmeat.png -> shows up as Crabmeat when hovered over). A way to fix this is to give it a <span style="color:red;">label tag</span>: "icon|crabmeat|label=Crab Meat" -> {{icon|crabmeat|label=Crab Meat}} <span style="color:red;">NOT</span> {{icon|crabmeat|}}
* Use a short generic label for generic and common icons. For example:
* Use a short generic label for generic and common icons. For example:
** Use "book" not "Fire Magic: Introductory Research" since most skill teaching books have the same book icon.
** Use "book" not "Fire Magic: Introductory Research" since most skill teaching books have the same book icon.
** Use "seeds" not "dahliaseeds" since most seeds in-game have the same icon.
** Use "seeds" not "dahliaseeds" since most seeds in-game have the same icon.
*** '''(Possibly a BAD habit to do because item icons may change... just create a new file with the exact name of the item. Example: crab Meat, instead of crab)'''
*** '''(Possibly a <span style="color:red;">BAD</span> habit to do because item icons may change... just create a new file with the exact name of the item. In the above example, [[Dahlia Seeds]] have a different icon than [[Bluebell Seeds]]; probably changed since the above was written, which proves my point.'''
* In alpha there are no icons that need more than 256 color. Save the SMALLEST file size , 8 bit PNG.
* In alpha there are no icons that need more than 256 color. Save the SMALLEST file size , 8 bit PNG.
* <span style="color:red;">'''Please document any new icons below, otherwise kittens die!!'''</span>
* <span style="color:red;">'''Please document any new icons below, otherwise kittens die!!'''</span>
Revision as of 17:42, 21 August 2016
32x32 pixels, 8 Bit PNG.
As of writing, I recommend to watch this page to notice more easily when other people add new icons.
Uploading New Icons
In-game icons are 32x32 pixels exact replica from NPC's shop or your inventory. Unequip items to remove the red border!
File name MUST be in the form Item-icon-xxxxxx.png. For example Item-icon-amethyst.png.
Because when you hover over an icon, it will display the name of the picture's file, items with more than 1 word get mushed together (ex. crabmeat.png -> shows up as Crabmeat when hovered over). A way to fix this is to give it a label tag: "icon|crabmeat|label=Crab Meat" -> Crab MeatNOTCrabmeat
Use a short generic label for generic and common icons. For example:
Use "book" not "Fire Magic: Introductory Research" since most skill teaching books have the same book icon.
Use "seeds" not "dahliaseeds" since most seeds in-game have the same icon.
(Possibly a BAD habit to do because item icons may change... just create a new file with the exact name of the item. In the above example, Dahlia Seeds have a different icon than Bluebell Seeds; probably changed since the above was written, which proves my point.
In alpha there are no icons that need more than 256 color. Save the SMALLEST file size , 8 bit PNG.
Please document any new icons below, otherwise kittens die!!
Usage Notes
Using an icon
Always use the template if possible instead of the mediawiki image code!
{{icon|<icon name>}}
Icon size
Use the size parameter, for example here is Firstaid a 16x16 First Aid Kit.
{{icon|<icon name>|size=16px}}
Other uses
Item Template Demos for creating item descriptions similar to in-game popups
