A Data URI collapses an HTTP request into the document itself. The trade is bytes, and the break-even sits at 2 to 4 KB. This field guide walks through the seven decisions that decide whether inlining pays off: file size, encoding mode, MIME accuracy, hot-reload friendliness, CSS cache busting, accessibility, and the lazy-load trap.