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

# Images

> Customize your site's cover image and logo to match your brand and releases.

## Cover image

Your cover image is where you can really set the vibe and tone for your site. Each template uses the cover image a little differently, but it will always be prominently featured on your home page in some way.

### Cover image best practices

<CardGroup>
  <Card title="Crop" icon="crop" iconType="light">
    Choose an image (or crop one) so the subject is in the center with generous space around all sides.
  </Card>

  <Card title="Size" icon="ruler-combined" iconType="light">
    Upload the highest quality image you can while staying below our 10 MB limit. At least 1500-2000 pixels wide.
  </Card>

  <Card title="Type" icon="font" iconType="light">
    Don't use an image with type or a logo baked in, or at least test it carefully on different browser sizes if you do.
  </Card>

  <Card title="Format" icon="file-check" iconType="light">
    We accept JPG, GIF, or PNG files.
  </Card>
</CardGroup>

### Changing your cover image

1. Visit **Design** and select **Edit**.
2. In the **Images** section, select the button or drag an image into **Cover**.
3. **Publish** your design.

## Logo

Nothing make's your site feel more official than adding your own logo. By default we'll use your artist name as the main link to your site's home page, but if you've got one, we really recommend taking the time to get your logo on your site.

### Logo best practices

<CardGroup>
  <Card title="Crop" icon="crop" iconType="light">
    Crop out any white space around your logo.
  </Card>

  <Card title="Color" icon="swatchbook" iconType="light">
    Make it black and white so it's easier for us to color.
  </Card>

  <Card title="Strokes" icon="vector-circle" iconType="light">
    Expand all strokes to paths using **Convert to Outlines** in vector editing apps.
  </Card>

  <Card title="Fonts" icon="font-case" iconType="light">
    Convert all typefaces to outlines as an embedded font might not always render properly.
  </Card>

  <Card title="Images" icon="image-slash" iconType="light">
    Don't embed raster images and make sure all elements in your SVG are vector-based.
  </Card>

  <Card title="Format" icon="file-svg" iconType="light">
    We only accept SVG files because they can be resized and colorized easily.
  </Card>
</CardGroup>

<Tip>
  If you don't already have an **.svg** version of your logo, the best way to get one might be to reach out to your
  designer to see if they can help you export one. If you have an **.ai** or **.eps** file of your logo, you can use
  those to convert your logo to **.svg**, but that can be tricky without the right software. Again, ask your designer
  for help.
</Tip>

### Changing your logo

1. Visit **Design** and select **Edit**.
2. In the **Images** section, select the button or drag your logo into **Logo**.
3. **Publish** your design.