[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-article-how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet":3},{"meta":4,"html":39,"authorName":40,"authorFacebookUrl":41,"authorProfileImage":42,"authorWebsite":43,"authorJobTitle":44,"authorTwitterUrl":45,"wordCount":46,"recommended":47},{"id":5,"slug":6,"type":7,"title":8,"excerpt":9,"metaTitle":10,"metaDescription":10,"canonicalUrl":10,"featureImage":11,"publishedAt":17,"createdAt":18,"updatedAt":19,"featured":20,"readingTime":21,"tags":22,"author":38,"recommendedSlugs":10},"630efb34c7d492db47c420b3","how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet","post","Guide to Using Web Highlights for Online Text & Notes","Boost your productivity with Web Highlights. With the pdf & web highlighter, you can highlight on the internet just like you do it in books.",null,{"url":12,"alt":13,"caption":14,"width":15,"height":16},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1578401056371-96e0b72cffd5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDEzfHxza2V0Y2hpbmd8ZW58MHx8fHwxNjYyMDE2MjQw&ixlib=rb-1.2.1&q=80&w=2000","Hands highlighting text, taking notes and making sketches on paper","\u003Cspan style=\"white-space: pre-wrap;\">Photo by \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F@amayli?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Amélie Mourichon\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap;\"> \u002F \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Unsplash\u003C\u002Fspan>\u003C\u002Fa>",2000,1500,"2022-09-01T06:58:22.000+00:00","2022-08-31T06:09:56.000+00:00","2026-04-09T12:56:34.000+00:00",true,12,[23,26,29,32,35],{"name":24,"slug":25},"FAQ, Tutorials, and Help","faq",{"name":27,"slug":28},"Web Highlights","web-highlights",{"name":30,"slug":31},"Productivity","productivity",{"name":33,"slug":34},"Software","software",{"name":36,"slug":37},"Tutorial","tutorial","marius-bongarts","\u003Cp>\n  A few years ago I started developing the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\">Web Highlights\u003C\u002Fa>\n   browser extension. Back then I consumed many articles on the web but couldn't structure them. I often struggled\n  to re-find the information when I needed it.\n\u003C\u002Fp>\n\u003Cp>\n  I was looking for a way to \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fhighlight-webpages\">highlight text on websites\u003C\u002Fa>\n   and access the highlights from anywhere. There were some tools, but none fit my needs. That's why I built \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\" rel=\"noopener\">Web Highlights\u003C\u002Fa>\n   .\n\u003C\u002Fp>\n\u003Cp>\n  Today, more than 250,000 users (including me) are using the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\">online highlighter\u003C\u002Fa>\n   every day, and I can't imagine my working day without it. In this article, I want to show you how to get started\n  and how to work most efficiently with the tool — from basic highlighting all the way to \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fweb-app-grid-and-filters\">advanced search and filters\u003C\u002Fa>\n  , \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fai-summary\">AI-powered summaries\u003C\u002Fa>\n  , and \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fspaced-repetition-learning\">spaced repetition learning\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Chr \u002F>\n\u003Ch2 id=\"setup\">Setup\u003C\u002Fh2>\n\u003Cp>\n  Firstly, you need to install the browser extension. Web Highlights is available for \n  \u003Cstrong>Chrome\u003C\u002Fstrong>\n  , \n  \u003Cstrong>Edge\u003C\u002Fstrong>\n  , \n  \u003Cstrong>Brave\u003C\u002Fstrong>\n  , and other Chromium-based browsers — as well as \n  \u003Cstrong>Firefox\u003C\u002Fstrong>\n  .\n\u003C\u002Fp>\n\u003Cp>\n  You can find the Web Highlights extension in the \n  \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    Chrome Web Store \n  \u003C\u002Fa>\n  , \n  \u003Ca href=\"https:\u002F\u002Fmicrosoftedge.microsoft.com\u002Faddons\u002Fdetail\u002Fweb-highlights-pdf-we\u002Fghdpaajjhmlfkogblgeibaabcpjfgldn\">\n    Microsoft Edge Store \n  \u003C\u002Fa>\n  , or the \n  \u003Ca href=\"https:\u002F\u002Faddons.mozilla.org\u002Ffirefox\u002Faddon\u002Fweb-highlights-pdf-web-highlig\u002F\" rel=\"noopener\">Firefox Add-ons \u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cp>\n  For a step-by-step walkthrough, check the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintroduction\u002Finstallation\">installation guide\u003C\u002Fa>\n   in our documentation.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp\"\n    class=\"kg-image\"\n    alt=\"Install Web Highlights on Chrome\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"569\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\n      \u003Cspan style=\"white-space: pre-wrap\">Install Web Highlights on Chrome\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Simply click the \"Add to Chrome\" button in the top-right corner, and you will be redirected to a \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fextensions\u002Fpdf-web-highlighter\u002Fwelcome\" rel=\"noreferrer\">Welcome Guide\u003C\u002Fa>\n   that will guide you through the setup process.\n\u003C\u002Fp>\n\u003Cp>\n  First, you might want to pin the extension symbol by clicking the \"Extensions\" symbol in the top-right corner of your\n  browser and clicking the \"Pin\" icon to have it always reachable when using it.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*HGduMUoanT31y8OZJBXn7g.png\"\n    class=\"kg-image\"\n    alt=\"Screenshot: How to pin extension\"\n    loading=\"lazy\"\n    width=\"706\"\n    height=\"546\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">Pinning the\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">extension\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\u003C\u002Fp>\n\u003Ch2 id=\"optional-account-creation\">Optional Account creation\u003C\u002Fh2>\n\u003Cp>\n  The great thing about the highlighter is that you can directly start using it even without creating an account. Most\n  of Web Highlights features are free and can be used without creating an account. This includes:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    🖋️ Highlight websites and \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fhighlight-pdfs\">PDFs\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>🎨 Multiple highlight colors\u003C\u002Fli>\n  \u003Cli>🔖 Save bookmarks\u003C\u002Fli>\n  \u003Cli>✍️ Take notes\u003C\u002Fli>\n  \u003Cli>🏷️ Create tags\u003C\u002Fli>\n  \u003Cli>📤 Export to Markdown\u003C\u002Fli>\n  \u003Cli>💾 Backup your research\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  However, some functionalities are only available if you sign up. Our different \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fpricing\">pro plans\u003C\u002Fa>\n   include many great features that can be tested for free for 7 days. For all the details, check the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintroduction\u002Fgetting-started\">Getting Started guide\u003C\u002Fa>\n   in our documentation. Here are some highlights:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>🔄 Sync your highlights and access from any device\u003C\u002Fli>\n  \u003Cli>\n    👨🏼‍💻 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fweb-app-grid-and-filters\">Powerful Web App\u003C\u002Fa>\n     with grid, list, and masonry views\n  \u003C\u002Fli>\n  \u003Cli>\n    📷 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">Highlighting images\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    𝐓 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fhighlight-webpages\u002Fformatted-highlighting\">\n      Formatted highlighting \n    \u003C\u002Fa>\n    — preserve headings, bullet points, code blocks, and more\n  \u003C\u002Fli>\n  \u003Cli>\n    🧠 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fspaced-repetition-learning\">Spaced repetition learning \u003C\u002Fa>\n    — turn your highlights into flashcards and remember what you read\n  \u003C\u002Fli>\n  \u003Cli>\n    🤖 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fai-summary\">AI Summary\u003C\u002Fa>\n     & \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fai-chat\">AI Chat\u003C\u002Fa>\n     — generate summaries and chat about your content using Chrome's built-in AI\n  \u003C\u002Fli>\n  \u003Cli>⚡ Keyboard shortcuts for highest efficiency\u003C\u002Fli>\n  \u003Cli>\n    📄 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintegrations\u002Fnotion-export\">Direct Export to Notion\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📘 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-obsidian-with-web-highlights\u002F\"\n      >Export to Obsidian \u003C\u002Fa\n    >\n    via Markdown\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintegrations\u002Fcapacities-export\">Export to Capacities\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>📑 Export to PDF and HTML files\u003C\u002Fli>\n  \u003Cli>\n    📖 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Freader-mode\">Reader mode\u003C\u002Fa>\n     — save pages as distraction-free documents\n  \u003C\u002Fli>\n  \u003Cli>📱 Save pages as bookmarks from your mobile phone\u003C\u002Fli>\n  \u003Cli>\n    🎬 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fyoutube-highlighting\">YouTube highlighting\u003C\u002Fa>\n     — highlight and annotate YouTube video transcripts\n  \u003C\u002Fli>\n  \u003Cli>\n    ⏰ \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\n      Set email reminders\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📚 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-kindle-highlights-and-notes-to-notion\u002F\">\n      Import your Kindle highlights & notes\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    🔎 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fweb-app-grid-and-filters\">Advanced filters\u003C\u002Fa>\n     with AND\u002FOR logic, custom visible fields, and quick-filter syntax\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fsharing-public-pages\">Share your highlights\u003C\u002Fa>\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  If you want to enjoy all those great features, you need to create an account. By that, your highlights are\n  automatically backed up to the cloud and you can also access your research work from the powerful web app at \n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa>\n   from any device.\n\u003C\u002Fp>\n\u003Ch3 id=\"how-to-create-account\">How to Create Account\u003C\u002Fh3>\n\u003Cp>\n  You can either sign-up using your email address or by clicking\n  \u003Cem>“Sign in with Google.”\u003C\u002Fem>\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp\"\n    class=\"kg-image\"\n    alt=\"Create a Web Highlights account\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"859\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Create a Web Highlights account\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Web Highlights places a significant high priority on \n  \u003Cstrong>Data Privacy\u003C\u002Fstrong>\n   and declares that your data is:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    Not being sold to third parties outside of the \n    \u003Ca href=\"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fwebstore\u002Fprogram_policies\u002F#limited_use\" rel=\"noopener\">\n      approved use cases\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>Not being used or transferred for purposes that are unrelated to the item's core functionality\u003C\u002Fli>\n  \u003Cli>Not being used or transferred to determine creditworthiness or for lending purposes\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  You can find more information about data privacy in Web Highlights' \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Flegal\u002Fprivacy-policy\" rel=\"noopener\">privacy policy\u003C\u002Fa>\n   or in the \n  \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >\n    Chrome Web store \n  \u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Ch2 id=\"start-highlighting\">Start Highlighting\u003C\u002Fh2>\n\u003Cp>\n  It doesn't matter if you're using the tool offline or have created an account. You can start using it right away by\n  highlighting text on any website or PDF.\n\u003C\u002Fp>\n\u003Cp>\n  Just visit any site, highlight the text, and a marker icon will appear, letting you choose from different highlight\n  colors. For the full rundown on all the ways to highlight, check the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fhighlight-webpages\">official highlighting guide\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp\"\n    class=\"kg-image\"\n    alt=\"Highlighting words on a website\"\n    loading=\"lazy\"\n    width=\"970\"\n    height=\"428\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp           970w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlighting words on a website\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Suppose, like me, you want to write an article about a topic. One of my last articles was about Web Components. For\n  this purpose, I search for sources on the Internet and mark text passages from articles. This can be done easily by\n  selecting the desired text and clicking the highlight icon of Web Highlights. You can either click the icon to\n  highlight your default color or by choosing from one of the last three most recent colors you used.\n\u003C\u002Fp>\n\u003Cp>\n  There might be times where you don't like the popup to appear, that's why you can always \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintroduction\u002Fhelpful-settings\">disable the automatic popup\u003C\u002Fa>\n   of the highlighter in the settings.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp\"\n    class=\"kg-image\"\n    alt=\"Disable the highlighter popup in the settings\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1004\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp            2016w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Disable the highlighter popup in the settings\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  But don't worry. Even if you have disabled the highlight popup, you can still create highlights by highlighting text\n  and right-clicking it. Then you will see the Web Highlights icon in the dropdown, and you can click \n  \u003Cstrong>\u003Cem>Save 'YOUR_SELECTED_TEXT'\u003C\u002Fem>\u003C\u002Fstrong>\n   :\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*45pk7DvDQazr3zCVIcW_dQ.png\"\n    class=\"kg-image\"\n    alt=\"Web Highlights context menu\"\n    loading=\"lazy\"\n    width=\"1506\"\n    height=\"698\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">context menu\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  You can also use \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fkeyboard-shortcuts\">keyboard shortcuts\u003C\u002Fa>\n  , which you can define by pasting this URL into your address bar: chrome:\u002F\u002Fextensions\u002Fshortcuts.\n\u003C\u002Fp>\n\u003Ch3 id=\"create-tags-notes\">Create Tags & Notes\u003C\u002Fh3>\n\u003Cp>\n  After a highlight has been made, a popup appears where you can assign \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Ftags-and-organization\">tags\u003C\u002Fa>\n   as well as make \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fnotes\">notes\u003C\u002Fa>\n  . In my use case, for example, I chose the tag  \n  \u003Cstrong>\u003Cem>\"mental-health\"\u003C\u002Fem>\u003C\u002Fstrong>\n    to easily find my highlights and notes later in the web app. We can also see and edit our highlights in\n  the left  \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fsidebar\">sidebar\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp\"\n    class=\"kg-image\"\n    alt=\"Highlighting with Web Highlights\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"760\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">Highlighting with\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Also, you can always click on any tag to see all related highlights and pages to it. Here is how it looks like in the\n  sidebar:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp\"\n    class=\"kg-image\"\n    alt=\"Highlights & Pages grouped by tag\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1031\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlights & Pages grouped by tag\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"find-your-highlights-in-the-web-app\">Find your Highlights in the Web App\u003C\u002Fh3>\n\u003Cp>\n  After you marked different pages, you can log in to \n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa>\n   with your credentials and find them at any time from anywhere.\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>ℹ️ Please note that the web app is only available for you if you have created an account as described above.\u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Cp>Here is what the dashboard looks like. You can see that I made quite some highlights already:\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cimg\n  src=\"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fscreenshots\u002Fcypress\u002Fweb-app\u002Fdashboard-overview.png\"\n  alt=\"Web Highlights Dashboard\"\n\u002F>\n\u003C!--kg-card-end: html-->\n\u003Cp>\n  By default, your highlighted pages are organized by date and sorted by when they were created. You can also choose to\n  group them by websites or turn off grouping altogether.\n\u003C\u002Fp>\n\u003Cp>\n  The web app supports \n  \u003Cstrong>Grid\u003C\u002Fstrong>\n  , \n  \u003Cstrong>List\u003C\u002Fstrong>\n  , and \n  \u003Cstrong>Masonry\u003C\u002Fstrong>\n   layouts — and your preferred view is remembered per section, so you can use a list for Pages and a grid for\n  Highlights without reconfiguring each time. If you click on a highlighted page, you'll see all the highlights you've\n  made on that page.\n\u003C\u002Fp>\n\u003Cp>\n  For example, here are some of my highlights on the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">\n    PARA-method \n  \u003C\u002Fa>\n  , a powerful organization technique developed by Tiago Forte:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp\"\n    class=\"kg-image\"\n    alt=\"\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1070\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">Highlighted page about the\u003C\u002Fspan>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">\n      \u003Cspan style=\"white-space: pre-wrap\">PARA method\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  There's also a toggle at the top of the dashboard that lets you switch between seeing your highlighted pages and your\n  highlights.\n\u003C\u002Fp>\n\u003Cp>\n  By default, it shows the highlighted pages, but if you switch to \"Highlights,\" you'll see all your highlights without\n  having to open a page:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp\"\n    class=\"kg-image\"\n    alt=\"Highlights displayed in grid view\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1012\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp            2000w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlights displayed in grid view\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Beyond Pages and Highlights, the sidebar navigation lets you browse \n  \u003Cstrong>Tags\u003C\u002Fstrong>\n  , \n  \u003Cstrong>Websites\u003C\u002Fstrong>\n  , \n  \u003Cstrong>Authors\u003C\u002Fstrong>\n  , \n  \u003Cstrong>Colors\u003C\u002Fstrong>\n  , \n  \u003Cstrong>AI Summaries\u003C\u002Fstrong>\n  , \n  \u003Cstrong>AI Chats\u003C\u002Fstrong>\n  , \n  \u003Cstrong>Documents\u003C\u002Fstrong>\n  , and \n  \u003Cstrong>Images\u003C\u002Fstrong>\n   — each with their own view and sort options. For the full overview, check the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fweb-app-grid-and-filters\">\n    web app grid & filters documentation\n  \u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Ch3 id=\"find-related-highlights-using-tags\">Find related highlights using Tags\u003C\u002Fh3>\n\u003Cp>\n  Now, let's search for the \"mental-health\" tag we created earlier. When we filter for the tag, our feed will refresh\n  and show only the pages\u002Fhighlights where we used that tag. This makes it really easy to find the information again.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights Dashboard\"\n    loading=\"lazy\"\n    width=\"1842\"\n    height=\"1080\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp            1842w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n    \u003Cspan style=\"white-space: pre-wrap\">Dashboard\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  You can see that there are two highlights with the corresponding \n  \u003Cstrong>\u003Cem>\"mental-health\"\u003C\u002Fem>\u003C\u002Fstrong>\n   tag.\n\u003C\u002Fp>\n\u003Ch4 id=\"advanced-filters-with-and-or-logic\">Advanced Filters with AND \u002F OR Logic\u003C\u002Fh4>\n\u003Cp>\n  Tags are great, but sometimes you need to combine multiple criteria to narrow down your research. That's where \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fweb-app-grid-and-filters\">advanced filters\u003C\u002Fa>\n   come in.\n\u003C\u002Fp>\n\u003Cp>\n  In the web app, you can open the \n  \u003Cstrong>filter bar\u003C\u002Fstrong>\n   and add criteria like tag, website, author, color, date range, and more. What makes it really powerful is the\n  ability to combine filters using \n  \u003Cstrong>AND\u003C\u002Fstrong>\n   or \n  \u003Cstrong>OR\u003C\u002Fstrong>\n   logic:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Cstrong>AND\u003C\u002Fstrong>\n     — an item must match \n    \u003Cem>all\u003C\u002Fem>\n     active filters (narrows results)\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>OR\u003C\u002Fstrong>\n     — an item can match \n    \u003Cem>any\u003C\u002Fem>\n     of the active filters (broadens results)\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  For example, I often filter for two tags at once using AND logic to find exactly the intersection I need. You can also\n  use the \n  \u003Cstrong>quick-filter syntax\u003C\u002Fstrong>\n   directly in the search input — just type something like \n  \u003Ccode>tag:mental-health\u003C\u002Fcode>\n   and hit enter. It's a huge time-saver.\n\u003C\u002Fp>\n\u003Cp>\n  On top of that, \n  \u003Cstrong>custom visible fields\u003C\u002Fstrong>\n   let you control which metadata columns appear in the grid — so you can focus on titles and dates or show more\n  detail depending on what you need.\n\u003C\u002Fp>\n\u003Ch4 id=\"page-filter\">Page Filter\u003C\u002Fh4>\n\u003Cp>\n  In addition, we can also filter for specific pages. If you navigate to \"Websites\" in the left sidebar, you can find an\n  overview of all websites you have highlighted in the past:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp\"\n    class=\"kg-image\"\n    alt=\"Overview of highlighted websites\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1007\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp            2264w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Overview of highlighted websites\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Now, for example, I can select \"medium.com,\" and it will display all the pages I've annotated or bookmarked before.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp\"\n    class=\"kg-image\"\n    alt=\"Highlighted pages on medium.com\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1057\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp            2296w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlighted pages on medium.com\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch4 id=\"search-filter\">Search Filter\u003C\u002Fh4>\n\u003Cp>The powerful full-text search is the easiest way to quickly find the information you are looking for.\u003C\u002Fp>\n\u003Cp>\n  Click \"Search\" in the left sidebar of the web app (or use the search inside the extension sidebar) and start typing.\n  The search view shows \n  \u003Cstrong>all entity types at once\u003C\u002Fstrong>\n   — pages, highlights, tags, websites, authors, colors, images, AI summaries, and AI chats — so you get a complete\n  picture of everything that matches your query.\n\u003C\u002Fp>\n\u003Cp>\n  For example, here are all results that contain the term \n  \u003Cstrong>\"habit\":\u003C\u002Fstrong>\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg alt=\"Web Highlights dashboard filtered by the search term habit\"\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp\"\n    class=\"kg-image\"\n    alt='Dashboard with active search key \"Habit\"'\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"739\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Dashboard with active search key \"Habit\"\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  From here, you can narrow down the results by adding \n  \u003Cstrong>entity type filters\u003C\u002Fstrong>\n  . Use the arrow keys to navigate the filter dropdown and press Enter to apply — or use the quick-type syntax directly\n  in the search input.\n\u003C\u002Fp>\n\u003Cp>\n  For example, typing \n  \u003Ccode>type:highlights\u003C\u002Fcode>\n   will filter to show only highlights. You can stack multiple filters too, like showing both highlights and pages\n  at the same time.\n\u003C\u002Fp>\n\u003Cp>\n  Each active filter appears as a \n  \u003Cstrong>badge\u003C\u002Fstrong>\n   in the filter bar, so you can see exactly what's applied at a glance. Click the ✕ on any badge to remove that\n  filter — or clear them all to go back to the full results. It's fast, keyboard-friendly, and makes finding specific\n  pieces of research a breeze.\n\u003C\u002Fp>\n\u003Ch3 id=\"saving-bookmarks\">Saving Bookmarks\u003C\u002Fh3>\n\u003Cp>\n  Web Highlights can not only be used for highlighting text. It can also be very practical to \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fsave-bookmarks-with-web-clipper\">save pages as bookmarks\u003C\u002Fa>\n   so that you can either continue highlighting later on or just find the corresponding page again.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp\"\n    class=\"kg-image\"\n    alt=\"Saving Bookmarks\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"657\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Saving Bookmarks\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>You could also right-click on any website without selecting text and choose \"Save page as bookmark\":\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp\"\n    class=\"kg-image\"\n    alt=\"Saving bookmarks with right click\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"896\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Saving bookmarks with right click\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"practical-example-save-page-to-reading-list\">Practical Example: Save Page to Reading List\u003C\u002Fh3>\n\u003Cp>\n  What I often do is save any interesting article I find as a bookmark and add a \"ToRead\" tag to it. Later, I can go\n  back to the web app and filter for all the pages with that tag.\n\u003C\u002Fp>\n\u003Cp>Here's my To-Read list:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp\"\n    class=\"kg-image\"\n    alt=\"My reading list\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"726\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">My reading list\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  You can take it a step further by \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\n    \u003Cstrong>setting a reminder\u003C\u002Fstrong>\n     so you don't forget about the article \n  \u003C\u002Fa>\n  . To do this, just click the clock icon on the highlighted page and choose a date and time.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp\"\n    class=\"kg-image\"\n    alt=\"Setting Email Reminders\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"695\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp            2048w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\n      \u003Cspan style=\"white-space: pre-wrap\">Setting Email Reminders\u003C\u002Fspan>\n    \u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>You'll then receive an email reminding you about that specific article.\u003C\u002Fp>\n\u003Ch2 id=\"reader-mode-saving-documents\">Reader Mode & Saving Documents\u003C\u002Fh2>\n\u003Cp>\n  One feature I use almost daily is \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Freader-mode\">Reader Mode\u003C\u002Fa>\n  . When you find an article you want to save for later — or just read without distractions — you can save it as a\n  document directly from the sidebar. Web Highlights strips away ads, popups, cookie banners, and other clutter, leaving\n  you with a clean, readable version of the page.\n\u003C\u002Fp>\n\u003Cp>\n  You can customize the reading experience too: adjust the font size, line height, article width, and choose between\n  light, dark, sepia, or high-contrast themes. Saved documents are accessible from the \"Documents\" section in the web\n  app, so you can revisit them from any device — even offline.\n\u003C\u002Fp>\n\u003Ch2 id=\"ai-summary-ai-chat\">AI Summary & AI Chat\u003C\u002Fh2>\n\u003Cp>\n  If you're using a browser that supports Chrome's built-in AI, you'll love the \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fai-summary\">AI Summary\u003C\u002Fa>\n   and \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fai-chat\">AI Chat\u003C\u002Fa>\n   features. AI Summary generates a concise overview of your highlights and the page content — all processed\n  locally on your device, so your data never leaves your computer.\n\u003C\u002Fp>\n\u003Cp>\n  AI Chat takes it a step further and lets you have a conversation about the content. You can ask follow-up questions,\n  drill into specific sections, or get explanations of complex topics. I've found this especially useful for longer\n  research papers where I just need the key takeaways.\n\u003C\u002Fp>\n\u003Ch2 id=\"youtube-highlighting\">YouTube Highlighting\u003C\u002Fh2>\n\u003Cp>\n  Here's something I wish I'd had years ago: \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fyoutube-highlighting\">YouTube highlighting\u003C\u002Fa>\n  . Web Highlights can pull the transcript of any YouTube video and let you highlight and annotate it just like a\n  regular article. When you click on a highlight, the video jumps to that exact timestamp. It's a game-changer if you\n  watch a lot of educational content.\n\u003C\u002Fp>\n\u003Ch2 id=\"exporting-highlights\">Exporting Highlights\u003C\u002Fh2>\n\u003Cp>\n  After you have made some marks for your research, you may want to export them to other tools such as \n  \u003Cstrong>Notion\u003C\u002Fstrong>\n   or \n  \u003Cstrong>Obsidian\u003C\u002Fstrong>\n   .\n\u003C\u002Fp>\n\u003Cp>\n  For this purpose, Web Highlights offers different export functionalities. This feature allows you to synchronize your\n  notes with your favorite research tools easily.\n\u003C\u002Fp>\n\u003Cp>Here are the different export options to choose from:\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>Copy to Markdown\u003C\u002Fli>\n  \u003Cli>Copy to HTML\u003C\u002Fli>\n  \u003Cli>Export to PDF file\u003C\u002Fli>\n  \u003Cli>Export to HTML file\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintegrations\u002Fcapacities-export\">Export to Capacities\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintegrations\u002Fnotion-export\">Export to Notion\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-in-obsidian-and-maximize-your-note-taking-experience\u002F\">\n      Export to Obsidian\n    \u003C\u002Fa>\n     (via Markdown)\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  You can access all these options by clicking the three-dots icon on a highlighted page. Here's an example of how to\n  export your research to Markdown and import it into a PKM tool like Notion:\n\u003C\u002Fp>\n\u003Ch3 id=\"example-copy-markdown\">Example: Copy Markdown\u003C\u002Fh3>\n\u003Cp>\n  Just go to the Web App and click on \n  \u003Cstrong>\u003Cem>\"Copy Markdown\"\u003C\u002Fem>\u003C\u002Fstrong>\n   of a marked page to copy all markups of the page including the metadata.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp\"\n    class=\"kg-image\"\n    alt=\"Copy Markdown\"\n    loading=\"lazy\"\n    width=\"1904\"\n    height=\"972\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp            1904w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Copy Markdown\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>Once you copied your markdown, you can just paste it to, e.g., Notion, and it will look like this:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp\"\n    class=\"kg-image\"\n    alt=\"Screenshot Notion\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1238\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp            2272w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Screenshot Notion\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\" rel=\"noopener\">Web Highlights\u003C\u002Fa>\n  transfers all information about the page including the image, title, tags, highlights, and notes.\n\u003C\u002Fp>\n\u003Ch2 id=\"remember-what-you-read\">Remember What You Read\u003C\u002Fh2>\n\u003Cp>\n  Let's be honest — how much of what you read online do you actually remember a week later? Research shows we forget up\n  to 80% of new information within days if we don't review it. That's exactly why I built \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fspaced-repetition-learning\">spaced repetition learning\u003C\u002Fa>\n   into Web Highlights.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp\"\n    class=\"kg-image\"\n    alt=\"Spaced Repetition Dashboard in Web Highlights\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"675\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Spaced Repetition Dashboard in Web Highlights\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  The idea is simple: your highlights are turned into flashcards, and Web Highlights reminds you to review them at\n  scientifically optimized intervals. Under the hood, it uses the \n  \u003Cstrong>SuperMemo (SM-2) algorithm\u003C\u002Fstrong>\n   — the same approach used by popular tools like Anki. Items you know well get pushed further out; items you\n  struggle with come back sooner.\n\u003C\u002Fp>\n\u003Cp>\n  I've written a deep dive on this topic if you're curious: \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fspaced-repetition-how-to-make-your-readings-stick-in-long-term-memory\u002F\">\n    Spaced Repetition — How to Make Your Readings Stick in Long-Term Memory \n  \u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Ch2 id=\"final-thoughts\">Final Thoughts\u003C\u002Fh2>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\" rel=\"noopener\">Web Highlights\u003C\u002Fa>\n   makes organizing your research more efficient. By highlighting text and adding tags, you can easily find any\n  piece of information you come across online. Taking notes helps keep your thoughts organized, and the export feature\n  ensures your work syncs with your favorite tools like Notion, Obsidian, and Capacities.\n\u003C\u002Fp>\n\u003Cp>\n  With features like \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fweb-app-grid-and-filters\">advanced filters using AND\u002FOR logic\u003C\u002Fa>\n  , \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Freader-mode\">distraction-free reader mode\u003C\u002Fa>\n  , \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fai-summary\">AI-powered summaries\u003C\u002Fa>\n  , \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fyoutube-highlighting\">YouTube transcript highlighting\u003C\u002Fa>\n  , and \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fspaced-repetition-learning\">spaced repetition learning\u003C\u002Fa>\n  , Web Highlights has evolved far beyond a simple highlighter — it's become a complete knowledge management companion\n  for anyone doing serious research online.\n\u003C\u002Fp>\n\u003Cp>\n  If you want to learn more, check out the full \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fintroduction\u002Fgetting-started\">documentation\u003C\u002Fa>\n   or explore more \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fuse-cases\">use cases\u003C\u002Fa>\n\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cp>\n  Get in touch with me via\n  \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\" rel=\"me\">LinkedIn\u003C\u002Fa>\n  or follow me on\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"me\">Twitter\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003C!--kg-card-end: html-->\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",2684,[48,78,94],{"id":49,"slug":50,"title":51,"description":52,"url":53,"publishedAt":54,"createdAt":55,"updatedAt":54,"featured":56,"readingTime":57,"tags":58,"imageUrl":59,"imageAlt":60,"faviconUrl":61,"publishedAtString":54,"category":62,"readTimeString":77},"6a44e3e8909b7209ced49a7e","free-online-pdf-highlighter-highlight-any-pdf-no-install","Free Online PDF Highlighter — Highlight Any PDF, No Install","You can't highlight a PDF in Chrome. You can open one and read it, sure. But try to mark a sentence, and there's nothing there to do it with.\n\nI built a PDF highlighter tool, so I hear about this one a lot. My usual answer was: install my browser extension, or install something like Acrobat. Fine advice — unless you've got a single PDF to mark up and no interest in installing anything for it.\n\nSo I built a version that skips all that. It's a web page: open it, drop in a PDF, and highlight away. ","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ffree-online-pdf-highlighter-highlight-any-pdf-no-install\u002F","2026-07-01T10:01:26.000+00:00","2026-07-01T09:54:48.000+00:00",false,5,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fpdf-upload-thumbnail.png","Free Online PDF Highlighter that works without installing any software right in your browser","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[63,70],{"type":64,"title":65,"shortTitle":66,"icon":67,"description":68,"excerpt":69},"highlighting","Highlight Websites & PDFs in Chrome","Highlighting","mark-icon","From PDF highlighters to Chrome extensions—see how Web Highlights makes highlighting fast, colorful, and organized across the sites you read every day.","Highlighting should feel as natural as a physical marker, but with superpowers: multi-color marks, notes, tags, and sync. Web Highlights is built for both web pages and PDFs, so you can keep one workflow instead of juggling separate “PDF only” or “website only” tools.",{"type":71,"title":72,"shortTitle":73,"icon":74,"description":75,"excerpt":76},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.","5 min read",{"id":79,"slug":80,"title":81,"description":82,"url":83,"publishedAt":84,"createdAt":85,"updatedAt":86,"featured":56,"readingTime":87,"tags":88,"imageUrl":89,"imageAlt":81,"faviconUrl":61,"publishedAtString":84,"category":90,"readTimeString":93},"69247fac2ed30b09fb978171","best-adobe-pdf-alternatives","10 Best Adobe PDF Alternatives","Looking for a lightweight Adobe PDF alternative? Compare the best tools for reading, annotating, editing, and summarizing PDF files in your browser.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-adobe-pdf-alternatives\u002F","2025-12-01T07:21:55.000+00:00","2025-11-24T15:54:20.000+00:00","2026-06-11T12:33:47.000+00:00",11,[],"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1649734926700-8dfb770ffaee?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDJ8fGFkb2JlfGVufDB8fHx8MTc2NDU3MzYwM3ww&ixlib=rb-4.1.0&q=80&w=2000",[91,92],{"type":64,"title":65,"shortTitle":66,"icon":67,"description":68,"excerpt":69},{"type":71,"title":72,"shortTitle":73,"icon":74,"description":75,"excerpt":76},"11 min read",{"id":95,"slug":96,"title":97,"description":98,"url":99,"publishedAt":100,"createdAt":101,"updatedAt":102,"featured":56,"readingTime":103,"tags":104,"imageUrl":105,"imageAlt":106,"faviconUrl":61,"publishedAtString":100,"category":107,"readTimeString":116},"68aef936fe649d2cf780027d","how-to-highlight-in-obsidian-and-maximize-your-note-taking-experience","How to Highlight in Obsidian (and Maximize Your Note-Taking Experience)","Learn how to highlight in Obsidian using Markdown and Web Highlights. Add colors, tags, notes, and one-click export for faster, cleaner notes.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-in-obsidian-and-maximize-your-note-taking-experience\u002F","2025-09-01T12:42:09.000+00:00","2025-08-27T12:25:26.000+00:00","2026-04-09T12:54:14.000+00:00",9,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2025\u002F09\u002Fhow-to-highlight-in-obsidian.webp","Person sitting at a desk using a tablet and laptop, with highlighted notes on the tablet screen.",[108,115],{"type":109,"title":110,"shortTitle":111,"icon":112,"description":113,"excerpt":114},"second-brain","Second Brain & PARA with Web Highlights","Second brain","brain","Build a second brain from what you read online. Connect PARA, progressive summarization, and exports into Notion or Obsidian with Web Highlights.","Your second brain is only as good as what flows into it. Web Highlights captures highlights and notes from the open web and PDFs in a format you can export and refine—so ideas from articles become durable notes instead of forgotten tabs.",{"type":64,"title":65,"shortTitle":66,"icon":67,"description":68,"excerpt":69},"9 min read"]