Steam

Steam

1,129 ratings
Upload Custom Screenshots (Best Method)
By Aevoa
This guide contains the easiest way to upload custom screenshots. You can also upload GIF and PNG screenshots.


2
   
Award
Favorite
Favorited
Unfavorite
Introduction


This guide contains the best and easiest way to upload custom screenshots. You can also upload file types you're usually unable to such as animated GIFs and PNGs.
This guide uses the animated screenshot method but under a new title so it's easier to find for people who are just looking to upload custom screenshots. Credit for this method goes to Cy.
Step 1
To upload your custom screenshot to your profile:
To upload your custom screenshot to a game's hub:
  • Simply go to the the game's community hub and open up it's artwork uploading page.
Step 2
Once you're on the artwork uploading page, right click anywhere, select "Inspect Elements", and navigate to the "Console" tab. You can also access the console by using these shortcuts instead:
  • Chrome shortcut: Ctrl + Shift + J
  • Firefox Shortcut: Ctrl + Shift + K

Step 3
Copy the code below, paste it in the console, and send it by pressing enter:
$J('[name="file_type"]').val("5");

If you're going to showcase your custom screenshot on your profile but it's longer than 506 pixels, use the code below instead. This will prevent your screenshot from being resized when showcased.
$J('#image_width').val('1000'); $J('#image_height').val('1'); $J('[name="file_type"]').val("5");

Step 4
Once the console code is sent, close the console and fill out the uploading page normally. Once it's filled out, hit "Save and Continue". The code you sent in step 3 will automatically change your artwork to a screenshot when uploaded. Congrats, you've uploaded a custom screenshot!
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀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
< >
79 Comments
pizza Jul 7 @ 3:28am 
thank you so much!!!:steamhappy:
ScreamETA Jul 2 @ 2:00pm 
thank you
Aevoa  [author] Jul 2 @ 8:12am 
Use the second code in step 3, not the first.
ScreamETA Jul 2 @ 5:01am 
The right side doesnt fix with height its just too small what should i do ?
Chix Jun 27 @ 12:35am 
steamcommunity. com/profiles/76561198184875781/ got a problem in my screen shot how to fix?
Blazze Jun 27 @ 12:09am 
It seems my artwork wont lineup properly any help?
accrualbowtie Jun 24 @ 9:12am 
I got this to work. I used the "long" code but modified it to fit the size of the screenshots (2560x1440p) to avoid the "black bar 1px high" issue referenced before.

$J('#image_width').val('2560');
$J('#image_height').val('1440');
$J('[name="file_type"]').val("5");

However, I am still getting the "black box thumbnail" issue others mentioned here. I'm curious if there's anything that can be done to fix that.
PashaMuscle Jun 17 @ 1:46pm 
Works <3 6/17/2020
cloud Jun 17 @ 1:00am 
my image got resized, but I solved it with these steps:

-type $J('[name="file_type"]').val("5"); at console
-upload the image
-upload it as long image(with steam.design extension)
-type $J('[name="file_type"]').val("5"); again in console
-insert the title name and click "save and continue"

Voila! then it worked without being resized
Aevoa  [author] Jun 16 @ 4:24pm 
no