Magento Open Source, 1.9.x

Preparing Swatch Images

A swatch image can provide an accurate representation of color, and also illustrate a pattern or texture. There are two different methods you can use to create swatches for your products. You can use either method, or a combination of both.

  • The default method is to create global swatches that represent a plain color, and upload them to Media Storage.
  • You can also create custom swatches that illustrate a fabric or texture, and upload them to a specific product.

The size of the swatch that is set in the configuration, and the size of the uploaded image determine the level of detail that can be seen in the swatch. To show a pattern clearly, make sure that the image is large enough to capture the essence of the design. To show a fabric weave, texture, or grain of leather, capture the image at as high a resolution as possible, and crop the image as close to the display size of the swatch as possible. Any reduction in size makes the detail harder to see.


Capture Swatch from Product Image

To capture a swatch, you can open the main product image in a photo editor, and crop a section from the image. You can also use the eyedropper tool to pick up the exact color you need, and fill the swatch with the selected color. If you have the product available, you can take a photograph of the fabric with your camera. The swatches below were captured from the side of a shoe in the main product image.


Swatch Samples