* 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 a space. Example: Crab Meat, not Crabmeat.'''
** '''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.'''
* 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 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)'''
* 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 13:57, 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 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.
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. Example: crab Meat, instead of crab)
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