How to Embed Images in HTML, Markdown, and BBCode

Embedding images correctly depends on where you're posting. Different platforms use different markup languages. Here's how to embed images everywhere, with ready-to-use examples.

HTML (Websites and Emails)

HTML is the most common way to display images on the web. Use the <img> tag:

Basic Image Embed

<img src="https://imglink.cc/cdn/yourimage.png" alt="Description of image" />

With Width and Height

<img src="https://imglink.cc/cdn/yourimage.png" alt="Description" width="800" height="600" />

Responsive Image

<img src="https://imglink.cc/cdn/yourimage.png" alt="Description" style="max-width: 100%; height: auto;" />

Linked Image (Clickable)

<a href="https://imglink.cc/i/abc123">
  <img src="https://imglink.cc/cdn/yourimage.png" alt="Description" />
</a>

Markdown (GitHub, Reddit, Docs)

Markdown is used on GitHub, Reddit, Stack Overflow, Notion, and many documentation platforms.

Basic Image

![Alt text](https://imglink.cc/cdn/yourimage.png)

Image with Link

[![Alt text](https://imglink.cc/cdn/yourimage.png)](https://imglink.cc/i/abc123)

Image with Title Tooltip

![Alt text](https://imglink.cc/cdn/yourimage.png "Image title")

BBCode (Forums)

BBCode is used on most traditional forums like phpBB, vBulletin, XenForo, and many gaming communities.

Basic Image

[img]https://imglink.cc/cdn/yourimage.png[/img]

Image with Link

[url=https://imglink.cc/i/abc123][img]https://imglink.cc/cdn/yourimage.png[/img][/url]

Image with Size

[img width=800]https://imglink.cc/cdn/yourimage.png[/img]

Platform-Specific Tips

Discord

Discord automatically embeds images when you paste a direct image URL. Just paste your ImgLink direct link and Discord will preview it inline.

WordPress

Use the HTML embed code in a Custom HTML block, or paste the direct link into the Image block's URL field.

GitHub README

Use Markdown syntax. For best results, use a descriptive alt text and host your images on a reliable service like ImgLink to ensure they always load.

Get Your Embed Codes

When you upload an image to ImgLink, all embed codes (Direct Link, HTML, Markdown, BBCode) are generated automatically. Just click the copy button next to the format you need.

Apply This Workflow on ImgLink

ImgLink is built for the exact workflow covered in this guide: fast uploads, permanent direct links, Cloudflare CDN delivery, and no-signup sharing when you need to move quickly. If you want to turn the advice above into a repeatable publishing system, start with one canonical hosted image URL and reuse it across docs, posts, forums, and social channels.

Recommended Next Steps

Use these related resources to keep building the same workflow across adjacent image-hosting topics:

• Embed images guide
• Direct image links
• Image upload walkthrough
• API image upload guide
• Image hosting for developers