The best way to add images or pictures to your emails or templates is to drag and drop them from your desktop or file browser.
You can then resize and align in BriteBiz. We recommend you use standard image file types - JPEG and PNG files. Not all file types will work and it will also depend on your browser.
How do I start adding an image to my email?
To get started with adding an image, you first need to place your cursor exactly where you want the picture to appear within your email body or template editor. Once you have positioned your cursor, navigate to the toolbar at the top and click on the 'Insert/Edit Image' icon, which usually looks like a small mountain or photograph.
💡 Action Steps
Position the cursor in the email body
Click the Insert/Edit Image icon in the toolbar
How do I upload a new image from my computer?
When the image properties window opens, you will see a field for the source URL. To upload a file from your own computer, click the 'Upload' tab or the folder icon next to the source field. This allows you to browse your local files, select the image you want to use, and upload it directly to the server so it can be hosted within your email.
💡 Action Steps
Click the Upload tab
Select the image file from your computer
Confirm the upload to the server
How can I adjust the dimensions and size of the image?
Once the image is selected, you can manage how large it appears by adjusting the dimensions. You'll see width and height fields where you can enter specific pixel values. It is often a good idea to keep the 'Constrain Proportions' checkbox ticked so that when you change the width, the height updates automatically, preventing your image from looking stretched or distorted.
💡 Action Steps
Locate the Dimensions fields
Enter the desired pixel width
Ensure Constrain Proportions is enabled
What is the best way to use Alt Text for images?
In the image description or 'Alt Text' field, you should type a brief summary of what the image shows. This is important because if a recipient has images disabled in their email client, this text will display instead. It also helps with accessibility for users who use screen readers to navigate their emails.
💡 Action Steps
Navigate to the Image Description or Alt Text field
Type a descriptive internal label or summary for the image
How do I align my image with the surrounding text?
To change how text flows around your image, you can use the alignment dropdown. By selecting 'Left' or 'Right' alignment, your text will wrap around the side of the image. If you leave it set to 'None', the image will simply sit on its own line or within the flow of the text like a large character.
💡 Action Steps
Open the Alignment dropdown menu
Select Left, Right, or Center alignment
How do I add spacing around the image?
If you find that your text is touching the edges of your image, you can add 'Vertical' and 'Horizontal' space. Entering a number like 5 or 10 into these fields will create a small buffer of empty space around the picture, making the email look much cleaner and easier to read.
💡 Action Steps
Enter a pixel value in the Vertical Space field
Enter a pixel value in the Horizontal Space field
How do I save the image into my template?
After you have configured all your settings, including the upload, dimensions, and alignment, click the 'OK' or 'Save' button. The image will now appear in your email editor. If you are working within a template, make sure to save the entire template so that the image is preserved for all future uses of that specific email layout.
💡 Action Steps
Click OK to insert the image
Save the email template to keep changes