Steam

Steam

7,441 ratings
How to Upload Animated Screenshots
By ABI TALENT 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.
2
10
2
   
Award
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.
< >
315 Comments
Works, but if you're going to be using another long gif on the side, you NEED to paste document.getElementsByName("image_width")[0].value = 1000;document.getElementsByName("image_height")[0].value = 1;
WEIZO Oct 10 @ 8:37am 
thx
aaron Sep 10 @ 12:12am 
For everyone saying it doesn't work, it does indeed work, it's just certain GIFs for some reason it will not work on. No idea why, but I tried multiple and only some worked.
Love Crime Aug 25 @ 5:51am 
Designing cheap and high quality artworks and workshop showcases

+rep awesome guide as always. :gymBOSS:
Is there a way to do it on mobile??
magician_pmt Aug 21 @ 8:29am 
Not working for me
◉⃤waIIheck'er Jul 29 @ 3:55am 
PLEASE, CAN ANYONE HELP ME? WHEN I UPLOAD THE GIF. IT IS NOT UPLOADING TO PAGE SO WHEN I GO SAVE&CONTINUE, IT SAYS LIKE THAT IN A NEW PAGE,
Sorry!
An error occurred during your transaction:

There was a problem processing your request.
Trident Jul 27 @ 10:10am 
When I am trying to write a guide, whatever I do, it just shows the URL, not the gif... It shows the gif in the description tab but not the gif in the chapter tab.
Aevoa  [author] Jul 25 @ 3:31pm 
use the second code that says its for longer artwork
nothing Jul 25 @ 1:07am 
Thanks a lot ! Awarded ❤️