[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-article-welcome":3},{"meta":4,"html":33,"authorName":34,"authorFacebookUrl":35,"authorProfileImage":36,"authorWebsite":37,"authorJobTitle":38,"authorTwitterUrl":39,"wordCount":40,"recommended":41},{"id":5,"slug":6,"type":7,"title":8,"excerpt":9,"metaTitle":10,"metaDescription":11,"canonicalUrl":10,"featureImage":12,"publishedAt":17,"createdAt":18,"updatedAt":19,"featured":20,"readingTime":21,"tags":22,"author":32,"recommendedSlugs":10},"637b9d35d067a806341c6898","welcome","post","Welcome To Web Highlights","Hey, I’m Marius 👋 I created this Chrome highlighter to help me better organize my online research. In this article, I want to make sure you get off to a great start – I hope you end up loving the app as much as I do ♥️",null,"Hey, I’m Marius 👋 In this article, I want to make sure you get off to a great start – I hope you end up loving the app as much as I do ♥️",{"url":13,"alt":14,"caption":10,"width":15,"height":16},"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fwelcome-wallpaper.jpeg","\"Welcome\" - PDF & Web Highlighter Chrome Extension",2000,1125,"2022-11-25T15:59:05.000+00:00","2022-11-21T15:45:57.000+00:00","2025-03-25T10:10:53.000+00:00",false,10,[23,26,29],{"name":24,"slug":25},"Web Highlights","web-highlights",{"name":27,"slug":28},"FAQ, Tutorials, and Help","faq",{"name":30,"slug":31},"Tutorial","tutorial","marius-bongarts","\u003Cp>\n  I'm sharing my journey of building this tool on\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\">Twitter\u003C\u002Fa>\n  and\n  \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\">LinkedIn\u003C\u002Fa>\n  . I would be happy to connect 🙂 Or you can just email me at\n  \u003Ca href=\"mailto:hallo@marius-bongarts.de\">hallo@marius-bongarts.de\u003C\u002Fa>\n  ✉️.\n\u003C\u002Fp>\n\u003Cp>Feel free to reach out with any questions—no app is perfect, and I’m open to feedback. I’ll make sure to respond!\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fabout\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">About Me | Creating Web Highlights | My Story & Mission\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Hi, I’m Marius, the creator of Web Highlights. Learn how I build this tool since 2019, my mission to organize\n        digital info, and why I stand behind every feature.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">About Me | Creating Web Highlights | My Story & Mission\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg src=\"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fabout-me.png\" alt=\"\" onerror=\"this.style.display = 'none'\" \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cp>Now, let's get started 🚀\u003C\u002Fp>\n\u003Ch2 id=\"1-pin-web-highlights-extension-%F0%9F%93%8C\">\u003Cstrong>1. Pin Web Highlights Extension 📌\u003C\u002Fstrong>\u003C\u002Fh2>\n\u003Cp>\n  To start off, make sure to pin Web Highlights so you can easily access it whenever you need. Just click on the\n  extension icon in the\n  \u003Cstrong>top right corner\u003C\u002Fstrong>\n  and choose \"\n  \u003Cstrong>Pin\u003C\u002Fstrong>\n  \" for Web Highlights.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-36.webp\"\n    class=\"kg-image\"\n    alt=\"Pin the Web Highlights extension\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"663\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-36.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-36.webp            2310w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Pin the Web Highlights extension\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch2 id=\"2-enjoy-all-features-%F0%9F%94%A5\">\u003Cstrong>2. Enjoy all features 🔥\u003C\u002Fstrong>\u003C\u002Fh2>\n\u003Cp>\n  Most of Web Highlights is\n  \u003Cstrong>free.\u003C\u002Fstrong>\n  It\n  \u003Cstrong>\u003C\u002Fstrong>\n  can even be used without signing up. The\n  \u003Cstrong>offline\u003C\u002Fstrong>\n  features are always available for free,\n  \u003Cstrong>\u003C\u002Fstrong>\n  and they are\n  \u003Cstrong>ad-free\u003C\u002Fstrong>\n  .\n\u003C\u002Fp>\n\u003Cblockquote>\n  💡 Tip: If you mainly installed Web Highlights\n  \u003Cstrong>to highlight PDFs\u003C\u002Fstrong>\n  ,\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-pdfs-using-web-highlights\u002F\">check out this guide\u003C\u002Fa>\n  to help you get started.\n\u003C\u002Fblockquote>\n\u003Cp>\n  The\n  \u003Cstrong>free version\u003C\u002Fstrong>\n  includes the following features:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet\u002F\">\n      Highlight websites\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-pdfs-using-web-highlights\u002F\">\n      Highlight both online and local PDFs files in your browser\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    Unlimited\n    \u003Cstrong>offline\u003C\u002Fstrong>\n    highlights 🎨\n  \u003C\u002Fli>\n  \u003Cli>\n    Unlimited\n    \u003Cstrong>offline\u003C\u002Fstrong>\n    bookmarks 🔖\n  \u003C\u002Fli>\n  \u003Cli>\n    Unlimited\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhighlight-the-web-with-the-colors-of-your-beloved-stabilo-highlighters\u002F\">\n      colors\n    \u003C\u002Fa>\n    🎨\n  \u003C\u002Fli>\n  \u003Cli>Unlimited note-taking ✍️\u003C\u002Fli>\n  \u003Cli>Unlimited tags 🏷️\u003C\u002Fli>\n  \u003Cli>Backup your research 💾\u003C\u002Fli>\n  \u003Cli>\n    Export to\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-notion-with-web-highlights\u002F\">Notion\u003C\u002Fa>\n    ,\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-obsidian-with-web-highlights\u002F\">Obsidian\u003C\u002Fa>\n    , and more 📄\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca\n      href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsupercharge-your-learning-convert-kindle-highlights-into-instant-study-flashcards\u002F\"\n    >\n      Learning recap\n    \u003C\u002Fa>\n    (10 per day) 🧠\n  \u003C\u002Fli>\n  \u003Cli>\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    📚\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fexplore\">Explore\u003C\u002Fa>\n    what others shared 👥\n  \u003C\u002Fli>\n  \u003Cli>Powerful full-text search 🔍\u003C\u002Fli>\n  \u003Cli>Keyboard shortcuts for highest efficiency ⚡\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  To fully enjoy the benefits of Web Highlights, including accessing your highlights and bookmarks from anywhere you'll\n  need to\n  \u003Cstrong>create an account\u003C\u002Fstrong>\n  .\n\u003C\u002Fp>\n\u003Cp>\n  During a\n  \u003Cstrong>7-day trial\u003C\u002Fstrong>\n  , you can explore all the features including:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    Automatic cloud-sync to\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\">Web App\u003C\u002Fa>\n    🔄\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">\n      Highlight\n      \u003Cstrong>images\u003C\u002Fstrong>\n    \u003C\u002Fa>\n    📷\n  \u003C\u002Fli>\n  \u003Cli>\n    Unlimited\n    \u003Cstrong>cloud\u003C\u002Fstrong>\n    highlights 🔄\n  \u003C\u002Fli>\n  \u003Cli>\n    Unlimited\n    \u003Cstrong>cloud\u003C\u002Fstrong>\n    bookmarks 🔄\n  \u003C\u002Fli>\n  \u003Cli>Access highlights from anywhere 📱\u003C\u002Fli>\n  \u003Cli>Export to PDF & HTML files 📁\u003C\u002Fli>\n  \u003Cli>\n    \u003Ca\n      href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsupercharge-your-learning-convert-kindle-highlights-into-instant-study-flashcards\u002F\"\n    >\n      Learning recap\n    \u003C\u002Fa>\n    (Unlimited) 🧠\n  \u003C\u002Fli>\n  \u003Cli>\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    ⏰\n  \u003C\u002Fli>\n  \u003Cli>Share your highlights with others 🔗\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  Once the trial is up, the app will only offer its free offline features. If you want to keep syncing your highlights\n  and access all the cool stuff, you can\n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002Fpricing\">upgrade to the Premium or Ultimate version\u003C\u002Fa>\n  of the extension.\n\u003C\u002Fp>\n\u003Cp>\n  By upgrading to a paid plan, you will also support me in further making the app better for you 🙏🏻. You can\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fpricing\">find the current pricing here\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">How to Highlight Images with Web Highlights\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Discover the power of image highlighting with Web Highlights! Easily save images alongside text, bookmarks, and\n        notes. Upgrade now to highlight images!\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1554048612-b6a482bc67e5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDR8fHBob3RvZ3JhcGh5fGVufDB8fHx8MTcxMDMzNDM3OXww&ixlib=rb-4.0.3&q=80&w=2000\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Ch2 id=\"3-create-an-account-%F0%9F%91%A5\">3. Create an Account 👥\u003C\u002Fh2>\n\u003Cp>\n  Although you can start without an account, I recommend creating one to enjoy and test all the great features my tool\n  offers.\n\u003C\u002Fp>\n\u003Cp>\n  To sign up, you can open the sidebar by clicking the extension icon, and a sidebar will appear. You can also use the\n  keyboard shortcut (Mac:\n  \u003Cstrong>\u003Cem>⌥ + W\u003C\u002Fem>\u003C\u002Fstrong>\n  , Windows:\n  \u003Cstrong>\u003Cem>ALT + W\u003C\u002Fem>\u003C\u002Fstrong>\n  ).\n\u003C\u002Fp>\n\u003Cp>\n  Afterward, you can click on the \"Cloud\"-icon in the top right corner of the sidebar. This icon indicates whether your\n  changes are successfully synchronized to the web app.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-22.webp\"\n    class=\"kg-image\"\n    alt=\"Click the Cloud-Sync icon to create an account\"\n    loading=\"lazy\"\n    width=\"930\"\n    height=\"432\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-22.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-22.webp           930w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Click the Cloud-Sync icon to create an account\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Alternatively, you can click the \"Settings\" icon in the bottom right corner and click \"Sign In\" in the popup.\n  Furthermore, you can go to\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fauth\">web-highlights.com\u002Fauth\u003C\u002Fa>\n  to create an account or to sign in.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-23.webp\"\n    class=\"kg-image\"\n    alt=\"Synchronize your Highlights by creating an account\"\n    loading=\"lazy\"\n    width=\"722\"\n    height=\"190\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-23.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-23.webp           722w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Synchronize your Highlights by creating an account\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Now you should see a login modal, which you can use to sign up. You can sign up using your email address or Google\n  Sign in.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-6.webp\"\n    class=\"kg-image\"\n    alt=\"Create an account\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1012\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-6.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-6.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-6.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-6.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Create an account\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  ℹ️\n  \u003Cem>\n    Google Sign-In might not function properly if\n    \u003Cstrong>AdBlockers\u003C\u002Fstrong>\n    are active, causing the \"\n    \u003Cstrong>Sign up with Google\u003C\u002Fstrong>\n    \" button to have no effect. If you encounter this issue, consider temporarily disabling your adblockers. If the\n    problem persists, utilize the email\u002Fpassword login or reach out to me for assistance, and I'll do my best to help\n    you.\n  \u003C\u002Fem>\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card kg-card-hascaption\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fthe-new-web-highlights\u002F\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">🔥 The New Web Highlights 🚀\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Discover Web Highlights’ new features: sidebar images, light\u002Fdark modes, editable titles, organized\n        history\u002Ftags, and popovers. Share your feedback! 🚀\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002FScreenshot-2023-12-15-at-15.07.32.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n  \u003Cfigcaption>\n    \u003Cp>\u003Cspan style=\"white-space: pre-wrap\">New Web Highlights\u003C\u002Fspan>\u003C\u002Fp>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch2 id=\"4-start-highlighting-%F0%9F%9A%80\">4. Start Highlighting 🚀\u003C\u002Fh2>\n\u003Cp>Finally, you're ready to highlight 🎉\u003C\u002Fp>\n\u003Cp>Select some text and create a highlight by either:\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    clicking the\n    \u003Cstrong>highlighter popup\u003C\u002Fstrong>\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>right-clicking\u003C\u002Fstrong>\n    the selected text\n  \u003C\u002Fli>\n  \u003Cli>\n    using a\n    \u003Cstrong>keyboard shortcut\u003C\u002Fstrong>\n    (Mac:\n    \u003Cstrong>\u003Cem>⌥ + S\u003C\u002Fem>\u003C\u002Fstrong>\n    , Windows:\n    \u003Cstrong>\u003Cem>ALT + S\u003C\u002Fem>\u003C\u002Fstrong>\n    )\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch3 id=\"highlight-using-the-popup\">Highlight using the Popup\u003C\u002Fh3>\n\u003Cp>\n  The most obvious way of highlighting text is using the floating popup, which appears when selecting text. Simply\n  select your desired text with your cursor and click the highlight icon of Web Highlights. You can either click the\n  icon to highlight using the selected default color or choose out of the three most recent colors you used.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-24.webp\"\n    class=\"kg-image\"\n    alt=\"Highlight text using the popup\"\n    loading=\"lazy\"\n    width=\"970\"\n    height=\"428\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-24.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-24.webp           970w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlight text using the popup\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>To change the default color, you can hover over one of the given colors and select the star icon:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-25.webp\"\n    class=\"kg-image\"\n    alt=\"Change default color\"\n    loading=\"lazy\"\n    width=\"726\"\n    height=\"288\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-25.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-25.webp           726w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Change default color\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  If you don’t like the popup or the sidebar widget or find it annoying, you can disable it at any time in the settings.\n  The same applies to the sidebar widget on the left side of the screen. Simply go to the settings (Mac:\n  \u003Cstrong>\u003Cem>⌥ + Comma\u003C\u002Fem>\u003C\u002Fstrong>\n  , Windows:\n  \u003Cstrong>\u003Cem>ALT + Comma\u003C\u002Fem>\u003C\u002Fstrong>\n  ) and disable it:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fdisable-popup.webp\"\n    class=\"kg-image\"\n    alt=\"Disable highlighter popup\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1014\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fdisable-popup.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fdisable-popup.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fdisable-popup.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fdisable-popup.webp            2004w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"highlight-by-right-clicking\">Highlight by Right-Clicking\u003C\u002Fh3>\n\u003Cp>\n  If you prefer to use neither the popup nor shortcuts, then you can still highlight text by right-clicking it. You will\n  see the Web Highlights icon in the dropdown, which you can click to highlight the selected text:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002FScreenshot-2022-11-24-at-19.34.23.webp\"\n    class=\"kg-image\"\n    alt=\"Highlight by right-clicking\"\n    loading=\"lazy\"\n    width=\"1594\"\n    height=\"716\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002FScreenshot-2022-11-24-at-19.34.23.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002FScreenshot-2022-11-24-at-19.34.23.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002FScreenshot-2022-11-24-at-19.34.23.webp            1594w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlight by right-clicking\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  You can also\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">\u003Cstrong>highlight images\u003C\u002Fstrong>\u003C\u002Fa>\n  by right-clicking them. Simply right-click any image and select 'Save image'.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-5.webp\"\n    class=\"kg-image\"\n    alt=\"Highlighting images\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"973\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-5.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-5.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-5.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlighting images\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Cbr \u002F>\n  After you've saved an image, you'll notice a small dot in the top-left corner. Click on this dot to write notes, add\n  tags, or delete the image if needed.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card kg-card-hascaption\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">How to Highlight Images with Web Highlights\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Discover the power of image highlighting with Web Highlights! Easily save images alongside text, bookmarks, and\n        notes. Upgrade now to highlight images!\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1554048612-b6a482bc67e5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wxMTc3M3wwfDF8c2VhcmNofDR8fHBob3RvZ3JhcGh5fGVufDB8fHx8MTcxMDMzNDM3OXww&ixlib=rb-4.0.3&q=80&w=2000\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n  \u003Cfigcaption>\n    \u003Cp>\u003Cspan style=\"white-space: pre-wrap\">Highlight Images with Web Highlights\u003C\u002Fspan>\u003C\u002Fp>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"highlight-using-keyboard-shortcuts\">Highlight using Keyboard Shortcuts\u003C\u002Fh3>\n\u003Cp>\n  The most efficient way of highlighting is using a keyboard shortcut (Mac:\n  \u003Cstrong>\u003Cem>⌥ + S\u003C\u002Fem>\u003C\u002Fstrong>\n  , Windows:\n  \u003Cem>\u003Cstrong>ALT + S\u003C\u002Fstrong>\u003C\u002Fem>\n  ). Notice that you can adjust all keyboard shortcuts by either pasting this link (chrome:\u002F\u002Fextensions\u002Fshortcuts) into\n  the chrome address bar or clicking the three-dots menu in the top-right corner and choosing\n  \u003Cem>\"More Tools\" -> \"Extensions\".\u003C\u002Fem>\n  Then you can choose\n  \u003Cem>\"Keyboard shortcuts\"\u003C\u002Fem>\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002FScreenshot-2022-11-28-at-11.50.58.webp\"\n    class=\"kg-image\"\n    alt=\"Keyboard shortcuts\"\n    loading=\"lazy\"\n    width=\"846\"\n    height=\"368\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002FScreenshot-2022-11-28-at-11.50.58.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002FScreenshot-2022-11-28-at-11.50.58.webp           846w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Keyboard shortcuts\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Afterward, you will see an overview of all Keyboard shortcuts for Web Highlights, which you can adjust to your own\n  needs:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002Fimage-6.webp\"\n    class=\"kg-image\"\n    alt=\"Shortcut overview\"\n    loading=\"lazy\"\n    width=\"1424\"\n    height=\"892\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002Fimage-6.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002Fimage-6.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F11\u002Fimage-6.webp            1424w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Shortcut overview\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Chr \u002F>\n\u003Ch2 id=\"4-find-your-highlights-in-the-app\">4. Find your Highlights in the App\u003C\u002Fh2>\n\u003Cp>\n  Assuming you have created an account and have enabled the\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fpricing\">\n    premium\n    \u003Cstrong>cloud sync\u003C\u002Fstrong>\n    feature\n  \u003C\u002Fa>\n  , your highlights, web pages, notes, and tags will automatically synchronize with the cloud.\n\u003C\u002Fp>\n\u003Cp>\n  You can easily find your research on\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002F\">web-highlights.com\u003C\u002Fa>\n  by logging in to your account.\n\u003C\u002Fp>\n\u003Cp>Here is how the overview of your latest highlights, tags, and notes looks like:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fwebapp-dashboard.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights App Dashboard\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"611\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fwebapp-dashboard.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fwebapp-dashboard.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fwebapp-dashboard.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights App Dashboard\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  By default, it shows the highlighted pages, but if you switch to\n  \u003Cstrong>“Highlights,”\u003C\u002Fstrong>\n  you'll see all your highlights without 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\u002F10\u002Fimage.webp\"\n    class=\"kg-image\"\n    alt=\"Highlights displayed in grid view\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"810\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage.webp            1600w\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\u003Ch2 id=\"5-organize-your-research\">5. Organize your research\u003C\u002Fh2>\n\u003Cp>\n  Web Highlights offers many functionalities for always staying structured on the internet. Here is an introduction to\n  the most important features:\n\u003C\u002Fp>\n\u003Ch3 id=\"create-tags-take-notes\">Create Tags & Take Notes\u003C\u002Fh3>\n\u003Cp>\n  Tags are an essential part of Web Highlights to retrieve highlights and pages related to a specific topic. Let's say\n  you are doing some research on mental health. You can now highlight different websites and provide the tag\n  \u003Cem>\"mental-health\"\u003C\u002Fem>\n  to easily group them later on:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-29.webp\"\n    class=\"kg-image\"\n    alt=\"Create Tags & Take Notes\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"950\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-29.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-29.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-29.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-29.webp            2206w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Create Tags & Take Notes\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>Furthermore, you can easily take notes and see them in the popup toolbox and the left sidebar.\u003C\u002Fp>\n\u003Cp>\n  If you now click on the\n  \u003Cem>\"mental-health\"\u003C\u002Fem>\n  tag, you will see all your other highlights and bookmarks related to this topic.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-30.webp\"\n    class=\"kg-image\"\n    alt=\"Filtering by tag in sidebar\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1263\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-30.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-30.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-30.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-30.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Filtering by tag in sidebar\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Cbr \u002F>\n  Notice that all the highlights displayed include the related mental-health tag.\n\u003C\u002Fp>\n\u003Cp>\n  You can replicate this in the web app to view a summary of all highlights or pages along with their corresponding\n  tags:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-1.webp\"\n    class=\"kg-image\"\n    alt=\"Filter for tags in app\"\n    loading=\"lazy\"\n    width=\"1842\"\n    height=\"1080\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-1.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-1.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-1.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F10\u002Fimage-1.webp            1842w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Filter for tags in app\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"create-bookmarks\">Create Bookmarks\u003C\u002Fh3>\n\u003Cp>\n  Web Highlights can not only be used for highlighting text. It can also be very practical to save pages as bookmarks.\n  To do that, either use the shortcut (Mac:\n  \u003Cstrong>\u003Cem>⌥ + B\u003C\u002Fem>\u003C\u002Fstrong>\n  , Windows:\n  \u003Cstrong>\u003Cem>ALT + B\u003C\u002Fem>\u003C\u002Fstrong>\n  ) or click the bookmark icon in the sidebar:\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-32.webp\"\n    class=\"kg-image\"\n    alt=\"Creating Bookmarks\"\n    loading=\"lazy\"\n    width=\"1772\"\n    height=\"728\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-32.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-32.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-32.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-32.webp            1772w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n\u003C\u002Ffigure>\n\u003Cp>\n  Whenever I find an interesting article, I often save it as a bookmark and add the tag\n  \u003Cstrong>\u003Cem>“Reading List”\u003C\u002Fem>\u003C\u002Fstrong>\n  to it. Afterward, I can quickly go back to my reading list in the web app by filtering for the tag.\n\u003C\u002Fp>\n\u003Ch3 id=\"export-your-research\">Export your Research\u003C\u002Fh3>\n\u003Cp>\n  After you have made some highlights 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  . For this purpose, Web Highlights offers different solutions to synchronize your notes with your favorite research\n  tools:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>Copy to Markdown\u003C\u002Fli>\n  \u003Cli>Copy HTML\u003C\u002Fli>\n  \u003Cli>Export to PDF file\u003C\u002Fli>\n  \u003Cli>Export to HTML file\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Simply click the three dot-menu and choose one of the options:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-33.webp\"\n    class=\"kg-image\"\n    alt=\"Export your Research\"\n    loading=\"lazy\"\n    width=\"1056\"\n    height=\"396\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-33.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-33.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2023\u002F12\u002Fimage-33.webp            1056w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Export your Research\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Afterward, you can synchronize it to a tool of your choice. There are more detailed articles on synchronizing your\n  research to Notion or Obsidian. Check them out:\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-notion-with-web-highlights\u002F\">\n      How to Export Your Research to Notion with Web Highlights\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-obsidian-with-web-highlights\u002F\">\n      How to Export Your Research to Obsidian with Web Highlights\n    \u003C\u002Fa>\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Chr \u002F>\n\u003Ch2 id=\"you-are-all-set-up-%F0%9F%8E%89%F0%9F%8E%8A\">You are all set up 🎉🎊\u003C\u002Fh2>\n\u003Cp>I hope I could help you to get started with Web Highlights. Here are some more articles that might help you:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Guide to Using Web Highlights for Online Text & Notes\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Boost your productivity with Web Highlights. With the pdf & web highlighter, you can highlight on the\n        internet just like you do it in books.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"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\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fplanting-trees-worldwide-with-our-browser-extension\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Planting Trees Worldwide with The Web Highlights Extension\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        My top priority was always to make sure that most features of Web Highlights are free for everyone around the\n        world. I am proud that the free version is already helping over 150,000 users to learn, stay organized, and do\n        research. At the same time, I want to keep\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fstatic.ghost.org\u002Fv5.0.0\u002Fimages\u002Flink-icon.svg\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F12\u002Fkilimanjaro1-min.jpg\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">\n        How I Use Web Highlights to Highlight Text & Take Notes on the Internet\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Boost your productivity with Web Highlights. With the pdf & web highlighter, you can highlight on the\n        internet just like you do it in books.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"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\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fefficient-research-with-web-highlights\u002F\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">Efficient Research with the Web Highlighter Chrome Extension\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Just like you do on books, highlight on any web page or PDF, and take notes. Organize with tags and find your\n        research in the app.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1432888498266-38ffec3eaf0a?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDE2fHxyZXNlYXJjaHxlbnwwfHx8fDE2NTk3MTE2Nzc&ixlib=rb-1.2.1&q=80&w=2000\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca class=\"kg-bookmark-container\" href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-pdfs-using-web-highlights\u002F\">\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">How to Highlight PDFs using Web Highlights\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Highlight text & take notes in PDFs using Web Highlights. The pdf & web highlighter enables you to\n        highlight text on the internet just like you do on books.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1623276527153-fa38c1616b05?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fFBERnxlbnwwfHx8fDE2NjIxMTI5Mzg&ixlib=rb-1.2.1&q=80&w=2000\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-notion-with-web-highlights\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">How to Export Your Research to Notion with Web Highlights\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        A central organized tool helps to structure your research. Export highlights & notes to Notion using the Web\n        Highlights Chrome Extension.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F09\u002FScreenshot-2022-09-13-at-10.31.45.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\n\u003Cfigure class=\"kg-card kg-bookmark-card\">\n  \u003Ca\n    class=\"kg-bookmark-container\"\n    href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-obsidian-with-web-highlights\u002F\"\n  >\n    \u003Cdiv class=\"kg-bookmark-content\">\n      \u003Cdiv class=\"kg-bookmark-title\">How to Export Your Research to Obsidian with Web Highlights\u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-description\">\n        Web Highlights allows us to easily copy all highlights with all necessary metadata and information into, e.g.,\n        Notion or Obsidian.\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"kg-bookmark-metadata\">\n        \u003Cimg class=\"kg-bookmark-icon\" src=\"https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico\" alt=\"\" \u002F>\n        \u003Cspan class=\"kg-bookmark-author\">Web Highlights Blog\u003C\u002Fspan>\n        \u003Cspan class=\"kg-bookmark-publisher\">Marius Bongarts\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"kg-bookmark-thumbnail\">\n      \u003Cimg\n        src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F09\u002FScreenshot-2022-09-22-at-08.16.22.webp\"\n        alt=\"\"\n        onerror=\"this.style.display = 'none'\"\n      \u002F>\n    \u003C\u002Fdiv>\n  \u003C\u002Fa>\n\u003C\u002Ffigure>\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",1912,[42,74,98],{"id":43,"slug":44,"title":45,"description":46,"url":47,"publishedAt":48,"createdAt":49,"updatedAt":48,"featured":20,"readingTime":50,"tags":51,"imageUrl":56,"imageAlt":57,"faviconUrl":58,"publishedAtString":48,"category":59,"readTimeString":73},"4c4f3f6e07b8d087c330193b","best-bookmark-manager-chrome-extensions","Top 12 Chrome Bookmark Manager Extensions: The Great Comparison","Compare the 12 best Chrome bookmark manager extensions. We tested Web Highlights, Raindrop.io, Session Buddy, Toby and more to find the top pick.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-bookmark-manager-chrome-extensions\u002F","2026-07-28T15:00:00.000+00:00","2026-07-28T14:30:00.000+00:00",26,[52,53,54,55],"Chrome Extension","comparison","Productivity","Tools","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fchrome-bookmark-manager-extensions-the-great-comparison.jpg","Top 12 Chrome Bookmark Manager Extensions","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[60,67],{"type":61,"title":62,"shortTitle":63,"icon":64,"description":65,"excerpt":66},"bookmarks","Bookmarks, Clips & Save-for-Later","Bookmarks","bookmark","Organize bookmarks, export from Chrome, and capture pages with less chaos. Web Highlights helps you save smarter than the default bookmark bar.","Exporting and organizing bookmarks is a huge search topic for a reason: browser defaults don’t scale. Web Highlights adds structure—tags, notes, and highlights—so saved pages stay findable, whether you’re migrating from Pocket or just tired of duplicate folders.",{"type":68,"title":69,"shortTitle":54,"icon":70,"description":71,"excerpt":72},"productivity","Browser Productivity & Chrome Extensions","command","Curated extension lists, focus workflows, and tips for getting more from Chrome—always with an eye toward reading, capture, and learning.","Productivity isn’t only task managers. These articles cover the browser layer: extensions that protect focus, comparisons that save you from dead-end tools, and setup tips that keep your reading and capture stack lightweight but powerful.","26 min read",{"id":75,"slug":76,"title":77,"description":78,"url":79,"publishedAt":80,"createdAt":81,"updatedAt":80,"featured":20,"readingTime":82,"tags":83,"imageUrl":87,"imageAlt":88,"faviconUrl":58,"publishedAtString":80,"category":89,"readTimeString":97},"6a61e89d909b7209ced49b2f","top-chrome-language-learning-extensions-the-great-comparison","Top 10 Chrome Extensions For Language Learning: The Great Comparison","Compare the 10 best Chrome language learning extensions — popup dictionaries, AI translators, subtitle tools and flashcard trainers tested, rated and ranked.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ftop-chrome-language-learning-extensions-the-great-comparison\u002F","2026-07-23T12:05:50.000+00:00","2026-07-23T10:10:37.000+00:00",27,[52,84,85,86],"Learning","students","Flashcard Learning","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fchrome-language-learning-extensions-the-great-comparison.jpg","Top 10 Chrome Language Learning Extensions",[90,96],{"type":91,"title":92,"shortTitle":84,"icon":93,"description":94,"excerpt":95},"learning","Retain What You Read with Web Highlights","repeat","Most of what we read is forgotten within days. Web Highlights turns your highlights into spaced repetition flashcards so you can actively review and lock knowledge into long-term memory.","Spaced repetition and active recall beat passive re-reading. Web Highlights connects what you highlight on the web and in PDFs to short review sessions, so quotes and facts resurface when your brain needs them—not only when you remember to open the source again.",{"type":68,"title":69,"shortTitle":54,"icon":70,"description":71,"excerpt":72},"27 min read",{"id":99,"slug":100,"title":101,"description":102,"url":103,"publishedAt":104,"createdAt":105,"updatedAt":106,"featured":20,"readingTime":107,"tags":108,"imageUrl":111,"imageAlt":112,"faviconUrl":58,"publishedAtString":104,"category":113,"readTimeString":121},"6a5e332c909b7209ced49ae1","turn-youtube-videos-into-flashcards-youll-remember","Turn YouTube Videos into Flashcards You’ll Remember","You watched the whole talk and kept almost none of it. Highlight the transcript, let on-device AI write the cards — free, private, no signup.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fturn-youtube-videos-into-flashcards-youll-remember\u002F","2026-07-20T19:00:23.000+00:00","2026-07-20T14:39:40.000+00:00","2026-07-21T06:19:27.000+00:00",5,[109,86,84,110],"Youtube","AI","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fturn-youtube-videos-into-flashcards.webp","Title: Turn YouTube Videos into Flashcards You’ll Remember; Subtitle: You watched the whole talk and kept almost none of it.",[114,115],{"type":91,"title":92,"shortTitle":84,"icon":93,"description":94,"excerpt":95},{"type":116,"title":117,"shortTitle":118,"icon":116,"description":119,"excerpt":120},"youtube","YouTube Notes, Transcripts & AI Summaries","YouTube","Turn videos into notes: transcripts, AI summaries, and highlights. See how Web Highlights fits into a modern YouTube learning stack.","Video is a top learning channel, but it’s hard to revisit. Web Highlights helps you pull the signal out of long videos—structured notes and summaries you can link back to the moment that mattered—without juggling five single-purpose extensions.","5 min read"]