The latest articles on Forem by Claudio Paladini (@paladinic). https://forem.com/paladinic https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1043548%2F57a89666-c631-4897-ba5b-67bc34ed00e2.jpg https://forem.com/paladinic en Claudio Paladini Sun, 19 Oct 2025 15:18:07 +0000 https://forem.com/paladinic/branded-background-generator-for-video-calls-2bje https://forem.com/paladinic/branded-background-generator-for-video-calls-2bje <h1> Image + Colour + Logo = free branded background </h1> <p><a href="https://paladinic.github.io/call_background_generator/" rel="noopener noreferrer">https://paladinic.github.io/call_background_generator/</a></p> <h2> What it does </h2> <p>This tool lets you craft branded backgrounds easily by combining:</p> <ul> <li>A background image (you can upload one).</li> <li>An overlay colour (with fixed alpha at 0.5).</li> <li>A logo (PNG/JPG/SVG) placed with adjustable size and padding.</li> <li>An output ratio selector (1:1, 4:3, 16:9, 21:9, height fixed at 720 px; image is cropped to fill).</li> </ul> <h2> Why it’s useful </h2> <ul> <li>Great for creating consistent backgrounds, e.g. virtual meetings, calls, and presentations.</li> <li>No need for heavy design tools, all in-browser and straightforward.</li> <li>Lets you use free background imagery (e.g., from Unsplash) and free icons (e.g., from UXwing).</li> <li>Supports branding via logo placement + overlay colour to align with your company’s visual identity.</li> </ul> <h2> Quick guide </h2> <ol> <li>Pick/upload your background image.</li> <li>Choose overlay colour, set logo padding and logo size.</li> <li>Upload logo, pick output ratio, and download the resulting PNG.</li> </ol> <p>P.S.<br> Looking to build a lot of simple open-source tools that can help startups cut costs.</p> webdev firstpost startup