Ko-Fi Product Image Template

Description

An important element of getting sales on Ko-Fi is a great product preview image. This is a template that you can use to help you format your images.
It will ensure your featured product is fully visible, your text is legible, and your product has a professional look.

Ko-fi recommends using images that are 1200×600, but this results in heavy cropping. I’ve optimised this template to use the image ratio that is actually displayed on a product page – 512 x 400px. I’ve doubled the dimensions for higher quality – 1024 x 800px. And I’ve added markings to show the areas that are cropped or covered at various times on the website:

Green: Always visible
Red: Cropped on Shop page, visible on product page
Blue: Covered by buttons for navigating left and right on the product page
Purple: Covered by pagination dots on the product page
Yellow: Covered by icons on the Shop page, including price.

Comes in 2 formats:
* Layered PSD, made using Adobe Photoshop CC 2019 but saved for Maximised Compatibility. The guide text, and coloured areas, are all on separate layers to aid your work
* PNG, which you can import into any software that supports image layers.
** Import it on a layer over your art, as a guide layer
** lower the opacity
** adjust your art positioning
** delete the guide layer

Both files come compressed in a .zip folder, which you’ll need to unzip to access the files. To do this on PC, right click the .zip and choose Extract All… then choose a folder.

—
CHANGE LOG
22 Feb 2024: Removed Shop Icon indicator from top left corner of template, that area no longer appears to be covered up by any Ko-Fi icons.