Load Your Images

Click the image upload area (or drag and drop files). You can select multiple images at once. They'll be compressed and embedded automatically. The status bar shows estimated file size — keep it under 30 MB for best performance.

Configure the Settings

• Scroll Speed — How fast images move across the screen (px per second).
• Gap — Space between each image in the strip.
• Strip Height — Set this to match the height of your OBS Browser Source.
• Direction — Left or right scroll direction.
• Background — Keep transparent for overlays, or pick a solid color.
• Export Quality — Lower = smaller file size but reduced image clarity. 75% is a solid default.
• Max Dimension — Images larger than this will be downscaled before embedding. 1200px is a safe default.

Export & Add to OBS

1. Click Download HTML to save the scroller file to your computer.
2. In OBS, add a new Browser Source.
3. Check "Local file" and point it to your downloaded HTML file.
4. Set the Browser Source width and height. The height should match the Strip Height you set above.
5. Done! The scroller will loop seamlessly.

Tips

• Use Preview in Tab to see exactly what OBS will display before downloading.
• If the file is too large, lower the Export Quality or Max Dimension, then re-upload your images.
• PNG images with transparency work best — just keep "Transparent background" checked.

💡 I Suggest

Here's how I personally organize and source images for my streams:

Folder setup — I create a folder on my desktop called Rotators/Spotlights. Inside that I keep separate subfolders: Japanese Singles, English Singles, and Slabs. That way I can load a clean batch instantly without digging around.

Singles (PriceCharting) — Go to pricecharting.com, find the card you want, open the card's page, then right-click the card image and choose Save image as. Drop it into the right folder. Clean, high quality, fast.

Slabs (CGC / PSA) — Go to the grading company's website and look up your slab using the Registry or Cert number. Both CGC and PSA have lookup tools that pull up your specific slab with its image. Right-click and save from there.

Those are the sources I use personally. Other card databases and marketplaces may work similarly — if the site displays an image, you can usually right-click and save it. Always make sure you have the right to use any image in your stream.

This tool is provided as-is by MediaCast Suite for personal and commercial streaming use. By downloading, opening, or using this tool in any capacity, you agree to be bound by the following terms in full. If you do not agree, do not use this tool.

Single-User License

This tool is licensed to one individual for their own personal use only. Your purchase grants you a non-transferable, non-exclusive license to use this tool on your own devices for your own streams and content. That's it.

• ✓ Use this tool for your own streams, overlays, and live events.
• ✓ Export and use the generated HTML files freely in your own content.
• ✗ You may not share, gift, resell, sublicense, or redistribute this tool — in whole or in part — to any other person or entity, paid or free.
• ✗ You may not upload this tool to any file sharing site, Discord server, group chat, or public or private repository.
• ✗ You may not claim this tool as your own creation, rebrand it, or strip MediaCast Suite attribution from it.
• ✗ You may not use this tool to build a competing product or service.

Enforcement & Legal Action

MediaCast Suite actively monitors for unauthorized distribution of its tools and intellectual property. Each licensed copy is tracked and associated with the original purchaser. Unauthorized redistribution is detectable.

Any individual found to be sharing, redistributing, or facilitating the unauthorized use of this tool will be subject to:

• ⚠ Immediate revocation of their license with no refund.
• ⚠ A formal cease and desist notice from MediaCast Suite.
• ⚠ Civil action for copyright infringement and breach of contract under applicable U.S. and international intellectual property law, including potential statutory damages.
• ⚠ Recovery of all legal fees and costs incurred by MediaCast Suite in pursuing enforcement.

Copyright infringement is not a gray area. Under the U.S. Digital Millennium Copyright Act (DMCA) and related statutes, statutory damages for willful infringement can reach $150,000 per work. We take our intellectual property seriously and will pursue violations accordingly.

No Liability

MediaCast Suite and its creator are not responsible for any issues arising from use of this tool, including but not limited to: file size problems, browser incompatibilities, OBS configuration issues, or data loss. Use at your own risk.

No Support Guarantee

MediaCast Suite does not provide ongoing technical support or bug fixes. The tool is provided as-is and works as intended when used correctly.

Load Your Images

