Steam

Steam

6,347 ratings
How to Upload Animated Screenshots
By C and 4 collaborators
This guide explains how to upload GIF and PNG files as Steam screenshots. This guide is also the quickest method for uploading custom screenshots.
 
Rate  
Favorite
Favorited
Unfavorite
Quick Access
Below are the console commands. Please read the guide before using them.

Animated Screenshot Code:
$J('[name="file_type"]').val("5");
Animated Screenshot Code for Images Longer Than 506 Pixels:
$J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="file_type"]').val("5");
Introduction
The steps below will explain how to upload .GIF (and PNG) files as Steam screenshots.
This is also the fastest and easiest method to uploading custom screenshots.
Step 1


Start by opening this link in a browser:
http://steamcommunity.com/sharedfiles/edititem/767/3/
Or, if you want to add your screenshot to a game, open the game's upload artwork page in a browser.
Once you've opened it, right click anywhere on the page and select "Inspect Elements".

Step 2


Go to console tab and paste the following code:
$J('[name="file_type"]').val("5");

If your artwork is taller than 506 pixels, paste this code instead:
$J('#image_width').val('1000');$J('#image_height').val('1');$J('[name="file_type"]').val("5");

Once it's pasted in the console, hit enter.

Step 3


After sending the code, close the console and fill out the upload artwork page like normal. When you're done, go ahead and click "Save and Continue". Your artwork will be uploaded as a screenshot!
Credit
  • Cy wrote the console code.
  • Aevoa worded and formatted the guide.
Youtube Tutorial
Closing Notes
Have a question? Feel free to leave a comment.

For more profile help, visit the discord: https://discord.gg/FPbANZu

For more profile guides, visit this list:
http://steamcommunity.com/sharedfiles/filedetails/?id=736635300
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀The largest collection of profile guides. Follow for more.
< >
240 Comments
FeNg MaIn BiG BrAiN Jul 15 @ 2:13pm 
+
jump Jul 15 @ 6:34am 
@Muwx, same problem
Zawhra Jul 15 @ 5:45am 
@Muwxツ Same here, it looks like a problem related to Steam
Muwxツ Jul 15 @ 5:19am 
It doesnt work for me, theres only a file icon thing and no picture.
Sorevin Jul 14 @ 3:07pm 
is there any way to change file name, or I need to upload again? :ggxxaceddie:
TeisTom Jul 12 @ 11:52am 
For some reason my long side gif isn't working only the main part. I have done everything listed many times and have already done this many times before using the same method as I have gifs on my profile already but it doesn't work for me anymore.
Throwing Gaming™ Jul 4 @ 8:28pm 
not work with my chrome, something like google analytic block my access in console. But just work fine in my mozilla firefox
υrβαηsεε Jun 26 @ 6:53am 
Este código reemplaza al segundo que no funciona

document.getElementsByName("image_width")[0].value = 1000;document.getElementsByName("image_height")[0].value = 1;
Cold Price Jun 22 @ 12:39pm 
The second code doesn't work for me :LIS_Arrow:
Aevoa  [author] Jun 21 @ 9:55am 
yes