Cover photo and logo specifications on Vome

Cover Photo and Logo Specifications on Vome

Overview

Vome uses two kinds of branding image. A cover photo is the wide banner across the top of a page. A logo is the small square or circular mark that identifies your organization.

This article lists every place you can upload one, the dimensions that actually apply, the formats that work, and which places keep the resolution of the file you upload. It is written for administrators.

1. Where can I upload a cover photo?

Seven places.

  • Your organization page. Hover over the cover and choose Change Cover Photo.
  • A site. Go to Sites, open the site, then use the Cover photo card.
  • A category. When you create or edit a category, choose Select or upload a cover photo. Category covers are saved to your cover photo theme library, so one image can be reused across several categories.
  • An opportunity. During the add opportunity wizard, or afterwards from Opportunities: open the opportunity, click Actions, then Update cover photo.
  • A form. Open the form, go to Details, then Cover photo. You get three choices: use the cover photo from your organization page, upload a custom one, or use the Vome default.
  • A group. Go to Groups, open the group, then use the Cover photo card. Groups require the Enterprise plan or above.
  • A cover photo section on an opportunity's page layout, if you build a custom landing page for that opportunity.

2. Where can I upload a logo?

Three places.

  • Your organization page. Hover over the logo and choose Change logo. Do this one first, because this logo carries across your pages, your emails and the end user experience.
  • A site. Go to Sites, open the site, then use the Logo card. A site logo replaces the organization logo on pages tied to that site.
  • A group. Go to Groups, open the group, then use the Logo card. Enterprise plan or above.

3. Why can I not upload a logo to a form, an opportunity or a category?

Because there is no separate logo for those.

The circle you see at the top of a form page or an opportunity page is your organization logo, or your site logo if that form or opportunity is linked to a site. Categories have a cover photo only.

So if you want to change that circle, change it on your organization page or on the site, and it updates everywhere it appears. There is no upload button on the form or the opportunity itself, and that is deliberate rather than something missing.

4. What size should a cover photo be?

At least 820 pixels wide by 312 pixels tall.

Your organization page, your categories, your opportunities and your forms enforce this. Anything smaller is rejected with a message asking for those dimensions.

That is a ratio of roughly 2.6 to 1, so a wide landscape image rather than a square one. A good target is 1640 by 624, which is the same shape at twice the size.

Sites, groups and page layout sections do not check the dimensions, but they display the image in the same wide band, so use the same size there.

5. What size should a logo or a profile photo be?

A logo is cropped to a square, so start with a square image. 400 by 400 is plenty. Your organization logo is saved at 194 by 194, so a much larger file is scaled down and gains you nothing.

Profile photos, for administrators and for users, are cropped to a circle and saved at up to 800 by 800. Here a larger square file does help, so 800 by 800 is a good target.

6. Does uploading a bigger file give me a sharper result?

It depends where you upload it, and this catches people out.

Resolution is kept on sites, groups, categories, course images, award images and page layout sections. A larger file does give a sharper result in those places.

The file is re-rendered on your organization page cover, on opportunity covers and on form covers. Those three open a cropping tool, and the result is saved at 812 by 312 whatever you started from. A 4000 pixel wide photo produces the same file as a 1640 pixel wide one.

The practical advice is the same either way: start comfortably above the 820 minimum so you have room to crop, and do not bother going far beyond 1640.

7. What file formats can I use?

Use JPG or PNG. Both work in every place listed above.

Most of the uploaders accept only JPG and PNG. A few of them (course images, award images and page layout sections) accept any format your browser can read, including WEBP, but there is no benefit to using one, and sticking to JPG and PNG keeps the same file usable everywhere.

Choose PNG for a logo, especially one with a transparent background. Choose JPG for photographs.

One thing to know about categories: a category cover photo is saved as a JPEG once you crop it, so transparency is lost. Use a photograph there rather than a transparent graphic.

8. How large a file should I use?

Keep cover photos and logos under about 2 MB.

A heavier file does not look any better once it is on the page, and it slows down every page it appears on, including the pages your users see before they apply. If you are exporting from a design tool, the "web" or "screen" quality setting is usually enough.

9. What happens if my image is the wrong shape?

That depends on whether the place you are uploading to crops or fits.

Your organization page cover, opportunity covers and form covers open a cropping tool. Drag and zoom until the important part of the image sits inside the frame, then save. Nothing is cut off without you seeing it first.

Sites, groups, courses and awards do not crop. They fit your image into the space available, which means a tall or square image can end up with empty bars beside it. A wide image avoids that.

A logo is always cropped to a square or a circle, so anything sitting in the corners of a non-square image will be cut off. Leave a little breathing room around a wordmark.

10. What about course images and award images?

Both are optional, and both display small.

  • A course image is set in the course builder on the first step. It shows at around 140 by 90 and is fitted rather than cropped, so a logo works there as well as a photograph.
  • An award image replaces one of Vome's built-in icons. It shows as a small square, so a simple bold graphic reads better than a detailed photograph.

Summary

  • Cover photos: at least 820 by 312, aim for 1640 by 624, wide landscape shape.
  • Logos: square, and 400 by 400 is plenty. Profile photos: square, 800 by 800.
  • Cover photos upload in seven places. Logos upload in three: your organization page, a site, and a group.
  • Forms, opportunities and categories have no logo of their own. The circle is your organization logo, or your site logo when they are linked to a site.
  • JPG or PNG works everywhere. PNG for logos, JPG for photographs.
  • Organization page, opportunity and form covers are re-rendered at 812 by 312, so a very large upload gains nothing there.
  • Keep files under about 2 MB.

Where to go next