Application Review

Take Screenshots With Unprecedented Accuracy in Chrome

Eyeballing screenshots is never 100% accurate.

Andrew Zheng
3 min readJun 3, 2020

Pretty much every device supports taking screenshots, and the shortcut is usually really easy to remember.

  • For older iPhones it’s Home Button + Lock Button
  • For newer iPhones it’s Volume Button + Side Button
  • For Mac it’s Shift + Command + 3
  • I’m not an Android user but I assume it’s also just as easy

And on a computer, like a Mac, PC, or Chromebook, you have the option of taking screenshots that only cover a portion of the screen.

Taking a partial screenshot on Mac
Result

You’ll probably find that you take partial screenshots more often than you take full screen screenshots — especially when posting on social media or blogging, as there might be some sensitive information that you don’t want to show. Full screen screenshots can also take up valuable space.

And although the resulting partial screenshot looks fine, you can never get it to be exact. There will always be some extra space on the side, or it could be shifted a bit…

… eyeballing can only be so accurate.

I found this cool extension a while ago for Chrome. It’s called Element Screenshot, and it lets you take screenshots of any HTML element — resulting in unprecedented accuracy! Here’s how to use it.

1. Get it here ▾

Click “Add to Chrome”, then “Add extension”.

It can “read and change all your data on the websites you visit”, but I haven’t run into any privacy-related issues yet and it’s based on an open-source library here:

It’s always good to look at what it says before hitting “Agree” or “Confirm” or “Add extension”, but for Element Screenshot it should be fine.

2. Go to a website ▾

You can go to any website you like. I’m going to go back to apple.com/mac.

You might need to refresh the page so that Element Capture can be activated.

3. Enjoy! ▾

Usage is very simple.

  1. Press the camera icon

2. Click on the element that you want to screenshot…

3. … And the screenshot will open in a new tab.

Unbeatable accuracy.

To copy the image, just press Command + c (you don’t even need to press on the image!) To save the image, press Command + s.

(those shortcuts were for Mac. Replace with Ctrl if you’re on PC or Chromebook).

That’s it! Thanks for reading!

--

--

Andrew Zheng

WWDC21 Scholar. I like to read manga and write about Swift. Check out my app, Find — look for text in real life, with outrageous speed. getfind.app