1. <svg />

content has been
dynamically generated


 ||
\||/
 \/

2. <img />

content is derived
from above svg via data url


 ||
\||/
 \/

3. <canvas />

content from img tag
rasterized at 2x DPI


 ||
\||/
 \/

4. <img />

canvas content as
source using dataURL


 ||
\||/
 \/

5. <img />

same content as
above, but 2x size