Steam

Steam

9,429 ratings
How to Upload Long Images for Showcases
By a s_h and 2 collaborators
A simple guide to uploading images (or gifs) on Steam with infinite height. Useful for Artwork or Screenshot showcases.

Quick URL to share this guide:
http://long.guide
 
Rate  
Favorite
Favorited
Unfavorite

These are the console commands, please read the guide first before using these.
$J('#image_width').val('1000');$J('#image_height').val('1');
$J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="file_type"]').val("5");

Steam.Design Buttons Chrome Extension
The team over at Steam.Design (including Oddball) have created a chrome extension which automates almost everything artwork creating!

                 Download Chrome Extension

It features a button which will automatically upload as a long artwork. Simply select the artwork and give it a name then click the button which appears.




Disclaimers (Read Please)
Video guides use an outdated version of this code which causes more bugs. They use the right steps but have an outdated codes in descriptions. Please avoid that code unless they are the same as this guide.

We recommend you DO NOT upload images with a width of SMALLER than 506px for the center of the showcase.

Steam.design will automatically crop your steam background properly. Find more help about the site or this guide on their Steam.Design Discord[discordapp.com].

Please carefully read each step to avoid errors. DO THEM IN ORDER



1







Open this link in your browser (firefox or chrome).


2







Select your artwork under Choose File. Your artwork should appear on right side of the page.


؜3







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

Chrome (and maybe Opera)

Firefox only: after opening the console, MANUALLY type in "allow pasting " without quotation marks and remove it.

Firefox




؜4







Only one of these codes need to be used, not both.

Enter this line of code into the console to upload as an Artwork:
$J('#image_width').val('1000');$J('#image_height').val('1');

Enter this line of code into the console to upload as an Screenshot:
$J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="file_type"]').val("5");

Hit enter after pasting it
The code must be entered every time a different image is selected.





؜Finishing & Closing Notes
Now simply give it a title and a description, 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 single black line. That is perfectly fine and it means the code worked.


Tithen-Firion has scripted together multiple bookmarklets to upload to showcases with gifs and infinite without even heading to the artwork upload page.

Look at the Long Artwork Selector Fixer as a work around if you can't click on the black line:
http://steamcommunity.com/sharedfiles/filedetails/?id=767775920



Credits Due
  • MightyG3 for the amazing exploit <3
  • ash for putting the code together, designing and creating the guide
  • Oddball for working on steam.design, improving guide clarity, and shortening code

And a special thanks to Tithen-Firion who is no longer with us.

Find more help on steam.design on the Steam.Design Discord[discordapp.com] or discuss artworks or your profile at the Steam Artwork Discord[discord.gg]

Please remember: Check you copy and pasted the code correctly and DO STEPS IN ORDER
< >
1,101 Comments
Vigi 12 minutes ago 
ahh ok. some1 directed me to this post for that problem :D
Vigi 12 minutes ago 
ahh ok. some1 directed me to this post for that problem :D
a s_h  [author] 15 minutes ago 
@Vigi this guide doesn't remove the file size limit
Vigi 12 hours ago 
i did all the steps and it still says that max file size is 8MB..
Ꝁnᵾȼꝁłɇs 17 hours ago 
i made all steps but when i wanna load it up.. its just loading and not dooing anything just loading. help pls.
Neymarinet 21 hours ago 
Yeah, i am. I think the file is the problem. Ive been able to upload regular gifs and long pngs, but uploading a long gif isnt working for me for some reason.
a s_h  [author] Nov 22 @ 3:25am 
@Neymarinet are you entering the code after you select the image?
Neymarinet Nov 21 @ 11:17am 
I can not for the life of me get this to work. I'm not sure what I'm doing wrong.
a s_h  [author] Nov 18 @ 8:36pm 
This is more of a valve servers problem more than a uploading profile. Literally 208.64.201.201 connects to valve.
ExeFUSION Nov 17 @ 6:17am 
i do..