Steam Community :: Guide :: Embed Images and Buttons in Artwork Descriptions

Steam

All Discussions Artwork Videos News Guides

Steam > Guides > Aevoa's Guides

853 ratings

Embed Images and Buttons in Artwork Descriptions

By Aevoa and 2 collaborators

This guide shows you how to embed images and buttons in the description of artwork, screenshots, and workshops.

Award

Created by

💜 snaws designs 💜
Online

Aevoa
Online

Mighty
Offline

Posted

Updated

27 Dec, 2017 @ 12:39am

14 Aug, 2022 @ 10:20am

20,497	Unique Visitors
618	Current Favorites

Guide Index

Overview

ORDER BEST STEAM DESIGN

Introduction

Instructions

Tips

Donate a coffee! Ko-fi.com/AeGuides

Comments

ORDER BEST STEAM DESIGN

If you're looking for someone to animate your profile, contact snaws design service.
Feel free to check his Website![www.snaws.design]

Introduction

This short guide allows you to embed images and hyperlinked image buttons in the description of artwork, screenshots, and workshops. They can be PNGs and GIFs. Here's some examples:

Instructions

Upload the image you want to embed to an image hosting site like Imgur.
Copy your image's direct link once you've uploaded it to an image hosting site.
Replace the imgur link in the code below with your image link.
[img]imgur.com[/img]
Put the completed code in your item's description.

Upload the image button you want to embed to an image hosting site like Imgur.
Copy your image's direct link once you've uploaded it to an image hosting site.
Replace the imgur link in the code below with your image link and add your hyperlink.
[url=hyperlink][img]imgur.com[/img][/url]
Put the edited code into your discription.

Tips

⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀The largest collection of profile guides. Follow for more.

Donate a coffee! Ko-fi.com/AeGuides

psssst...
Like what I do?
Donate a coffee! Ko-fi.com/AeGuides

110 Comments

< >

NBG_DW 14 Jun @ 12:02pm

ahhhhh too funny the markup works too well ;)

[url=https://discord.gg/xxxxxxx][img]{STEAM_APP_IMAGE}/extras/xxxxx.gif[/img][/url]

NBG_DW 14 Jun @ 11:59am

hey all this helped me so kudos and thank you to the creator. The [img] tags also work if you're a dev and posting in the store page admin

I wanted to make a Special announcement and link to a GIF and make it clickable to take people to my Discord, so it all worked with this markup format! yay!

https://discord.gg/xxxxxxxxxxx

Billy Bob Tanley 16 Feb @ 9:08am

why the fucks this bullshit sometimes fucking not workign????

grand02prixgtp 10 Jan @ 11:01pm

It does still work , you just need the correct link. You can't insert the regular link from the web bar. Check out #2 in this guide. It states:

"2. Copy your image's DIRECT LINK once you've uploaded it to an image hosting site."

From a Reddit post asking about the difference: "A link will take you to the Imgur page with the comment section and ratings. the direct link will show only the image."

So if you're pasting the link found in the web bar, no, it won't display correctly because that link is pointing to the website. You can't "embed" a website page into Steam descriptions. Get the direct link, paste that between []****[/img] and you're all set.

Here is what the web link looks like: https://imgur.com/gallery/c1MnO
Here is what the DIRECT LINK looks like: https://i.imgur.com/mtbl1cr.jpeg

To get the direct link, right click the image and select "Copy Image Link". That's what is says in Firefox. It might be different in IE, Edge, Chrome, etc.