> ## Documentation Index
> Fetch the complete documentation index at: https://docs.snagsolutions.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Media Guidelines

> Recommended media formats and dimensions used across the Snag admin tool.

<head>
  <script type="application/ld+json">
    {JSON.stringify({
            "@context": "https://schema.org",
            "@graph": [
              {
                "@type": "TechArticle",
                "headline": "Media Guidelines",
                "description": "Recommended media formats and dimensions used across the Snag admin tool.",
                "author": {"@type": "Organization", "name": "Snag Solutions", "url": "https://www.snagsolutions.io/"},
                "publisher": {"@type": "Organization", "name": "Snag Solutions", "url": "https://www.snagsolutions.io/", "logo": {"@type": "ImageObject", "url": "https://assets.snagsolutions.io/public/docs/snag-logo-dark-no-bg.svg"}},
                "mainEntityOfPage": "https://docs.snagsolutions.io/best-practices/media-guide"
              },
              {
                "@type": "BreadcrumbList",
                "itemListElement": [
                  {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://docs.snagsolutions.io/welcome"},
                  {"@type": "ListItem", "position": 2, "name": "Best practices", "item": "https://docs.snagsolutions.io/best-practices/media-guide"},
                  {"@type": "ListItem", "position": 3, "name": "Media guide"}
                ]
              }
            ]
          })}
  </script>
</head>

<Accordion title="Customization">
  ### Favicon

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Size: 32 × 32 px

  ### Social preview

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Recommended size: 1200 × 630 px

  ### Page background

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Recommended aspect ratio: 2:1
  * Recommended size: at least 2000 × 1000 px
  * Note: Large files may increase page load time.

  ### Header logo

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Any aspect ratio

  ### Navigation links

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: 100 × 100 px
</Accordion>

<Accordion title="Loyalty">
  ### Rule media

  *Add media in rule form*

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: 200 × 200 px

  ### Banner image

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 5:1
  * Recommended size: 2000 × 400 px
  * This banner blends into the page background, keep important content toward the top.
  * On mobile, the banner is taller and the sides may be cropped (2.5:1 ratio).

  ### Currency image

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: 200 × 200 px
</Accordion>

<Accordion title="Badges">
  ### Badge image

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: 200 × 200 px
</Accordion>

<Accordion title="Page Builder">
  ### Page background

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Recommended aspect ratio: 2:1
  * Recommended size: at least 2000 × 1000 px
  * Note: Large files may increase page load time.

  ### Strip section

  **Dekstop**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 5:2
  * Recommended size: 2000 × 800 px

  **Mobile**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 3:4
  * Recommended size: 600 x 800 px

  ### Image section

  **Desktop**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Any aspect ratio
  * Recommended size: at least 2000 px width

  **Mobile**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Any aspect ratio
  * Recommended size: at least 600 px width

  ### Carousel section (large)

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 5:2
  * Recommended size: 2000 × 800 px

  ### Featured section

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: at least 800 x 800 px

  ### Featured app section

  **Tile media**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 3:2
  * Recommended size: at least 600 x 400 px

  **Page media**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 5:1
  * Recommended size: at least 2000 x 400 px

  ### Apps grid section

  **Tile media**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 3:2
  * Recommended size: at least 600 x 400 px

  **Page media**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 5:1
  * Recommended size: at least 2000 x 400 px

  ### Claiming box

  **Successful claim media**

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 2:1
  * Recommended size: at least 800 px in width

  ### Token info

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: at least 200 x 200 px
</Accordion>

<Accordion title="Rewards Shop">
  ### Contract image

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: 200 × 200 px

  ### Asset media

  * Media type: JPG, JPEG, PNG, GIF, WEBP, AVIF
  * Aspect ratio: 1:1
  * Recommended size: 1000 × 1000 px
</Accordion>

## Related pages

<CardGroup cols={2}>
  <Card title="Image Assets & Upload" icon="image" href="/loyalty/handling-image-assets-and-upload">
    Upload and manage image assets for loyalty rules, rewards, and program branding.
  </Card>

  <Card title="Customization" icon="swatchbook" href="/setup/customization">
    Customize your platform's visual style including themes, colors, and logos.
  </Card>
</CardGroup>
