How to Embed Images in HTML, Markdown, and BBCode
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

Image with Link
[](https://imglink.cc/i/abc123)
Image with Title Tooltip

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
How to Resize Images Online for Free (No Software Needed)
Resize images to any dimension instantly in your browser. No software downloads, no signups, no watermarks. Perfect for social media, thumbnails, and web optimization.
Free Image Hosting for Discord, Reddit & Social Media
How to host and share images on Discord, Reddit, and social media platforms with free direct links that embed and display perfectly.
WebP vs JPEG vs PNG: Which Image Format Should You Use?
A practical comparison of WebP, JPEG, and PNG formats. Learn which one to use for photos, graphics, screenshots, and web optimization.