How to Save a Tweet as an Image With Google Chrome

I discovered a neat trick with the Google Chrome browser that lets you take screenshots of all or part of a screen.

Being able to save an image is something I need for Twitter. Although WordPress is supposed to render a tweet properly with just a link, I’ve discovered it often doesn’t work. Sometimes just the link to the tweet appears. And then sometimes the tweet is deleted, making your post incomplete. Making an image of the tweet is the way to go.

#1 Find the Tweet  with Google Chrome (desktop version)

It can be in the feed or the detailed (larger) version. Pick the one that you want.

Step 1

I want to save my glorious joke where I give respect to my old hometown of San Diego while at the same time poking fun at Portland, OR. For the record, San Diego IMO is the fittest city in America.

#2 Open Developer Tools

Hit F12 on Windows or Command + Option + i on Mac.

Chrome Dev Tools

This window may pop-up on the bottom or the side. 

#3 Open Command Pallet and type screenshot

Once the Developer Tools window is open, press Control + Shift + p (windows) or Command + Shift + p (Mac). This will open the Command Pallet. Start typing screenshot and you will see a few options.

Screenshot options

At this time there are 4 screenshot options in the Command Pallet. 

#4 Select Capture Area Screenshot

After this option is selected, go to the tweet and highlight it with your mouse. Once you release the mouse button, the image of the tweet will immediately download.

select Screenshot area

Highlight the tweet and then release the mouse button.

#5 Image Downloads To Browser

Go to the folder where downloads are saved and you’ll find a PNG file of the area you selected.

Selected tweet

The tweet is now saved on my computer as a PNG file. 

Other Uses

If you are on a web page and would like a screenshot of the entire page, including the parts that are not visible on the screen, select “Capture full size screenshot”. No graphics program needed.

1 Comment

Add yours →

  1. @All – The purpose of this post was I wanted to learn how to create a Rich Results webpage for Google Search.

    https://developers.google.com/search/docs/data-types/how-to

    It validates. If it gets indexed is another story.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.