If you're hosting the screenshots yourself, you want to make sure they take up as little space as possible, which in turn ensures you spend as little as possible. Most users probably won't know how to resize or optimize the quality of the screenshot either. For example, they could upload it to somewhere like Dropbox or email it to you. Then they need to know what to do with it. First, they need to know the keyboard shortcut (which is different from macOS to Windows). Companies like Google use them for getting feedback from users, products like BugHerd use screenshots as a core part of their product and they're great for generating data exports (like charts).Īsking users to take a screenshot of what they're looking at introduces a lot of friction. Screenshots can be a very valuable and important part of your JavaScript application. Let's take a look at three different ways you can take screenshots, and then how you can use them by sending them to a server or letting the user download the image. Taking screenshots in-browser (or 'client-side') is all about tradeoffs - there's no perfect solution for every situation.