<img-blob> custom element example

<img-blob alt="omg" src="lol.bin"></img-blob>

Modus operandi:

  1. fetch() an encrypted image file;
  2. read the key: rot13 the value of the X-Obfuscate header, then un-base64;
  3. decrypt the file;
  4. create a blob, then make a URL from it;
  5. inject an <img> tag.

Supported attributes:

Styling is done using ::part pseudo-element:

img-blob::part(image) { max-width: 100%; }