How to Take a Screenshot for Your Blog Posts (Beginner’s Guide)

Writing technical tutorials without visuals often leads to confused and frustrated readers. Words alone simply cannot describe a process as clearly as an image can.

At WPBeginner, we have written thousands of guides, and screenshots are our secret weapon for keeping users engaged. They turn complicated instructions into easy-to-follow steps.

Adding screenshots helps your readers succeed, improves user experience, and keeps them coming back to your blog.

In this guide, we will show you exactly how to take a screenshot for your blog posts on any computer or device.

The Benefits of Taking Screenshots for Your Blog Posts

Adding high-quality screenshots to your WordPress blog can make your content more engaging. These are screen captures or snapshots of whatever is on your mobile or desktop screen.

You can use screenshots for a tutorial and guide users step by step. This way, people will know exactly where to click and what to enter when setting up software or plugins.

Similarly, you can use screenshots for a roundup or list post. For example, let’s say you are writing about the best email marketing tools. You can take screenshots of each tool’s homepage and show them in your content.

Since there are so many different ways to take a screenshot, we have created a step-by-step guide on how to take a screenshot for your own blog on different devices and apps. You won’t even need to use a WordPress plugin for it.

To make it easy for you, we have also created a table of contents below so you can quickly find the method that applies to you:

How to Take a Screenshot Using Droplr

Droplr is a popular premium screen capture app. It allows you to easily take a screenshot on your computer, mark it up, and share it.

Droplr automatically saves your screenshots to the cloud. However, for your WordPress blog posts, you should download these images to your computer and then upload them to your Media Library. This ensures your images always load fast and stay on your site.

It works great with Mac, Windows, and Chromebook devices to quickly capture a selected area or entire screen. There is also a Chrome extension, so you can quickly take screenshots from your browser.

Droplr also integrates with popular apps like Slack, Microsoft Teams, Gmail, Adobe Photoshop, and more.

Taking Screenshots Using Droplr Desktop App

To take a screenshot using Droplr, you will first need to install the app for your preferred device. After that, you can click the Droplr icon in the Mac menu bar or the Windows Taskbar.

From here, simply click the ‘Screenshot’ option.

If you are a Mac user, then you can also press ‘Option + Shift + 4’ to capture the screenshots. You can press ‘Alt + Shift + 4’ on Windows to take a screenshot with Droplr.

Next, you need to select the area you’d like to take a screenshot of.

Droplr will open the screenshot in a browser window as soon as you are done. Here, you can download the image or share the link with others.

If you click the ‘Markup’ button at the top, then you will find options to edit the screenshot.

For instance, you can add arrows to point at a button or an important feature. You can also draw shapes, add emojis, blur different parts of the image, add text, and more.

Once you are done, simply save the image or download it. Once that is done, add it to your blog content.

Taking Screenshots Using Droplr Chrome Extension

You can also use the Droplr Chrome extension to take screenshots and screen recordings. The extension works just like the desktop app, and you can easily access it from the Chrome extension toolbar.

First, you will need to install the Droplr extension by visiting the Chrome web store.

Then, click on ‘Add to Chrome’.

Once the extension is added, you can click on the Droplr icon from the toolbar at the top of your browser.

Next, you can screenshot a selected area, application window, full screen, or entire page.

After taking a screenshot, Droplr will open the image in a new tab with a link that you can share.

Droplr also allows you to create a video screencast to create quick tutorials with audio. Simply click the Droplr icon in your browser’s menu bar and select the TV icon to record your screen.

If you choose the ‘Full desktop’ option, then you will need to select which window to record. On the other hand, you can use the ‘Current tab’ option and screencast your browser tab.

How to Take a Screenshot on Mac

If you are using a Mac device and want to take a screenshot for your first blog post, then there are several options.

On Mac devices, you can capture the entire screen, a selected portion of your screen, a specific window, and more.

To take a screenshot of the entire screen on a Mac device, simply press ‘Shift + Command + 3’, and it will capture your screen.

If you want to capture a selected portion, then press ‘Shift + Command + 4’. Next, click and drag the crosshair (pointer) to take a screenshot of the selected area.

If you want to take a screenshot of a specific window, first press ‘Shift + Command + 4’. Then, immediately tap the ‘Space bar’ on your keyboard.

You will see that the pointer will change into a camera icon. Simply drag the camera icon on a window to highlight and capture it.

After taking the screenshot, a thumbnail will pop up in the corner of your screen. You can click on it to instantly open a markup tool where you can crop, draw arrows, and add text before you save it! ✨

