Counter-Strike 2

Counter-Strike 2

46 ratings
How To Upload Long Steam Artwork Full Guide! 2025
By 💗 NaVid || Artwork Designer
With this guide, you will be able to fix your problems and upload your artwork the right way!
Contact me freely if you are having issues! I have also made videos on it, I will add a link.


3
   
Award
Favorite
Favorited
Unfavorite
Must Read!
  • You must be at least Level 10 on Steam to show an artwork/screenshot showcase.

  • Steam.Design site can help you to crop your background with accurate size. (Do not crop manually if you missed even a single pixel it will spoil and you will confuse)

  • If you are using the normal artwork showcase (1 middle and 1 side); for middle artwork, the width should be 506 pixels wide and any height. Then side artwork should be 100 pixels and 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.



Originally posted by author:
https://cs2bus.com/id/SteamDesigns


Instructions:


Open this link in Google Chrome or Mozilla Firefox:

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

Give Any Name xyz, Welcome, your name.

Select your artwork under Choose File.



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 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.



Now you need to enter the code carefully.

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 a Screenshot:
$J('#image_width').val(1000).attr('id',''),$J('#image_height').val(1).attr('id',''),$J('[name=file_type]').val(5);



Rest Options:
  • You can leave the description box empty
  • Select privacy accordingly
  • Check "I certify that I created this artwork" box, then "Save and Continue". (if you are owner of Artwork)

Note:
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 black lines picking I can share you little trick here, If you still don't understand it, I will leave my video link.

If you are uploading the Mid Artwork at first > your black bar should be 2nd.
If you are uploading the Right bar at second > your black bar should be first.
Links
Steam Artwork Upload Guide: Youtube Link

Steam Black Bars Solution: Link

Steam Long Workshop Showcase: Long Workshop guide!

Order Steam Artwork Design:
https://cs2bus.com/id/SteamDesigns

Level Up Your Steam Account:
https://cs2bus.com/id/navidlevelup



~ Thanks for reading! Have a great day ahead! ~
Common Problems During Upload (FAQ)
Q. I can't see the artwork option.
A. You must upload your design first then you will get the option (make sure you are using right code, if you are choosing screenshot code then you will get screenshot showcase enabled)

Q. What is the minimum level required for uploading Artwork?
A. You must have at least 10 levels.

Q. Why my images are not the correct size?
A. You need to upload a GIF first and then paste the code into your console.

Q. Still size is not correct, I have uploaded it the right way.
A. Your artwork size is not correct. width must be 614 (Mid 506) (Right side 100)

Q. My GIF size is above 5 MB, how can I fix it?
A. There are a lot of solutions but mostly during creating the design, you must design wisely to choose colors, effects, etc. You can also try Gif compressor but I won't suggest you as they will reduce your FPS + quality that will spoil your Artwork.




If you are failed and want to have a fresh design you can contact us here:

Order Now:
https://cs2bus.com/id/exnaveedmain

Level up your steam profile!
https://cs2bus.com/id/navidlevelup
24 Comments
h1d3L17 7 Jul @ 12:42am 
i always have black bar, i tried different resolution and the problem still persist
CukruKostka 10 Jun @ 4:30am 
I do everything as in the guide, but when I try to send my photo, a page pops up with the information: Sorry, something went wrong
💗 NaVid || Artwork Designer  [author] 10 Jun @ 12:32am 
CukruKostka, watch my youtube guide you might missing some steps
CukruKostka 9 Jun @ 3:46pm 
Not work for me :(
"Boo" Radley 9 Feb @ 12:21pm 
Good sirs, how do I upload without a title like you guys do?
"Boo" Radley 9 Feb @ 12:15pm 
Thank you for your help friend
💗 NaVid || Artwork Designer  [author] 7 Feb @ 9:32am 
Sure!
illa 7 Feb @ 7:52am 
comment me my profile <3
kori 24 Jan @ 12:54pm 
I sent u friend request pls add me
metamec 4 Jan @ 7:53am 
It's so annoying when you compress images yourself using a resampling method which results in better quality and smaller file size than the ones they serve up. They take your smaller images, recompress them and they come out bigger with artefacts. 🤨