Widget & Email Image Specifications

Connor Johanning Updated by Connor Johanning

Overview

Use these dimensions when preparing imagery for Friendbuy widgets and campaigns. Correctly sized assets ensure optimal display across desktop, mobile, and email.

Accepted file types: .png, .jpg, .gif Maximum file size: 1 MB (500 KB recommended for faster load times) Avoid: PSDs, DOCXs, or any unformatted image catalogs.

Widget Image Dimensions

Widget Type

Recommended Size (W × H)

Notes

Overlay Widget

800 × 1200 px

Provide 2 images – one for Share and one for Thanks states.

Landing Page

2970 × 1500 px

Provide 2 images – one for Share and one for Thanks states.

Email Capture

2970 × 1500 px

Provide 2 images – one for Gate and one for Thanks states.

Mobile Widget

1200 × 566 px

Provide 2 images – one for Share and one for Thanks states. Avoid dark pixels in the top-right corner.

Facebook Share Image

1200 × 625 px

Avoid text in the image - Facebook compresses images, which can make text unreadable.

Google Wallet

  1. Logo Image: 660 x 660px
  2. Background Image: 1032 x 336px

Design Apple and Google Wallet QR codes separately for independent tracking. Customize each with your brand logo, colors, and layout, and ensure QR elements display only on mobile views.

Apple Wallet

  1. Logo Image: 150 x 150px to 480 x 150px
  2. Background(Strip) Image: 1,125 x 432px

Icon Image - Recommended size: 87px x 87px. This is not displayed on the pass itself, but is used on the lock screen and for notifications.

Email Assets

Asset Type

Recommended Size

Notes

Email Images

≥ 600 px wide

Provide 2 versions – one for Advocate and one for Friend emails.

HTML Templates

Accepted only as .html files

Exclude navigation headers and footers. Use existing internal templates or basic layouts.

Brand Assets

Asset

Specifications

Logo Files

.png format, provide all approved logo variations.

Font Files

.otf or .ttf formats only (variable or .woff fonts not accepted).

Widget & Email Image Examples

(Advocate) Overlay Email Share: 800 × 1200 px

(Advocate) Landing Email Share: 2970 × 1500 px

(Advocate) Mobile Email Gate: ≥ 600 px wide

Self Referral: 1200 x 1200 px

QR: Apple: 1,125 x 432px, Google: 1032 x 336px

(Friend) Shared Email: ≥ 600 px wide

Facebook Share: 1200 × 625 px

Design Best Practices

  • Choose high-performing assets - lifestyle or product imagery that’s visually clear and brand-approved.
  • Avoid text-heavy designs or assets with key visuals near the edges (to prevent cropping).
  • Keep brand colors and logo placement consistent across all widget types.

How did we do?

How to Make Changes to a Theme

How to Apply Theme Changes to a Widget

Contact