Click the upload area (or drag and drop files). Select multiple images at once — each one becomes a card in your spotlight rotation. Images are compressed and embedded automatically. The status bar shows estimated file size.

Configure Your Settings

• Display Time — How long each card stays on screen before transitioning.
• Transition Speed — How fast the animation between cards plays.
• Transition Style — Pick from 14 animation types: Fade, Zoom, Slide, Flip, Spin, Bounce, Blur, Swing, Roll.
• Frame Size — Set width and height to match your OBS Browser Source dimensions.
• Background — Keep transparent for overlays, or pick a solid color.
• Card Glow — Add a colored halo around each card for a premium look.
• Export Quality / Max Dimension — Lower quality = smaller file. 85% and 1200px are solid defaults.

Export & Add to OBS

1. Click Download HTML to save the spotlight file to your computer.
2. In OBS, add a new Browser Source.
3. Check "Local file" and point it to your downloaded HTML file.
4. Set the Browser Source width and height to match your Frame Width/Height settings above.
5. Done! Cards will cycle automatically.

Resizing in OBS

Once your Browser Source is in a scene, you can resize it three different ways:

• Drag corner/edge handles — free resize, stretches or squishes the source. Use this to match your frame exactly.
• Alt + drag — crop the source. Hides the edges without scaling. Great for trimming extra space.
• Ctrl + drag — resize while maintaining aspect ratio. Scales up or down proportionally so cards don't look squished.

Right-click the source → Transform → Reset Transform to undo any accidental stretching.

Tips

• Use Preview in Tab to see exactly what OBS will display before downloading.
• Drag thumbs in the image tray to reorder your cards.
• Save your settings with the Preset slots — great for switching between different show formats.
• Add a Text Label (right column) to show your store name, socials, or a call to action below the card.

💡 I Suggest

Here's how I personally organize and source images for my streams:

Folder setup — I create a folder on my desktop called Rotators/Spotlights. Inside that I keep separate subfolders: Japanese Singles, English Singles, and Slabs. That way I can load a clean batch instantly without digging around.

Singles (PriceCharting) — Go to pricecharting.com, find the card you want, open the card's page, then right-click the card image and choose Save image as. Drop it into the right folder. Clean, high quality, fast.

Slabs (CGC / PSA) — Go to the grading company's website and look up your slab using the Registry or Cert number. Both CGC and PSA have lookup tools that pull up your specific slab with its image. Right-click and save from there.

Those are the sources I use personally. Other card databases and marketplaces may work similarly — if the site displays an image, you can usually right-click and save it. Always make sure you have the right to use any image in your stream.

This tool is provided as-is by MediaCast Suite for personal and commercial streaming use. By downloading, opening, or using this tool in any capacity, you agree to be bound by the following terms in full. If you do not agree, do not use this tool.

Single-User License

This tool is licensed to one individual for their own personal use only. Your purchase grants you a non-transferable, non-exclusive license to use this tool on your own devices for your own streams and content.

• ✓ Use this tool for your own streams, overlays, and live events.
• ✓ Export and use the generated HTML files freely in your own content.
• ✗ You may not share, gift, resell, sublicense, or redistribute this tool — in whole or in part — to any other person or entity, paid or free.
• ✗ You may not upload this tool to any file sharing site, Discord server, group chat, or public or private repository.
• ✗ You may not claim this tool as your own creation, rebrand it, or strip MediaCast Suite attribution from it.
• ✗ You may not use this tool to build a competing product or service.

Enforcement & Legal Action

MediaCast Suite actively monitors for unauthorized distribution of its tools. Each licensed copy is tracked and associated with the original purchaser. Unauthorized redistribution is detectable.

• ⚠ Immediate revocation of license with no refund.
• ⚠ A formal cease and desist notice from MediaCast Suite.
• ⚠ Civil action for copyright infringement under applicable U.S. and international law, including statutory damages.
• ⚠ Recovery of all legal fees incurred by MediaCast Suite.

Under the U.S. DMCA and related statutes, statutory damages for willful infringement can reach $150,000 per work. We take our intellectual property seriously.

No Liability

MediaCast Suite is not responsible for any issues arising from use of this tool, including file size problems, browser incompatibilities, OBS configuration issues, or data loss. Use at your own risk.