Troubleshooting SVG Upload and Display Issues in Marketo

Summary

Learn how to resolve issues with uploading SVG files to Marketo.

Issue

You are not able to upload Scalable Vector Graphics (SVG) files to Marketo. You are encountering errors during the upload process or facing issues with improper display in browsers after uploading. 

Cause:

The root cause behind such issues is often Marketo's security checks, which may reject certain properties of SVG files. This can lead to conflicts between what Marketo accepts and what browsers can display.
 

Solution

To address SVG files not being accepted or displayed correctly in Marketo, try the following steps:

1. Change File Extension to .xml:

Instead of saving the file with a .svg extension, save it as a .xml file. This will change the server MIME type and allow it to be uploaded to Marketo.

Example:

If your file is named "example.svg," rename it to "example.xml" before uploading it to Marketo.

2. Remove Unwanted Properties:

If the SVG file contains additional properties or namespaces causing rejection by Marketo, removing them can resolve the issue. For instance, the xlink namespace, if present at the top of the SVG file, may lead to rejection by Marketo. Exercise caution not to remove essential properties, as this could result in errors when attempting to display the file in a browser.

Example:

If your SVG file has the following line:

xml

xmlns:xlink="http://www.w3.org/1999/xlink
 

Remove this line from the SVG file's code using a text editor.
 

When saving SVG files from applications like Adobe Illustrator, changing the file extension or manually editing the code may be challenging. However, using any file explorer, you can easily change the file extension to .xml. Code editing can be performed using a text editor to manually remove unwanted properties.

Always back up the original SVG file before making any changes to prevent permanent data loss.

By following these steps, you should be able to successfully upload SVG files to Marketo and ensure proper display in browsers.