Skip to main content
All CollectionsBrand Kits
Image Size Guidelines for Flowcode 2

Image Size Guidelines for Flowcode 2

Updated over 2 months ago

Logo Sizing:

For optimal performance and visual quality across most applications on our platform, we recommend logo image files up to 5 MB. This size generally provides a good balance between detail and loading speed, ensuring your logo looks sharp without impacting overall user experience.

However, we understand that certain projects may require higher resolution logos. If you are creating materials intended for large-format displays, high-resolution printing, or other applications where exceptional detail is critical, you may upload logo files up to 8-10 MB.

  • Acceptable file format : JPG, PNG, PDF, SVG (vector) or any format

  • Symmetrical shape (square, rectangle, or circle)

  • High contrast with a transparent background

Conversion Flow:

Images within your conversion flow play a crucial role in capturing attention and driving engagement. To ensure optimal performance and visual quality, please adhere to the following guidelines:

Static Images (e.g., product photos, carousel slides):

  • For most applications, we recommend static images up to 5 MB. This size provides a good balance between detail and loading speed, ensuring your images look sharp without impacting overall user experience.

  • In cases where images are intended for large-format displays, high-resolution printing, or other applications requiring exceptional detail, you may upload files up to 8-10 MB.

  • Please remember that excessively large files can impact loading times and overall flow performance. Choose a file size that balances quality and efficiency based on the image's intended use.

Animated GIFs (e.g., dynamic product showcases, engaging visuals):

  • GIFs, due to their animated nature, often require a different approach to sizing. Aim for GIF file sizes under 2 MB whenever possible.

  • Complex animations with many frames or high resolution can quickly increase file size. To minimize this:

    • Limit the number of frames: Shorter, more concise animations are generally more efficient.

    • Reduce the color palette: Using a smaller color palette can significantly decrease file size.

    • Optimize frame rate: A lower frame rate may be acceptable depending on the animation's complexity.

    • Reduce the dimensions: if the gif does not need to be shown at a very large size, reduce the pixel dimensions.

Did this answer your question?