> For the complete documentation index, see [llms.txt](https://xeavin.gitbook.io/the-insurgents-handbook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xeavin.gitbook.io/the-insurgents-handbook/textures/equipment-previews.md).

# Equipment Previews

### General

This page explains how to edit the equipment preview images, which are to the left of the description text in the inventory.

* Every icon has a width of 64 pixels and height of 96 pixels.
* Every raw image has exactly 64 icons. The only exception is the last file (`item_gra07.raw`), which has 16 icons.
* Every raw image has a width of 64 pixels.
* Every raw image has a height of 6144 pixels. The only exception to this is the last file (`item_gra07.raw`), which has 1536 pixels.

To find the height of the raw image, you divide the total image size (bytes) by the image width (pixels). For example, the height of `item_gra00.raw` would be: `393216 / 64 = 6144`.

### Required Tools

The following tools are required for the next steps:

* [VBF Browser](https://www.nexusmods.com/finalfantasy12/mods/3)
* [The Insurgent's Workshop](https://github.com/Xeavin/The-Insurgents-Workshop)
* ff12-as7
* Optpix Image Studio v3.12a
* Image editor (e.g. Photoshop, Gimp, ...)
* Hex Editor (e.g. HxD, 010 Editor, ...)

### Files

{% file src="/files/ND5sDCoxmfMb3IGQ2lBC" %}
Made by ffgriever
{% endfile %}