--- title: "Images" slug: "event-images" updated: 2025-11-17T20:20:54Z published: 2025-11-17T20:20:54Z canonical: "docs.blackthorn.io/event-images" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.blackthorn.io/llms.txt > Use this file to discover all available pages before exploring further. # Images ## 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](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/Image%20Sources.png) ### 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](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/Public%20Images.png) #### Lightning User Interface (UI) Paste the public image URL into a string field directly. The URL will appear as a URL. ![Images - Lightning User Interface](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/image-20250417-194038.png) ### 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](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/CustomCSS_UploadFiles_1.png) 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](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/CustomCSS_UploadFiles_2.png) 5. Make sure the **Expiration date** and **Password** are toggled “Off” and click **Create Link**. ![CustomCSS_UploadFiles_3](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/CustomCSS_UploadFiles_3.png) 6. Click **Copy Link** to copy the generated link. 7. Open the URL in a new browser and click **Download**. ![CustomCSS_UploadFiles_4](https://cdn.document360.io/f977eec0-500f-40a3-b663-724a51f78075/Images/Documentation/CustomCSS_UploadFiles_4.png) 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 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 The user experience includes all aspects of a user's interactions, including those with Blackthorn’s apps in Salesforce and out in the field, event planning, Attendee registration, accepting payments, and managing Blackthorn-related data at a later date. The user interface (UI) includes every element a user might interact with when using a Blackthorn app, such as objects, records, fields, the checkout experience, features and components, and the Mobile Check-in and Mobile Payments apps.