Back to Blog
TutorialsWeb DevelopmentTips & Tricks

How to Embed Images in HTML, Markdown, and BBCode

February 21, 2026 2 min read 1 views

Copy-paste examples for embedding images in any format — HTML for websites, Markdown for GitHub and docs, BBCode for forums.

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.

Related Posts