Working with images
You can insert images in your emails and landing pages.
The following types of images are available, depending on your configuration:
- Local images
- Images shared from Adobe Experience Cloud - refer to Working with Campaign and Assets Core Service / Assets On Demand
- Dynamic images from Adobe Target - refer to Working with Campaign and Target
If you choose to add an image directly by editing the HTML version of the email, you must not call up external files in a <script> tag of the HTML page. These files will not be imported onto the Adobe Campaign server.
Inserting images in an email
- Add a structure component. For more on this, see Editing the email structure .
- Inside this structure component, add an Image content component.
- Click Browse . Drag and drop an image or click to select a file from your computer.
- Select the content component that you just added.
- Check the image properties and adjust them if needed.
Setting up image properties
When you select a block that contains an image, the following properties are offered in the palette:
- Enable personalization allows you to customize the image source. See Personalizing an image source .
- Image Title lets you define a title for the image.
- Alt text (email) or Caption (landing page) lets you define the caption linked to the image (corresponds to the alt HTML attribute).
- When editing an email, Style lets you specify the image size, background, and border.
- When editing a landing page, Dimensions lets you specify the image size in pixels.
The editor allows you to work with all image types whose formats are compatible with browsers. To be compatible with the editor, the "Flash" type animations have to be inserted in an HTML page as follows:
<object type="application/x-shockwave-flash" data="http://www.mydomain.com/flash/your_animation.swf" width="200" height="400"> <param name="movie" value="http://www.mydomain.com/flash/your_animation.swf" /> <param name="quality" value="high" /> <param name="play" value="true"/> <param name="loop" value="true"/> </object>