Coders Kit Logo
CODERS KIT

Steam Artwork Cropper

Crop your Steam profile backgrounds into perfectly aligned Artwork Showcase segments. Extracts 506px and 100px strips with 8px gap automatically for free.

About Steam Artwork Cropper

The Steam Artwork Cropper is a specialized utility for Steam users who want to create a seamless "Showcase" profile. Steam's profile layout splits your background image into two distinct blocks: a 506px Main Showcase and a 100px Side Panel.

Our tool handles the complex math for you. Use the Adjust Focal Point slider to perfectly frame your subject, and our system will extract the two segments exactly, accounting for the 8px gap mandated by the Steam UI.

How to Upload "Long" Artwork

By default, Steam caps the height of uploaded artwork. To bypass this and create a "Long" profile, follow these steps during upload on the Steam website:

  1. Open your Steam Artwork Upload page in a browser (Chrome/Edge).
  2. Select your cropped image.
  3. Right-click anywhere and select Inspect > Console.
  4. Paste this code and press Enter:
    $J('#image_width').val('1000');$J('#image_height').val('1');
  5. Add a title and click Save and Continue.

Pro Tips for Steam Profiles

Dynamic Focal Point

If your subject isn't centered, use our Horizontal Slider to move the crop window until it's perfectly framed.

PNG Format

We export in PNG to avoid JPEG artifacts, keeping your Steam profile looking crisp and clean.

Animated Backgrounds

Currently supporting static images. For GIF backgrounds, stay tuned for our upcoming update!

FAQ

Why is my artwork not lining up?
Ensure you are using the "Artwork Showcase" widget in your Steam Profile settings, not the "Screenshot Showcase".
My subject is on the left side of the photo, can I still use it?
Yes! Use the Horizontal Offset slider above the preview to move the crop window left or right until your subject is perfectly centered.
What is the gap between the images?
The gap is exactly 8 pixels. Our tool skips these 8 pixels automatically so your image remains seamless when uploaded.

You might also find these useful