Image Placeholder Generator

Inline SVG data URIs, no network

Generate lightweight placeholder images as inline SVG data URIs. There is no raster encoding and no network request. Set the size, colors, label, and style, then copy the raw SVG, a data URI, an img tag, or a CSS background.

Everything is generated in your browser. No external dependencies, works offline.
Live preview
placeholder preview
Raw SVG

    

    

      

        
Data URI

        
      

      

    

    

      

        
img tag

        
      

      

    

    

      

        
CSS background-image