Back
Image Placeholder
Autosaved draft
Controls
Placeholder settings
Size presets
Common developer image sizes
Dimensions
Text
Visual style
Fast tasteful starting points
Appearance
Output format
Branding
Live preview
1200×630 placeholder
%22%20opacity%3D%220.58%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2250%25%22%20y%3D%2249%25%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%20fill%3D%22%23111827%22%20font-family%3D%22Inter%2C%20ui-sans-serif%2C%20system-ui%2C%20-apple-system%2C%20BlinkMacSystemFont%2C%20'Segoe%20UI'%2C%20sans-serif%22%20font-size%3D%2270%22%20font-weight%3D%22700%22%20letter-spacing%3D%220%22%3E1200%20%C3%97%20630%3C%2Ftext%3E%0A%20%20%3Ctext%20x%3D%2250%25%22%20y%3D%22390.6%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%20fill%3D%22%23111827%22%20fill-opacity%3D%220.46%22%20font-family%3D%22Inter%2C%20ui-sans-serif%2C%20system-ui%2C%20sans-serif%22%20font-size%3D%2220%22%20font-weight%3D%22600%22%3EuseSignal%20placeholder%3C%2Ftext%3E%0A%3C%2Fsvg%3E)
1200×630Minimal · minimal
Direct URL
Most usedhttps://www.usesignal.dev/placeholder/1200x630HTML
<img src="https://www.usesignal.dev/placeholder/1200x630" alt="1200 by 630 placeholder" />Markdown
React (JSX)
<img src="https://www.usesignal.dev/placeholder/1200x630" alt="Placeholder image" />CSS background
background-image: url("https://www.usesignal.dev/placeholder/1200x630");