/>
X

Join or Sign In

Register for your free ZDNet membership or if you are already a member, sign in using your preferred method below.

Use your email Use Linkedin Use Facebook

How to hide Twitter preview images with AdBlock

Twitter surprised users by forcing an update that automatically shows photos and videos in timelines, and for some users this is a serious problem. Here's how to hide those images with AdBlock.

|
violet-blue.jpg
|
twitter-preview-images.jpg
1 of 5 Violet Blue/ZDNet

Hide Twitter Image and Video Previews

Twitter ambushed its users Tuesday when the social media giant forced an update wherein photo and videos are posted as fully visible on user timelines.

Despite a chorus of "do not want" from Twitter users, the company has not been forthcoming in meeting the needs of those users.

For more than a few people, the change made Twitter into a service too risky to use at work, around family or in public spaces - or in some cases, they've seen work-related material they're not supposed to.

Users can turn off image and video previews in Twitter's ad-riddled mobile versions for Android and iOS - but not in desktop (browser) versions.

There's a solution: Here's how to hide those images with AdBlock.

Quick jump to mini-tutorials:

This stops the nonconsensual preview action.

But to see the image or video, you'll need to click the image or video link.

Instead of previews being shown full-on in your timeline (like the screenshot above, but probably less fun) it will look like this:

 Next page: Hide Twitter preview images and videos using AdBlock in Chrome.

chrome-adblock-options.jpg
2 of 5 Violet Blue/ZDNet

Chrome AdBlock Options

There is no need to download the AdBlock Element Hiding Helper - but you should (obviously) have AdBlock Plus installed on your browser. It's an excellent tool, so if this Twitter issue is your introduction to AdBlock, you'll almost be glad for the Twitter annoyance.

Resist the temptation to click the AdBlock icon in the browser bar; in this case, the Easy Create Filter will only block one image at a time.

In the Chrome browser, go up to Window > Extensions to open your Chrome extensions on a new tab.

You'll see AdBlock Plus in the list (as above). Click AdBlock's Options.

Click the tab Add Your Own Filters.

 

The tab for Add Your Own Filters will have a line where you'll add:

twitter.com##.is-preview

Then click the + Add Filter button. And that's it!

 Next page: Use AdBlock to hide Twitter preview images and videos in Firefox (3 pages).

firefox-adblock-filter-prefs.jpg
3 of 5 Violet Blue/ZDNet

Firefox AdBlock Filter Preferences

In Firefox there are a few more steps than with Chrome. Start by going up to the Firefox drop-down menu under Toos and scroll down to AdBlock Plus > Filter Preferences...

You'll get a new window: AdBlock Plus Filter Preferences. This window shows three tabs across the top. Click Custom Filters and then click the Add Filter Group button.

 

There is no need to download the AdBlock Element Hiding Helper - but you should (obviously) have AdBlock Plus installed on your browser. It's an excellent tool, so if this Twitter issue is your introduction to AdBlock, you'll almost be glad for the Twitter annoyance.

Resist the temptation to click the AdBlock icon in the browser bar; in this case, the Easy Create Filter will only block one image at a time.

PreviouslyHide Twitter preview images and videos using AdBlock in Chrome (1 page).

firefox-filter-group.jpg
4 of 5 Violet Blue/ZDNet

Firefox Filter Group

After clicking Add Filter Group you'll get this new window where filter groups can be listed. If you want to label the new filter you're creating, double-click the "New Filter Group" text and it will highlight so you can give it a name. (Extra points for more creative names than the one I chose.)

Click the filter group to highlight it, then hustle your mouse over to its Actions drop-down menu to select Show/hide filters.

 PreviouslyHide Twitter preview images and videos using AdBlock in Chrome (1 page).

adblock-show-filters-v1.jpg
5 of 5 Violet Blue/ZDNet

In Firefox: Twitter 'Hide Preview' Code

After you clicked Show/hide filters, the window splits into two panes (above). Click the button in the upper right of the window that says Add Filter.

An entry field will appear in the "Enabled: Filter rule" box. That's where you'll paste this code:

twitter.com##.is-preview

(Yes, it's the same code as used in the Chrome/AdBlock hide Twitter previews technique.)

To finish, click Close. And you're done!

 

 Thanks for the tip: @xabean

Related Galleries

Linux turns 30: The biggest events in its history so far
05-debian.jpg

Related Galleries

Linux turns 30: The biggest events in its history so far

Say hello to the early days of web browsers
netscape-shutterstock-189041855.jpg

Related Galleries

Say hello to the early days of web browsers

Parallels Toolbox 5.0 for Windows and Mac, in pictures
Mac Dashboard

Related Galleries

Parallels Toolbox 5.0 for Windows and Mac, in pictures

Parallels Toolbox 4.5 for PCs, M1 and Intel Macs
Parallels Toolbox

Related Galleries

Parallels Toolbox 4.5 for PCs, M1 and Intel Macs

Parallels Toolbox 4 for Windows and Mac
parallels-toolbox-show-desktop-macos-screenshot

Related Galleries

Parallels Toolbox 4 for Windows and Mac

How to perform a clean install of Windows 10: Here's a step-by-step checklist
00-before-you-start.jpg

Related Galleries

How to perform a clean install of Windows 10: Here's a step-by-step checklist

Linux survival guide: These 21 applications let you move easily between Linux and Windows
apps-for-linux-and-windows.jpg

Related Galleries

Linux survival guide: These 21 applications let you move easily between Linux and Windows