Inline images in Guide articles display as broken across all browsers

Issue symptoms

Inline images in Guide articles display for all users as a broken link, or don't display for anonymous users or end users. 

This problem occurs where images are attached as inline attachments to another article that is:

• Restricted to a specific group of users
• In draft status
• In archived status

Due to any of these reasons, the image is displayed as a broken link, followed by the name of the image:

Resolution steps

These are options to fix the problem.  If the article is:

• Restricted to a specific group of users: update the restriction settings
• In draft status: publish the article
• In archived status: restore the article

Alternatively, download the attachments and upload them individually to each article or use the Guide assets section.  This is the recommended approach. 

1. To identify the location of attachment in the original article, inspect the individual element in the console and copy its unique numerical ID:
2. Run the following API call for article attachments: 

https://{{subdomain}}.zendesk.com/api/v2/help_center/articles/attachments/123456789.json

Make sure you replace the subdomain with your subdomain name and the unique ID value with that of one the original article inline attachment.

You'll get the following response that retrieves the original article source:

{
"article_attachment": {
"id": 123456789,
"url": "https://subdomain.zendesk.com/api/v2/help_center/articles/attachments/123456789",
"article_id": 360001328736,
"display_file_name": "Screen Shot 2020-02.png",
"file_name": "Screen_Shot_2020-02.png",
"content_url": "https://subdomain.zendesk.com/hc/article_attachments/1233456789/Screen_Shot_2020-02.png",
"relative_path": "/hc/article_attachments/123456789/Screen_Shot_2020-02.png",
"content_type": "image/png",
"size": 218402,
"inline": true,
"created_at": "2020-02-30T16:30:33Z",
"updated_at": "2020-02-30T16:45:03Z"
}
}

After you've identified the article's unique ID, you can add it to any knowledge base article editor and this returns the article, for example:

https://{{subdomain}}.zendesk.com/knowledge/articles/360001328736/en-us?brand_id=3149466

See working with articles in the knowledge base for more information.