<img src="data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22480%22%20height%3D%22320%22%20viewBox%3D%220%200%20480%20320%22%3E%0A%20%20%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22%23e2e8f0%22%20%2F%3E%0A%20%20%3Ctext%20x%3D%2250%25%22%20y%3D%2250%25%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%20fill%3D%22%23334155%22%20font-family%3D%22Arial%2C%20Helvetica%2C%20sans-serif%22%20font-size%3D%2244.8%22%20font-weight%3D%22500%22%3E480%20x%20320%3C%2Ftext%3E%0A%3C%2Fsvg%3E" width="480" height="320" alt="480 x 320" id="ph-3" />
markdown

خروجی data-URI در هر جایی که تگ <img> کار میکند قابل استفاده است. همه چیز به صورت محلی تولید میشود.