Image to Base64 / DataURL
① Design / Assets
What it is: Turn a small image into a string of text (DataURL) you can drop straight into CSS/HTML, saving a request.
When to use: When inlining a small icon into your code to cut a request.
Everything runs locally in your browser — nothing is uploaded.
FAQ
Which images are good for DataURLs?
Small icons/placeholders. A DataURL grows about 33% larger and cannot be cached separately, so large images should not be inlined.