Header Image Sizing

The backstitch platform will resize any image when uploaded. However, we have created a few tips to best control how the image looks.

The general size that works well for both web and mobile and can be versatile without distorting the image too much is: 

  • 6.25 x 1.5625 inches {or} 600 x 150 pixels {at} 150 dpi

When an image is created at this size, it provides the best optimization for the app and image. Typically, the smaller the better when it comes to web and mobile apps. However, we know how important it is to have a quality image, which is why we came up with the above formula.

Make sure the file size does not go over 500 kb for optimal performance. 

 

Here's a size example:

Header-06

 

Some important tips to remember:

  • Keep the most important elements towards the middle.

  • Keep in mind, the Topic title will overlay in the very center of the image.  However, you can always turn off the header text in the Topic.