Upload Long Steam Artwork | How To Upload Artwork To Steam

GUIDE: Upload Long Steam Artwork 2025!

navidartworks

09/12/2024

A simple guide to uploading images (or GIFS) on Steam with any height for Artwork or Screenshot showcases. If you are facing any issues feel free to watch our video tutorial

Important Note:

You must be at least Level 10 on Steam to show an artwork/screenshot showcase.

Be careful not to upload images too small in resolution to be long.

Background Cropper Tool will automatically crop your steam background to the correct dimensions.

If you are using the normal artwork showcase (1 middle and 1 side); for middle artwork, width should be 506 pixels wide and any height. Then side artwork should be 100 pixels and with the same height as the middle if you want it to align.

If you are using the featured artwork showcase which is only one big middle artwork, then it needs to be 630 pixels wide and any height.

STEP 01:

Open this link in Google Chrome or Mozilla Firefox.

https://steamcommunity.com/sharedfiles/edititem/767/3/

STEP 02:

Select your artwork under Choose File.

STEP 03:

Right click anywhere on the page, click inspect/inspect element then go to the ‘Console’.

Or use Shortcuts
Chrome shortcut: Ctrl+Shift+J
FireFox Shortcut: Ctrl+Shift+K

FIREFOX Only Users:
Firefox only (only needs to be done once): after opening the console, MANUALLY type in “allow pasting ” without quotation marks and then remove it (you do not need to press enter). By default Firefox does not allow you to paste codes into the console and this disables that.

STEP 04:

Paste ONE of these codes into the console and hit enter. Only one of these codes need to be used, not both.

Ignore the image preview if it is showing the wrong image/gif or nothing at all. Your last selected gif will be uploaded.

Enter this line of code into the console to upload as an Artwork or Featured Artwork:

$J(‘#image_width‘).val(1000).attr(‘id’,”),$J(‘#image_height‘).val(1).attr(‘id’,”);

Enter this line of code into the console to upload as an Screenshot:

$J(‘#image_width‘).val(1000).attr(‘id’,”),$J(‘#image_height‘).val(1).attr(‘id’,”),$J(‘[name=file_type]’).val(5);

STEP 05:

Now simply give it a title and tick that “I certify that I created this artwork” box, then “Save and Continue”.

IMPORTANT: On the artwork selector, your artwork will appear to be a thin black line. That is perfectly fine and it means the code worked, when you select the artwork it should look normal after loading.

If you are confused with these lines, you can watch our tutorial!

Console Code for Artwork or Featured Artwork

$J(‘#image_width‘).val(1000).attr(‘id’,”),$J(‘#image_height‘).val(1).attr(‘id’,”);

Enter this line of code into the console to upload as an Screenshot:

$J(‘#image_width‘).val(1000).attr(‘id’,”),$J(‘#image_height‘).val(1).attr(‘id’,”),$J(‘[name=file_type]’).val(5);

Want to Level Up or Steam Artwork Design?

Steam Level Up Bot

Steam Artworks 500+ ReadyMade

You can contact Main Account for any further questions!

Flexible Payment Options for Your Convenience! Choose from a variety of secure payment methods to complete your purchase:

PayPal

Transfer Wise

CSGO/Steam Items (price adjusted for steam tax)

Payoneer

Crypto

Steam Wallet Codes

Bank Transfer

Steam Gift Cards (equal to artwork price)

TF2 keys

Shadow

+rep makes great artwork in affordable price:happy_seagull:

Langgaard18

Love the Artwork Navi did for me. I really needed some help to understand how to do it but he helped me. I yall need prof you can see it on my profil. Have a nice day.

Dizo

Second time ordering artworks from Navid, always high quality. Would recommend! :dsham:

wasabi™

+REP Navid did a fantastic job with my artwork and I couldn't be happier with the results. Thanks so much for having the patience and understanding and working with me throughout the whole process to get it exactly how I wanted it. Very highly recommended :cozybethesda: