V
Vladimir Poskrebyshev
This feature would be useful for templates and is related to my previous request: https://stripo.canny.io/feature-requests/p/show-containers-size-for-easy-image-height-selection
I found an open-source tool, fakeimg.pl, that generates placeholder images via URLs. Here’s how it could work:
Here is how it can work
1) When a user adds an image block but hasn’t uploaded an image, a Sized Placeholder toggle appears.
2) Enabling it reveals additional fields:
–– Size (width and height) – required
–– Background color
–– Text color
–– Corner radius
3) These inputs modify the src="" parameter to generate a placeholder image.
4) Users get a placeholder image matching the specified dimensions and other parameters
Example: https://fakeimg.pl/270x250/D4F0DB/31cb4b?font=bebas&radius=30&retina=1
This helps teams creating branded templates by specifying exact image sizes and colors for perfect alignment.
Default values:
retina=1 – Always included for sharp images.
Background & text colors – Default to Stripo's branded colors but can be user-defined later.
font=bebas – A clean, sans-serif font.
radius=30 – Matches Stripo branding but could be optional.
To further enhance this, automated sizing could detect available space and set dimensions accordingly (which will satisfy the previous feature request I'm referring to in my first paragraph):
And automated sizing can become a thing that will solve the feature request I reffered to at the beginning of this post:
– When activating the placeholder, a script detects available space (container width & height based on highest adjacent container) and applies the correct size automatically.