Robin Hood of the DOM

The paywall design is classic: wordart.com generates the family word-cloud beautifully, offers the download in a standard quality that’s unusable mush ▸ 26:05, and prices the high-definition file at what he rates as carísimo for one image ▸ 26:29. Most users cave right there, sunk-cost design working as intended ▸ 26:46.

The counter-move starts with a question about the medium: inspect element, and the discovery that there is no image, the preview is thousands of live vector elements, every word with its position, size, and color, sitting in the DOM ▸ 27:36. Which means the full-resolution artwork has already been delivered to his browser; only the download button is behind the paywall. Find the svg tag ▸ 28:14, edit-as-HTML, copy 2.8 million characters ▸ 29:23, save as .svg, and hit the last wall: the file won’t open, too malformed for a strict viewer ▸ 29:59. The finishing insight is about software temperament: a good SVG-to-PNG converter should tolerate imperfect input, so he feeds it the mess and out comes a usable PNG ▸ 31:12.

si el navegador ya lo renderizó, ya te lo entregaron; el paywall era el botón →

He names it himself with a grin, “cómo ser un Robin Hood… no, mentiras” ▸ 32:06, and adds the honest footnote that better-built services render server-side precisely so this can’t happen ▸ 32:19. The lesson runs both directions: as the same inspect-element reflex that dressed the slide deck, it’s the diary’s recurring superpower, knowing that a webpage is not a picture; and as product design, if your paid asset ships to the client before payment, your paywall is a suggestion…

Postscript, five days later: the tolerant-converter step gets an upgrade. After every local tool and Inkscape choked or pixelated, he finds a free GitHub-hosted SVG-to-PNG page that renders the 2.8-million-character monster at any resolution, 1300 by 1800 for the shirt art, background color included ▸ 19:10. The heist pipeline is now fully free at both ends.