How to make a scrolling logo strip for your website
Send the logo files and ask for a scrolling strip. Vizard Agent trims the dead whitespace off each one before scaling, so they end up looking the same size rather than the same width, then renders it as a loop and as a lightweight web file you can drop onto the page.
What do you type into Vizard Agent?
Ask for proportionate rather than equal. It is the whole instruction: "same size" produces a strip where a circular badge is dwarfed by a long wordmark, and "proportionate" is what you actually mean when you look at the row and something seems off. Vizard Agent measures and trims the files itself, so send them as they arrived.
Prompt
What does Vizard Agent actually do?
A logo exported with a 200-pixel margin and one cropped tight to its letters look the same to any scaler, and scaling both to the same width leaves one visibly smaller. So Vizard Agent measures where the ink actually starts before it decides how big anything should be. In the session behind this article it:
- Downloaded and inspected every logo, built a contact sheet, and trimmed the whitespace from each one individually.
- Analysed the edges of the files it was unsure about to find the true boundary, and looked at a corner of the one logo that still seemed off.
- Built the strip, rendered the scrolling video and checked frames for motion quality.
- Compared three sizes for the logo the user flagged as too small, then rendered a full-frame white version with the letterboxing removed.
- Made a GIF in two passes for the palette, tested lighter options and extra compression, and encoded lightweight web loops.
- Rebuilt at native size with the full palette when quality suffered, comparing sharpness in the clear centre across every version.
When does this not work well?
The method rests on clean logo files. A logo with a background baked in shows as a coloured rectangle on a white band, and a screenshot of a logo has soft edges at any size. Very long wordmarks dominate the row, so consider two rows. A GIF at large dimensions costs sharpness, and using a client's mark is your call.
Common questions
Do they need transparent backgrounds? It helps. Vizard Agent can remove a flat background if not.
Will the loop be seamless? Yes. Vizard Agent builds it to run continuously without a visible join.
Can I get a GIF as well? Yes. Vizard Agent renders both and tells you the quality trade-off.