A Look At ShareX
Today I decided to learn more about the screenshot utility
ShareX. I installed this tool on my laptop more than
a year ago, but never really bothered to explore its features and configure it
in more detail until now.
ShareX's power lies in its customizable workflow. It not only takes
screenshots - it can then automatically edit, save and process them in a wide
variety of ways.
Lets look at what's possible.
The Power of ShareX
ShareX allows me to configure a screen capture workflow, using tasks
including:
- Capture: capture the full screen, a window, or a small region. You can also
take video recordings of screen activity and even use OCR to capture text.
- After capture tasks: add a watermark or image effects to the captured image,
edit it, print it or save it to the clipboard for pasting it directly into a
document.
- Upload: Automatically upload the image to a wide variety of websites
including Dropbox, Twitter and Imgur.
- After upload tasks: The most useful task in this section is the ability to
copy the image URL to the clipboard, so you can paste it into an online post or
a web site update.
Each task can be configured in a variety of ways, and I can configure multiple
workflows, each with a different combination of tasks. Each workflow can be
easily triggered with a Hotkey.
Configuring ShareX
With any utility or application, there are always a few default settings that I
just disagree with. After playing for a while, I ended up changing the
following settings.
Screenshots folder
ShareX normally saves data to a folder %UserProfile%\Documents\ShareX
. I
don't mind saving log files and workflow settings to that location, but I
would prefer screenshots to be saved to the standard Pictures folder,
specifically to the %UserProfile\Pictures\Screenshots
folder used by Windows
itself. That makes screenshot images easier to find from other applications.
I configured this by going to Paths tab in Application settings. I
enabled the Use custom screenshots folder checkbox and entered my Picture
folder C:\Users\Simulatine\Pictures\Screenshots
.
ScreenX also creates subfolders for each year and month. I disabled this, so
that all screenshots are saved directly to the Screenshots folder, by removing
the %y-%mo
pattern from the Sub folder pattern box.
Filenames
I also changed the default filename pattern. ScreenX saves the screenshot with
a random 10 character filename, such as q3TYN22tO2.png
. I didn't want this!
Instead, I preferred the default filename to reflect the current date and time.
I can always override this default in individual workflows by enabling the
Save image to file as... task, which will allow me to specify a unique
filename after each capture.
To configure the filename, I went to the Upload\File naming tab in
Task Settings.
In Name pattern for capture or clipboard upload, I entered
%y-%mo-%d_%h.%mi.%s
. This ensured that screenshots are saved with a filename
using the current date and time, such as 2020-05-15_19.15.00.png
.
Similarly, I changed Name pattern for window capture to
%pn_%y-%mo-%d_%h.%mi.%s
. When I capture a specific application window, the
application name is now included in the filename, for example
chrome_2020-05-15_19.15.00.png
Image Effects
One of the powerful features of ShareX is its ability to process the screenshot
image before saving it. I created two image effects which I can enable or disable
in my workflows.
Image Resizing
I first wanted to include the ability to resize my screenshot captures.
Displaying a full size screenshot in a web page is not always optimal, and
using Markdown limits the control I have on dynamically resizing images in
HTMl.
I therefore automatically resize my screenshots to be be no larger than 750
pixels in width.
To configure this effect, I went to the Image\Effects tab in
Task Settings, and clicked on the Image Effects configuration button.
I clicked on Add, and from the Manipulations submenu, selected the Resize
effect. I set the Width to 400, and the Height to 0.
Drop Shadows
I also decided to add a drop shadow effect to images. This makes them stand off
the screen.
Again, in the Image\Effects tab in Task Settings, I opened Image
effects configuration.
I clicked on Add, and this time from the Filter submenu, selected the
Shadow effect. I changed the size from 10 to 30 to increase the effect, and
also set the offset to 10 pixels in both the X and Y directions.
Configuring a Workflow
I could now bring several of these settings together into a single workflow.
The workflow I most commonly use is Capture Region, which allows me to
capture an entire window or application, or a portion of one. This is
configured to use the Ctrl+Print Screen hotkey.
I went to Hotkey settings, where there were several pre-configured
workflows, and clicked the gear icon to the left of Capture Region to
configure this workflow.
In the Task tab, I enabled Override after capture settings, and checked the
following four tasks:
- Add image effects/watermark - this will resize the capture screenshot image
to a maximum of 750 pixels wide and add the drop shadow effect - the two
image effects I configured above.
- Open in image editor - allowing me to annotate the image, add arrows or
highlight specific areas of interest.
- Save image to file as ... - so that I can give the file a proper name and
save it to a target folder of my choice.
- Copy file path to clipboard - ready for me to paste into my Markdown
blog post document.
Using the Workflow
I am now ready to go. Whenever I want to take a screenshot, I simply press
the Ctrl+Print Screen key combination. This triggers ScreenX and displays
an adjustable capture region on the screen. I can move and size this as I
wish to capture the right window, dialog box or screen area.
I can select the target area, and click to capture. ShareX performs my image
effects (resizing and adding a drop shadow), and opens the image in its
image editor.
Here I can then add annotations, arrows (as seen in the screen shots on this
page) or other highlights. Once I am happy, I can click the green check mark to
save the screenshot.
This opens a save dialog, where I can rename the image and save it to my
website image folder. Finally, Sharex copies the file location to the
clipboard, ready for me to paste directly into an image link in my blog
Markdown document:
![Image]({static}C:\Users\Simulatine\Documents\web\assets\2020-05-15_test.png)
The file location contains the full path, so I will need to adjust it slightly
for web use:
![Image]({static}\assets\2020-05-15_test.png)
Conclusion
Learning more about the power of ShareX has really helped me streamline my
screen capture and blogging workflow.
Thanks to a ScreenX tutorial
on Steemit.com and to a similar blog post on
Jerrie Pelser.com,
both of which I found very useful.