Dev Tool

Placeholder Generator

Generate custom SVG placeholder images for your layouts instantly.

SVG Generator

Settings

Width (px)

Height (px)

Placeholder Text

Background Color

Text Color

Live Preview

data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNjAwIiB2aWV3Qm94PSIwIDAgODAwIDYwMCI+CiAgICAgIDxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiMyMjIyMjIiLz4KICAgICAgPHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSJtb25vc3BhY2UiIGZvbnQtc2l6ZT0iNjBweCIgZmlsbD0iIzAwYjMzMCIgdGV4dC1hbmNob3I9Im1pZGRsZSIgZHk9Ii4zZW0iIGZvbnQtd2VpZ2h0PSJib2xkIj44MDAgeCA2MDA8L3RleHQ+CiAgICA8L3N2Zz4=

This Data-URI can be used directly in the src attribute of your <img> tag.