Email Image Placeholder

alt text is super lame.

wouldn't it be nice if you could replace blocked or broken images with the suggestion of the image?

sure, you can embed images in your email, but that can make email very large very quickly.

start by putting your image's url in the field below.

inputs
results
preview
when images are blocked
when images are enabled

a word of warning: image transparency yields some unfortunate results.

how it works

a 0x0 div with overflow visible contans a table which uses your image as a background image. if it doesn't load, this table is transparent, showing the underlying markup.

the underlying image is a table whose cells are <pixel-size> x <pixel-size> and bgcolor is a sample of the image. the result is a pixelated version of your image.

if you can "draw" your image with html, or something that is close enough to make your point, enter that html into the .

h/t to Email on Acid for their Mozify tool which inspired this. #emailgeniuses. another to CORS Proxy which allows this javascript code to access your images (on domains other than this one) otherwise blocked by the same-origin policy.

Fork me on GitHub