Images
  • 02 Oct 2024
  • 2 Minutes to read
  • Dark
    Light

Images

  • Dark
    Light

Article summary

Sizing Specifications

To get the best user experience on your Event pages, we recommend using the following sizing specification for your images. If you are not using the following ratios, the images may be distorted.

  • Event Image URL: 820px x 410px (ratio 2:1)
  • AttendeeLink image: 820px x 410px (ratio 2:1)
  • Session Image URL: 810px x 250px (ratio 3:1)
  • Speaker Image URL: 128px x 128px (ratio 1:1)
  • Attendee's avatar image: 128px x 128px (ratio 1:1)
  • Sponsor Image URL: 320px x 128px (ratio 2.5:1)
  • Event Group Logo URL: 185.25px x 92.63px (ratio 2:1)

Image Sources

Important: URL links need to be HTTPS, not HTTP.

There are two kinds of images you may set in Events (Salesforce).

  • Images in string fields
  • Images in rich text fields

Image Sources

Public images

You can always use a public image from third parties if they allow you to use the images out of their platform, such as Imgur. Review the steps below for each type of Salesforce user interface (UI).

Classic User Interface (UI)

  1. Paste the public image URL into a string field directly.
  2. Use the public image URL in a rich text field, like this:
    Public Images

Lightning User Interface (UI)

  1. Paste the public image URL into a string field directly.
  2. Unfortunately, the Lightning UI doesn't provide a way to use a third party image URL in rich text fields.

Upload Images from Salesforce Files

Blackthorn recommends using Salesforce Files to upload images.

Complete the steps below to store a file in Salesforce.

  1. Save the image to your desktop.
  2. Navigate to Files in Salesforce.
    CustomCSS_UploadFiles_1
  3. Click Upload Files to upload the image to Files.
  4. Select the uploaded file and click Public Link at the top of the page.
    CustomCSS_UploadFiles_2
  5. Make sure the Expiration date and Password are toggled “Off” and click Create Link.
    CustomCSS_UploadFiles_3
  6. Click Copy Link to copy the generated link.
  7. Open the URL in a new browser and click Download.
    CustomCSS_UploadFiles_4
  8. Navigate to all downloads and find the image file.
  9. Copy the URL (downloaded file). You may need to right-click the file and click Copy Link Address.
  10. Go to the record where you want to add the image.
  11. Click the Pencil icon next to the Image URL or Logo URL field.
  12. Paste the copied URL in the Image URL or Logo URL field.
  13. Click Save.
  14. Go to the related Event record.
  15. Click Update.

FAQ

Q: Do you support Salesforce Files?
A: At this time, Salesforce Files are not supported.

Q: Do you support image versioning?
A: At this time, we do not. When inserting a new URL, please ensure it is a unique URL. This will allow the image to update properly on the Event.

Q: Are there any size or file type limitations?
A: Yes.
* Size of 100 MBs
* Files formats supported include: .docx, .pdf, .ppt, .pptx, .xls, and .xlsx
* Image files supported include: .gif, .jpg, and .png