Steam transparent image helper
Byte-patch an existing transparent PNG, APNG, or GIF. Community Steam upload methods are unstable; verify the live form and method before use.
In your browserNo Steam login needed
Character art, Steam emoticon mosaics and BBCode
Turn a picture into character art
Convert your image to Unicode dots like ⣿⣷⠿, then copy the text into a Steam comment.
Character art preview
Choose a picture or try the example to see its character art.
Copy preserves blank cells and line breaks. Copy or download TXT before leaving this page.
Steam's font can show faint dots in blank Braille cells, so character art may look different after pasting.
Steam profile comments display [code] tags literally. Paste plain text. Steam can reject Unicode art even below its stated 1,000-character limit; reduce the width and leave room for extra text and emoticon codes.
Turn an image into a grid of real Steam emoticons, then add it to your info box.
1. Choose an image
Your image stays in this browser. No Steam sign-in here.
The example uses public Steam emoticons. Post with emoticons you own.
Add or manage your own emoticons
0 loaded · 0 enabled · 0 used
In another tab, sign in to Steam and copy your EmoticonList JSON. This import is user supplied; manually added names are not ownership checked.
Open Steam EmoticonList ↗2. Preview your mosaic
Your grid will appear here
Draw or edit the canvas
Click or drag to draw. Hold Shift for straight lines or square shapes. On the canvas: arrows move, Space paints, Shift + Space erases; P/L/R/C/F/X/M/E select tools; Ctrl/⌘ + Z undoes.
A blank canvas replaces the drawing and clears the reference image; Undo restores the drawing.
3. Use your mosaic
Fill the canvas to see an exact character count.
Paste into a Steam field that supports emoticons. If :name: stays as text, use character art instead.
Import existing mosaic text
Paste equal-width rows of contiguous :name: codes. Import replaces the current canvas; Undo restores it.
Turn a video into a GIF
Advanced settings640px · 15 fps · 256 colors
Patch transparent image
Community workaround · Steam may reject patched files. Check the current upload form and use images you own.
Patch recipeLast byte -> 21
Steam upload helperConsole snippet
$J('#image_width').val(1000),$J('#image_height').val(1);Byte-patch transparent images for Steam
Create a patched copy
- Select a PNG, APNG, or GIF that already contains transparency.
- Generate and download a separate patched copy. Keep the original file.
What transparent file patching changes
- Byte patching
- Changes file bytes; it is not an image editor or background remover.
- Size warning
- A file above 5 MiB triggers a warning. Being below it does not guarantee upload acceptance.
- Destination helpers
- Choose a destination to see its upload link or console helper. This tool does not sign in or upload.
Transparent image options
| Your goal | Starting settings | What to check |
|---|---|---|
| Background still needs removal | Edit the image in a suitable image editor first | Actual transparent pixels in the saved source |
| PNG frames need animation | Use the APNG maker with a transparent background | Frame alignment, loop, and measured size |
| Transparent file is already ready | Verify the live community technique, then patch a separate copy | Current form behavior and the original file backup |
Steam transparent artwork and upload-method questions
Does this remove the background?
No. It changes file bytes, not image pixels. The source must already contain transparency.
Can I patch an animation?
Yes, an APNG or GIF. This helper does not convert formats or build an animation.
Does this upload to Steam?
No. It creates a downloadable copy locally; uploading is a separate manual action.
What does the 5 MiB warning mean?
It flags a larger file. It is not a universal Steam upload limit or an acceptance guarantee.
What if the patched file is rejected?
Return to the unmodified original. Do not repeatedly patch the same output.