|The Image Editor can be used to add or edit images directly with the SharpSpring Email Designer.
For simple image editing, you do not need an external image editor.
This article will provide an overview on the uses of the Image Editor.
Adding Image Elements
To add an image element in an email from the Email Designer toolbar, do the following:
An element that expands to the match the width of the content block.
An image element that has static dimensions.
To insert an image into an image element in an email, do the following:
Important: Sending an email without descriptions attached to images will likely result in the email being flagged as spam. All inserted images must have a description attached.
To edit an image with the Image Editor, do the following:
Important: Upscaling the dimensions of an inserted Image element can result in the image being stretched.
Image Editor Features
|The Image Editor has many editing features available.||
Click to enlarge.
|Crop||Crops the image to the chosen size.|
|Resize||Resizes the overall image through pixel values.|
|Orientation||Orients the layout of the image horizontally or vertically.|
|Brightness||Adjusts the overall brightness of the image.|
|Sharpen||Counteracts blur and sharpens the image's appearance.|
|Contrast||Modifies the contrast of black and white in the image.|
|Color Levels||Alters the image's levels of red, blue, and green.|
|Gamma||Corrects levels of luminescence in the image.|
|Invert||Inverts the image's colors.|
|Images have many options available to modify properties and metadata.||
Click to enlarge.
|Source||The image's original source location.|
|The description attached to the image that displays when hovered over.|
|Dimensions||The overall dimensions, in pixels, of the image.|
|Style||The CSS style attached to the image in the email.|
|The margin, in pixels, around the top and bottom of the image.|
|The margin, in pixels, around the left and right sides of the image.|
|Border||The border thickness, in pixels, of the image.|
Regarding Uploaded Images and Upscaling
When you upload images into SharpSpring, be sure to upload an image that will accurately represent the size that you want to display it as. Otherwise, there may be issues with image scaling. This applies especially when setting uploaded content as background images. You will need to import images at a set resolution for them to render properly when set as background images.
In SharpSpring, the most common image scaling issue is upscaling, where the image is made to display as larger than its uploaded dimensions. When images with small dimensions are made larger, they are forced to upscale and become distorted, often appearing blurry or pixelated. For example, if you upload an image with a height and width of 200 pixels, it will best display at that size. If you try to use the image in a way that forces the image to become larger, it will upscale and not look as it did originally.
The best way to work with uploaded images is to upload images that conform to the specific dimensions of your emails, pages, or other content. Setting dimensions in a layout or template first and then uploading an image that fits those dimensions will limit scaling issues.
Currently, the generally accepted standard resolution for web pages is 1920 pixels wide by 1080 pixels tall. However, there is no uniform standard, as there are many video displays that have resolutions that are larger than this.
Be aware that, when viewed on certain video displays, even those images that have been saved as and set to certain dimensions might not display correctly for every person who views your web page. What may look fine on one display might be distorted on another.