Treehouse has an excelent article explaining what exactly a Data URI is and when you should use one. Definitely worth a read!
This is likely caused by uploading a large image - keep in mind that the advantages of Data URI's are pretty limited to relatively small images. I personally avoid using them for images over 150~200px in size.
That's awesome! You can contribute to Duri.me directly via Github. Feel free to submit an issue with any idea you might have, or even open a pull request. I'll get back to you for sure.
Someone's really curious! This is a static website, built with React.js and a bunch of other great tools. You can check out the Github repo for a proper look under the hood.
And finally, this was built by me, Tiago Duarte. I work fulltime as a freelance front-end developer. Feel free to hit me up, let's grab a coffee!
Yes indeed! The first iteration of Duri.me, built in 2012, used jQuery for the file upload interactions and connected to a PHP backend to generate the DataURI. It looked quite a bit different.
The second update, released in 2016, included not only a design overhaul to something similar to what you're seeing now, but also a move from PHP/jQuery to a React-powered app with no backend.
And finally this current interation, last updated in 2018, is a port to a statically-exported React app powered by Next.js