5 Ways To Make Websites Easier To Read

With the amount of information on the Internet—news, stories, tutorials, encyclopaediae—it’s hard to ever stop reading. What usually gets you in the end is impracticality. A need to switch devices or to go offline, but also the inability to read it now and a lack of commitment to read it later.

Reading websites can be bliss, but it isn’t always comfortable. Noisy webpages assail your eyes and after a while, the almighty LCD takes its toll. With impending eye-strain causing a drop in productivity, it’s time to call it a day.

If you’re hungry to read (as I am), there are ways to get rid (or at least partly circumvent) these impracticalities. Other tips and tools also help to make reading more comfortable. With these in your toolbox, you’re able to make reading about reading again.

Invert Colours (for Nightly Reading)

Late at night, or in a dimly lit room, a glaring LCD screen wearies the eyes and can give you a killer headache. The black text on a white background works well in most general situations, but if you’re reading in bad lighting, you should try inverting the webpage colours for easier reading. Your eyes will thank you for it.

chrome high contrast   5 Ways To Make Websites Easier To Read

Firefox users should take a look at Blank Your Screen + Easy Reading. This add-on lets you invert the colours on a webpage by clicking the status bar icon or using a key combination (Ctrl + Alt + B). You can change the colour palette in the preferences if you prefer e.g. white on green over white on black.

Google Chrome users can use Google’s official accessibility extension: High Contrast. Similar to the Firefox add-on, you can toggle inverting the colours using the extension button or a keyboard shortcut (Cmd + Shift + F11). A big advantage of this extension is that you can change the preferred colour scheme for each individual website. This way, you don’t have to toggle the colours every time you visit a rare website that already offers a night reading mode.

Save Pages For Delayed Reading

Sometimes you encounter an interesting page, app or article when you don’t have the time to fully check it out. Maybe you’re late for work. Maybe you’re at work. In either case, it can be useful to save an article for later reading.

Pocket saves you the trouble of remembering or writing down these web pages. Just create an account and install the browser extension or bookmarklet. Pressing the icon saves (or “pockets”) the article for later reading. Because this list of delayed articles is linked to your account, the pages you save from different devices are all gathered in one convenient place.

You can access these articles from your reading list via the Pocket website or using the Pocket for Mac application. Cleaned of all clutter, reading these articles with Pocket is even more fun than usual. (More on removing clutter below).

To read on your other devices, get the free mobile apps for (deep breath) iPhone/iPad, Android, Kindle Fire, Windows Mobile, Blackberry, WebOS and s60. A number of other apps, like the popular Flipboard, integrate with Pocket as well. In summary: don’t expect much compatibility issues.

Send To Kindle

Although Pocket integrates well with a lot of devices, including the Kindle Fire, it doesn’t play well with eReaders. You can use another browser extension to bridge that particular gap. The official Send To Kindle extensions have you covered. These tie in to browsers like Chrome (pictured below) and Firefox, but you can also download desktop applications for Mac and Windows and push local files to your eReader.

muo send to kindle1   5 Ways To Make Websites Easier To Read

You can choose whether to send the current web page to your Kindle, or to preview it first. The add-on removes all the unnecessary clutter, sidebars and buttons alike, and presents it for your approval. You can change the title and author of the article and tinker with the formatting if you’d like. However, in my experience the Send to Kindle extension does a good job on its own.

It might seem a bit much to add another extension to your browser for one device. However, it all depends on how extensively you use your eReader. Personally, I use Send to Kindle about as much as I use Pocket. Especially for longer reads an eReader can be preferable to a tablet.

Download The Entire Web Page

If you use a single device, or have an easy way of transferring the files, you can also save the entire webpage to your computer. Using your browser’s File -> Save As feature, you can save the current page to a folder on your computer. This has the benefit of providing offline access while retaining the original formatting.

If a single page does not suffice, read Justin Pot’s instructions on downloading an entire website (or selection thereof) for offline reading.

chrome save page   5 Ways To Make Websites Easier To Read

If you don’t need to keep the web page in web page form, it might be a better idea to download it as a PDF file. Depending on the website, the result can look magnificent or horrendous, but in either case it’s easy to transfer and use on other devices.

print to pdf   5 Ways To Make Websites Easier To Read

The easiest way to create a PDF is by printing to an application (instead of a hardware printer) that creates the PDF. This feature is standard included on Mac OS X. Users of other operating systems can install a third-party tool like CutePDF (Windows) or CUPS-PDF (Linux). If you are using Chrome, you can use the Save as PDF option.

Declutter Pages with Readability

Most websites (including this one) have headers, sidebars and a whole lot of buttons that are useful while navigating, but only serve to distract you while you’re trying to read a longer article. A browser extension like Readability strips most of the article except title, pictures, and text to create a cleaner and much easier to read article, as demonstrated in the screenshot below.

readability chrome   5 Ways To Make Websites Easier To Read

These decluttered articles are similar to the pages you’ll read using Pocket or sent to Kindle, both discussed in detail above, but now available to read on the spot.

