[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-article-how-to-highlight-images":3},{"meta":4,"html":36,"authorName":37,"authorFacebookUrl":38,"authorProfileImage":39,"authorWebsite":40,"authorJobTitle":41,"authorTwitterUrl":42,"wordCount":43,"recommended":44},{"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":35,"recommendedSlugs":10},"65f1a0ade00bcb071a2ceb78","how-to-highlight-images","post","How to Highlight Images with Web Highlights","Discover the power of image highlighting with Web Highlights! Easily save images alongside text, bookmarks, and notes. Upgrade now to highlight images!",null,{"url":12,"alt":13,"caption":14,"width":15,"height":16},"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","Hand holding a Canon DSLR camera up against a bright sunlit sky","\u003Cspan style=\"white-space: pre-wrap;\">Photo by \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F@christianw?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Christian Wiediger\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,1333,"2024-03-13T13:25:12.000+00:00","2024-03-13T12:48:44.000+00:00","2026-04-09T12:53:14.000+00:00",false,2,[23,26,29,32],{"name":24,"slug":25},"FAQ, Tutorials, and Help","faq",{"name":27,"slug":28},"Web Highlights","web-highlights",{"name":30,"slug":31},"News","news",{"name":33,"slug":34},"Tutorial","tutorial","marius-bongarts","\u003Cp>\n  From now on, with Web Highlights you can not only\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 text\n  \u003C\u002Fa>\n  and create bookmarks. Highlight images easily, save them to your sidebar, and find them easily in the\n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app\u003C\u002Fa>\n  .\n\u003C\u002Fp>\n\u003Cblockquote>\n  ℹ️ All users with an active \n  \u003Cstrong>Ultimate\u003C\u002Fstrong>\n   subscription can enjoy highlighting images. \n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002Fpricing\" rel=\"noreferrer\">Upgrade now\u003C\u002Fa>\n   to start highlighting images.\n\u003C\u002Fblockquote>\n\u003Cp>\n  Please note that currently, highlighting images in \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fhighlight-pdfs\">PDF\u003C\u002Fa>\n   files isn't supported. However, highlighting images on the web is straightforward. Here's how to do it:\n\u003C\u002Fp>\n\u003Ch2 id=\"1-right-click-any-image-%F0%9F%96%B1%EF%B8%8F\">1. Right-click any image 🖱️\u003C\u002Fh2>\n\u003Cp>\n  If you're using Web Highlights version 9.2.0 or higher, simply choose any image on the web, and you should see a new\n  option in the context menu labeled \"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.webp\"\n    class=\"kg-image\"\n    alt=\"Right-click images to highlight them\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1217\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage.webp            2022w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Right-click images to highlight them\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Once you have saved an image you can see a dot indicator in the top-left corner of the image. You can click this\n  indicator to add \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Fnotes\">notes\u003C\u002Fa>\n   and \n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Ffeatures\u002Ftags-and-organization\">tags\u003C\u002Fa>\n   to your images or to delete the image again.\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-1.webp\"\n    class=\"kg-image\"\n    alt=\"Indicator to edit your highlighted images\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1185\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-1.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-1.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-1.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-1.webp            2066w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Indicator to edit your highlighted images\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch2 id=\"2-find-your-images-in-the-sidebar\">2. Find your images in the sidebar\u003C\u002Fh2>\n\u003Cp>Once you have highlighted images, you can find the images in your sidebar:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-2.webp\"\n    class=\"kg-image\"\n    alt=\"Highlighted images will appear in your sidebar\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1122\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-2.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-2.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-2.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-2.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Highlighted images will appear in your sidebar\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Just like highlighting text, everything else should work in the same way: Click on the highlight to jump to that spot\n  on the page. You can also attach notes to your images to jot down your thoughts, or create tags to make it easier to\n  find your images later.\n\u003C\u002Fp>\n\u003Ch2 id=\"3-find-your-images-in-the-web-app\">3. Find your images in the web app\u003C\u002Fh2>\n\u003Cp>\n  After you've marked various pictures, you can quickly locate them all by going to\n  \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">the app\u003C\u002Fa>\n  and selecting the image view in the app's sidebar.\n\u003C\u002Fp>\n\u003Cp>Your images will be neatly grouped and simple to retrieve:\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-4.webp\"\n    class=\"kg-image\"\n    alt=\"Find all your highlights in the web app\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1011\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-4.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-4.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-4.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F03\u002Fimage-4.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Find all your highlights in the web app\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Simply click on any image to view it within its original context. You can then\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-kindle-highlights-and-notes-to-notion\u002F\">\n    export your highlight\n  \u003C\u002Fa>\n  s, including the images, using Markdown, PDF, or HTML formats, allowing you to use your research in various locations\n  and services.\n\u003C\u002Fp>\n\u003Ch2 id=\"final-thoughts\">Final Thoughts\u003C\u002Fh2>\n\u003Cp>\n  I believe highlighting images will make Web Highlights much more powerful and enjoyable. I hope you like it as much as\n  I do.\n\u003C\u002Fp>\n\u003Cp>\n  I am always happy to answer questions and am open to criticism and feedback. Feel free to contact me at any time! Get\n  in touch with me via\n  \u003Cstrong> \u003C\u002Fstrong>\n  \u003Ca\n    href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\"\n    rel=\"noopener ugc nofollow noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener noopener\"\n  >\n    \u003Cstrong>LinkedIn\u003C\u002Fstrong>\n  \u003C\u002Fa>\n  \u003Cstrong>, \u003C\u002Fstrong>\n  follow me on\n  \u003Cstrong> \u003C\u002Fstrong>\n  \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"noopener\">\u003Cstrong>Twitter\u003C\u002Fstrong>\u003C\u002Fa>\n  , \n  \u003Ca href=\"https:\u002F\u002Fmedium.com\u002Fsubscribe\u002F@mariusbongarts\" rel=\"noopener\">\u003Cstrong>subscribe\u003C\u002Fstrong>\u003C\u002Fa>\n   to get my stories via email, or follow my posts on \n  \u003Ca href=\"https:\u002F\u002Fmedium.com\u002F@mariusbongarts\" rel=\"noopener\">\u003Cstrong>Medium.com\u003C\u002Fstrong>\u003C\u002Fa>\n  .\n\u003C\u002Fp>\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",399,[45,74,90],{"id":46,"slug":47,"title":48,"description":49,"url":50,"publishedAt":51,"createdAt":52,"updatedAt":51,"featured":20,"readingTime":53,"tags":54,"imageUrl":55,"imageAlt":56,"faviconUrl":57,"publishedAtString":51,"category":58,"readTimeString":73},"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",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",[59,66],{"type":60,"title":61,"shortTitle":62,"icon":63,"description":64,"excerpt":65},"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":67,"title":68,"shortTitle":69,"icon":70,"description":71,"excerpt":72},"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":75,"slug":76,"title":77,"description":78,"url":79,"publishedAt":80,"createdAt":81,"updatedAt":82,"featured":20,"readingTime":83,"tags":84,"imageUrl":85,"imageAlt":77,"faviconUrl":57,"publishedAtString":80,"category":86,"readTimeString":89},"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",[87,88],{"type":60,"title":61,"shortTitle":62,"icon":63,"description":64,"excerpt":65},{"type":67,"title":68,"shortTitle":69,"icon":70,"description":71,"excerpt":72},"11 min read",{"id":91,"slug":92,"title":93,"description":94,"url":95,"publishedAt":96,"createdAt":97,"updatedAt":98,"featured":20,"readingTime":99,"tags":100,"imageUrl":101,"imageAlt":102,"faviconUrl":57,"publishedAtString":96,"category":103,"readTimeString":112},"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.",[104,111],{"type":105,"title":106,"shortTitle":107,"icon":108,"description":109,"excerpt":110},"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":60,"title":61,"shortTitle":62,"icon":63,"description":64,"excerpt":65},"9 min read"]