By default, all the screenshots will be saved on your desktop with the capturing time/date as the filename and .png as the file extension.

How to Take a Screenshot on Windows

To take a screenshot on Windows devices, simply press the ‘PrtSc’ (Print Screen) key on your keyboard. On newer versions of Windows, this may open the Snipping Tool automatically. If not, it will copy the image of your entire screen to your clipboard.

Next, you can paste this screenshot into a free image editor like Affinity Photo, Paint, or Canva to crop the required area and save it to your computer.

Next, you can open this screenshot in image editing software like Adobe Photoshop or Affinity Photo, crop the required area, and save it on your computer.

Another way of taking screenshots is by using the Snipping tool that comes pre-installed in Windows.

The tool lets you capture a specific part of your screen and automatically save it to a clipboard.

Another way to take screenshots in Windows is by pressing the ‘Windows + Shift + S’ keys to start taking screenshots with the Snipping tool.

It will capture the screenshot automatically when you release the mouse button.

A notification will pop up in the corner of your screen. Click it to open the screenshot in the Snipping Tool editor, where you can crop, highlight, and draw on your image before saving it to your computer.

How to Take a Screenshot on Chromebook

Taking a screenshot on a Chromebook is quick and easy. The most reliable way is to use the built-in Screen Capture tool.

Just click on the Quick Settings panel in the bottom-right corner of your screen (where the clock is), and then select the ‘Screen Capture’ option.

From the toolbar that appears, you can choose to capture the full screen, a single window, or a selected area. After you capture it, the screenshot is automatically copied to your clipboard and saved in your ‘Downloads’ folder.

Alternatively, you can use keyboard shortcuts:

• Capture the entire screen: Press Ctrl + Switch Window key (the key looks like a rectangle with arrows ❐).
• Capture a portion of the screen: Press Ctrl + Shift + Switch Window key. Your cursor will turn into a crosshair, allowing you to click and drag to select an area.

If you are using an external keyboard, the F5 key often acts as the Switch Window key.

How to Take a Screenshot on iPhone

Taking a screenshot on iPhones and other smartphones is actually quite simple.

If you use an iPhone with Face ID (iPhone X or newer), open the app you want to capture. Then, press the ‘Side’ button on the right and the ‘Volume Up’ button on the left at the same time.

Make sure that you press both buttons at the same time. This will take a screenshot of the screen and save it to the ‘Screenshots’ folder on your phone.

If you use an iPhone with a Home button (like the iPhone SE or iPhone 8), simply press the Side button and the Home button at the same time. On very old models, you may need to press the Top button instead of the Side button.

How to Take a Screenshot on Android Phone

There are many different phone manufacturers that sell smartphones with Android OS (such as Samsung Galaxy, Motorola, Google Pixel, etc). However, most new devices follow the same universal process to take a screenshot.

On your Android phone, you need to open the screen that you want to capture. Next, press the ‘Power + Volume Down’ buttons together.

This will take the screenshot and save it in your photo gallery.

Frequently Asked Questions About Taking Screenshots

We get a lot of questions about the best ways to use screenshots in blog posts. Here are answers to some of the most common ones we see.

1. What is the best format to save screenshots for a blog?

For the initial capture, PNG is best because it keeps text sharp. However, when uploading to your blog, we recommend converting them to WebP format. WebP images are much smaller in size and load faster, which is great for SEO.

2. How can I edit or annotate a screenshot?

Yes, many tools let you do this! As we covered, Droplr is an excellent app for annotating screenshots. For quick edits, the free, built-in tools on both macOS and Windows are also fantastic for adding arrows, text, and highlights.

For even more advanced features, another popular premium tool is Snagit.

3. Can I take a screenshot of a full webpage that requires scrolling?

Yes, this is often called a ‘scrolling capture’. Many third-party apps and browser extensions, including the Droplr Chrome extension, offer this feature. It allows you to capture an entire webpage from top to bottom in a single image file.

4. Do I need a special WordPress plugin to add screenshots to my posts?

No, you don’t need a plugin for this. You can upload your screenshots directly to the WordPress Media Library. Just remember to add ‘Alt Text’ to your screenshots after uploading them so that search engines can understand what is in the image.

Additional Resources for Blog Images

Now that you know how to take screenshots, you can make your blog images even better. Here are a few guides that we recommend you check out next:

• Beginner’s Guide to Image SEO – Optimize Images for Search Engines
• Best WordPress Image Compression Plugins Compared
• Tools to Create Better Images for Your Blog Posts

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.