Actually, Readability also supports delayed reading and sending articles to Kindle (although it doesn’t match up to these other tools in all regards). However, if you prefer a one size fits all solution, you should also check out Readability to handle these respective jobs.

What do you use to make websites easier and more pleasant to read? Do you have any tips for your fellow reader? Add your voice in the comments section below!

The comments were closed because the article is more than 180 days old.

If you have any questions related to what's mentioned in the article or need help with any computer issue, ask it on MakeUseOf Answers—We and our community will be more than happy to help.

30 Comments -

0 votes

hildyj

I use the Clearly extension which strips out the junk, like Readability, but also gives you the option to send it to Evernote.

0 votes

Simon Slangen

Clearly looks great. Thanks for sharing!

0 votes

Corina C

I set up send to Kindle and the Blank Your Screen+Easy Reading. I’ll see how those work before I try anything else.

0 votes

Simon Slangen

Let us know how they work out for you. :-)

0 votes

Miro

You may also use Wunderlist as a tool for saving articles you wish to read later. It also has a Chrome extension.

0 votes

Zlikovski

You can also use Wunderlist as a tool for saving articles you wish to read later. It also has a Chrome extension.

0 votes

Simon Slangen

Cool, I didn’t know Wunderlist could do that.

Here’s a link to the extension, if anyone’s interested:
- Chrome.
- Firefox.
- Safari.

0 votes

Daniel E

Evernote

0 votes

Jjcook

I just wish that website designers would stop using gray on gray. It’s very very hard to read. And if they would use black on white then we would not need to worry about playing games to get decent contrast. Also if sites like Facebook and iOS would allow you to make the text larger when you wanted not when they wanted that would help too.

1 votes

dragonmouth

You can use “CTRL+” to increase and “CTRL-” to decrease the size of text on the screen.

0 votes

Simon Slangen

Right you are. We shouldn’t have to rely on these tools to get a readable page, but we have to make do with what we’ve got.

At least the days of sparkling GIF (pronounced Jiff) buttons and website background music are gone. :-)

1 votes

SH

FF add-on “No Small Text” increases the size of small text, without making regular text huge.

And Readability rocks.

0 votes

Simon Slangen

Sweet. Thanks!

1 votes

connectionfailure

No mention of Instapaper? Wasn’t that around before Pocket?

0 votes

Daniel M

Yep. I personally switched to Instapaper from Pocket, because I like how it looks better.

0 votes

Simon Slangen

Other way around, for me. :-)

Instapaper is a great service (the iPad app is particularly gorgeous). Unfortunately, you can’t mention every application in a single article. In the end I settled on Readability and Pocket.

0 votes

Samrudh S

Nice.. I can read for longer hours now.

0 votes

A. I. Sajib

PrintFriendly is also great for reading. http://www.printfriendly.com

0 votes

Howard B

Great way to make websites easier to read: larger fonts. If the default page zoom settings aren’t enough, use the Firefox addon NoSquint to put a set of controls in the toolbar, or a gadget that shows the current zoom level and pops out a control panel when clicked. You can press CTRL plus the PLUS key to view a page larger, CTRL plus MINUS to zoom out (smaller), or add the SHIFT key to zoom just the text; you can also use CTRL plus Zero to reset everything back to 100%.

0 votes

Onaje A

Great Things to Do! Thanks a lot..

0 votes

Ian K

I have tried many of the ways you suggested. Readability has a nice interface. Pocket seems to have *unlimited* space (With Evernote, it is not hard to go over your monthly limit).

If the article is something I want to keep for future, I usually do a “print to” and save as PDF… It’s much simpler this way. It is easy to lose track of your tagging system in Evernote

0 votes

Ian K

I aggree with Hildyj: Clearly is *awesome*

0 votes

Swazifiction

Dotepub (dotepub.com) has an extension that alloes you to download any web page as an epub. I find it invaluable

0 votes

Simon Slangen

DotEPUB looks interesting. Pocketed. Thanks for sharing. :-)

0 votes

Paulo Feitosa

Instapaper is the best one for sending pages to a Kindle.
I also like to use the Style option of the browser (remove style actually), to read sites that have dark background.

0 votes

Hisham S

i already have the send to kindle extension.
I am now inverting the colors ;)
Pocket and Readability are wonderful

THANKS FOR THE NICE ARTICLE :D

0 votes

Simon Slangen

You’re welcome. :-)

0 votes

Stephanie S

Thanks much for these tips and links to some helpers. At night, my eyes are tired so I need all the help I can get.

0 votes

Simon Slangen

I hear you. At night is the best time to read in my opinion, but LCD displays don’t make it easy. :-)

0 votes

Anonymous

I find a simple “gmail this” IE bookmarklet stops me being distracted at work by useful (but not work based) websites.
Since I sometimes take my work laptop home for my own use, I have firefox set up for home stuff in general, including a similar “email to work” bookmarklet. The system works.