{"id":201420,"date":"2023-05-08T13:00:00","date_gmt":"2023-05-08T12:00:00","guid":{"rendered":"https:\/\/www.markup.io\/?p=201420"},"modified":"2024-03-08T11:36:15","modified_gmt":"2024-03-08T11:36:15","slug":"what-is-image-annotation","status":"publish","type":"post","link":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/","title":{"rendered":"What is image annotation &#038; how does it work? [2024 guide]"},"content":{"rendered":"\n<p>Designers, creative professionals, and agencies come closer.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-annotation-closer.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">GIF Source: <a href=\"https:\/\/giphy.com\/gifs\/luccasneto-luccas-neto-l4EoV9Ce6kHFyYg7K\" target=\"_blank\" rel=\"noreferrer noopener\">Giphy<\/a><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>Aside from Slack, Trello, or emails, do you have a system designed to handle your feedback process?<\/p>\n\n\n\n<p>*<em>Scratches head to think of other options<\/em>*<\/p>\n\n\n\n<p>Reviews are an important part of your workflow, so you want a system that simplifies them.&nbsp;<\/p>\n\n\n\n<p>An option that fits that description is \ud83e\udd41drumroll please\ud83e\udd41 \u2026 an image annotation tool.&nbsp;<\/p>\n\n\n\n<p>If you\u2019re wondering what that is, don\u2019t worry; we\u2019ll tell you all about it in this guide.<\/p>\n\n\n\n<p>So, hang on to your hats, guys; this will be an interesting ride!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Table of contents<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#what-is\">What is image annotation?<\/a><\/li>\n\n\n\n<li><a href=\"#types\">Two types of image annotation<\/a><\/li>\n\n\n\n<li><a href=\"#use-cases\">Image annotation use cases<\/a><\/li>\n\n\n\n<li><a href=\"#process\">How does image annotation work?<\/a><\/li>\n\n\n\n<li><a href=\"#best-practices\">Image annotation best practices<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is\"><strong>What is image annotation?<\/strong><\/h2>\n\n\n\n<p>Image annotation is a process of adding visual notes or comments to digital images for the purpose of proofing. It helps reduce misunderstandings and friction during this process.<\/p>\n\n\n\n<p>Image annotation is a better improvement than getting feedback through <a href=\"https:\/\/www.markup.io\/blog\/asynchronous-communication-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">communication tools<\/a> because it avoids long, confusing threads.<\/p>\n\n\n\n<p>It typically involves:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Getting an invitation to review design elements<\/li>\n\n\n\n<li>Assessing it and pinning your comments to the elements that need edits<\/li>\n\n\n\n<li>Requesting precise revisions&nbsp;<\/li>\n\n\n\n<li>Receiving a high-quality final draft faster<\/li>\n<\/ul>\n\n\n\n<p>Remember this popular cat meme where the teacher was kinda showing the cat what she did wrong?<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"810\" height=\"1080\" src=\"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-31.png\" alt=\"Teacher showing a concerned-looking cat a document.\" class=\"wp-image-201424\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-31.png 810w, https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-31-225x300.png 225w, https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-31-768x1024.png 768w\" sizes=\"auto, (max-width: 810px) 100vw, 810px\" \/><figcaption class=\"wp-element-caption\">Image Source: <a href=\"https:\/\/markv5.tumblr.com\/post\/189609256597\" target=\"_blank\" rel=\"noreferrer noopener\">Tumblr<\/a>&nbsp;<\/figcaption><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Image annotation is a little like that.<\/p>\n\n\n\n<p>But in a digital environment.<\/p>\n\n\n\n<p>Let\u2019s say the cat is a designer, and the teacher is a stakeholder reviewing the designer\u2019s work.&nbsp;<\/p>\n\n\n\n<p>The way the teacher holds up the paper and points to what needs to be fixed is how in-person <a href=\"https:\/\/www.markup.io\/blog\/worst-design-feedback\/\" target=\"_blank\" rel=\"noreferrer noopener\">contextual feedback<\/a> works. Image annotation aims to give creatives the same experience, just in a digital environment.<\/p>\n\n\n\n<p>In addition, annotation helps streamline communication and <a href=\"https:\/\/www.markup.io\/blog\/creative-collaboration\/\" target=\"_blank\" rel=\"noreferrer noopener\">creative collaboration<\/a> between the reviewer and designer, adding clarity and context (and speed!) to reviews.&nbsp;<\/p>\n\n\n\n<p>If the definition of image annotation got confusing for a second, it might\u2019ve been because you read at some point that image annotation is a totally different thing than what we say it is.&nbsp;<\/p>\n\n\n\n<p>Well, that\u2019s because there are two types of image annotation. We&#8217;ll explain how they differ now.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"types\"><strong>Two types of image annotation<\/strong><\/h2>\n\n\n\n<p>In addition to its primary definition, image annotation can also be used to define a more complex process.<\/p>\n\n\n\n<p>Let\u2019s explore these two image annotation types to understand which does what.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Automatic image annotation for computer vision<\/strong><\/h3>\n\n\n\n<p>Artificial intelligence (AI) is becoming an important part of our daily lives. People who leverage this technology use it to simplify their daily tasks and reduce repetitive work.&nbsp;<\/p>\n\n\n\n<p>Take AI-powered virtual assistants like Amazon\u2019s Alexa or Apple\u2019s Siri. They\u2019re like an all-knowing personal assistant that can help you schedule meetings, book calls, organize your calendar, and do a whole lot more.&nbsp;<\/p>\n\n\n\n<p>For AI to be that powerful, engineers must train machine learning models. These models can identify and derive information from images and other visual and audio inputs.<\/p>\n\n\n\n<p>A huge part of this training is referred to as <em>image annotation<\/em>.&nbsp;<\/p>\n\n\n\n<p>It involves assigning labels or metadata to real-world images in a dataset to train artificial intelligence.<\/p>\n\n\n\n<p>Simply put, image annotation services for computer vision provide information about an image so AI can identify it without human supervision, like in the McMarvin example below.&nbsp;<\/p>\n\n\n\n<p>This AI has been trained to detect different elements when exposed to visual inputs, including people, cars, traffic lights, etc.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"667\" height=\"355\" src=\"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/mcmarvin.gif\" alt=\"Demo showing how computer vision recognizes images\" class=\"wp-image-201442\"\/><figcaption class=\"wp-element-caption\">GIF Source: <a href=\"https:\/\/www.mcmarvin.com\/Image-Annotation.html\" target=\"_blank\" rel=\"noreferrer noopener\">McMarvin<\/a><\/figcaption><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Fun fact: this is how self-driven cars know not to collide with human beings or other objects on the road.<\/p>\n\n\n\n<p>Different types of annotations can be applied to images when training a deep-learning model.&nbsp;<\/p>\n\n\n\n<p>They include:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Image classification<\/strong>: An image annotation process that involves assigning class labels to an object of interest (e.g., people, plants, animals, etc.).<\/li>\n\n\n\n<li><strong>Object recognition and detection<\/strong>: Also referred to as image recognition or object detection. The process involves finding if specific objects are present in the entire image.&nbsp;<\/li>\n\n\n\n<li><strong>Boundary recognition<\/strong>: A time-consuming technique that trains a machine learning model to define boundaries, splines, or object lines in an image so the algorithm can identify patterns when labeling images.<\/li>\n\n\n\n<li><strong>Semantic segmentation<\/strong>: A form of image segmentation that enables computer vision models to determine boundaries between similar objects.&nbsp;<\/li>\n\n\n\n<li><strong>Landmarking<\/strong>:&nbsp; An image annotation technique that uses labeled image data to help AI identify traits of the target objects, like facial features, gestures, and emotions.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Image annotation for creative professionals<\/strong><\/h3>\n\n\n\n<p>Image annotation is also an important practice in the creative industry, especially during the proofing process. It ensures that designers can get <a href=\"https:\/\/www.markup.io\/blog\/website-feedback-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">contextual feedback<\/a> from reviewers.<\/p>\n\n\n\n<p>To help you understand better, imagine the following steps had to be taken every time a review was needed:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Zip the file (because it\u2019s large).<\/li>\n\n\n\n<li>Send it via email to the reviewer.<\/li>\n\n\n\n<li>The reviewer unzips the file to view it.<\/li>\n\n\n\n<li>Writes an email back to share their thoughts.<\/li>\n\n\n\n<li>You don\u2019t understand what they mean and ask for clarification.<\/li>\n\n\n\n<li>Repeat processes 1-5 until the project is approved.<\/li>\n<\/ol>\n\n\n\n<p>That\u2019s a whole lot to go through just to get feedback, don\u2019t you think?&nbsp;<\/p>\n\n\n\n<p>With <a href=\"https:\/\/www.markup.io\/blog\/annotation-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">image annotation tools<\/a>, creatives can have a more simplified feedback process.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Using <a href=\"https:\/\/www.markup.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">MarkUp.io<\/a>, for instance, you can upload your project and invite the reviewers to review it via email or a shared link.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"792\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-share-1024x792.jpg\" alt=\"How to share a MarkUp \" class=\"wp-image-201475\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-share-1024x792.jpg 1024w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-share-300x232.jpg 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-share-768x594.jpg 768w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-share-1536x1188.jpg 1536w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-share.jpg 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Once they access your MarkUp, collaborators can click on any element of the image they want to be revised, add comments, and tag the designer. Easy-peasy!\ud83d\ude09<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-mentions.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>But it\u2019s not only creatives who get to enjoy image-annotation tools. Anyone who has gone through the pain of going back and forth on corrections can incorporate annotation tools into their workflow.<\/p>\n\n\n\n<p>We\u2019ve got some use cases of image annotation, so you see how other professionals integrate it into their <a href=\"https:\/\/www.markup.io\/blog\/creative-workflow\/\" target=\"_blank\" rel=\"noreferrer noopener\">creative workflow<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"use-cases\"><strong>Image annotation use cases<\/strong><\/h2>\n\n\n\n<p><em>\u2026from our previous conversation&nbsp;<\/em><\/p>\n\n\n\n<p><em>\u2026per my last email<\/em>&nbsp;<\/p>\n\n\n\n<p>If these phrases are part of your proofing process, there\u2019s a good chance you need to try an image annotation tool.<\/p>\n\n\n\n<p>Anyway, here are some use cases for annotation tools across different industries (just in case you\u2019re wondering if it\u2019s a good fit for yours).&nbsp;<\/p>\n\n\n\n<p><strong>Image annotation for agencies<\/strong><\/p>\n\n\n\n<p>Creative agencies always have to handle digital files, a core deliverable.&nbsp;<\/p>\n\n\n\n<p>As part of their work process, they need to send projects to clients to ask for feedback and, ultimately, <a href=\"http:\/\/www.markup.io\/blog\/approval-workflow\" target=\"_blank\" rel=\"noreferrer noopener\">their approval<\/a>.&nbsp;<\/p>\n\n\n\n<p>Going the email route will be like fetching water in a basket, with the same stress and frustration. That\u2019s why most agencies opt for image annotation when researching how to simplify their <a href=\"http:\/\/www.markup.io\/blog\/document-review-and-approval-process\" target=\"_blank\" rel=\"noreferrer noopener\">review processes.&nbsp;<\/a><\/p>\n\n\n\n<p><strong>Image annotation for marketers<\/strong><\/p>\n\n\n\n<p>Marketers collaborate with clients, colleagues, and professionals outside of their organizations.&nbsp;<\/p>\n\n\n\n<p>People count on them to give their two cents about their websites, product images, and much more.&nbsp;<\/p>\n\n\n\n<p>How stressful do you think it\u2019d be if they had to use synchronous communication to provide feedback on clients\u2019 digital files?<\/p>\n\n\n\n<p>Instead, many marketers save time by sending short, shareable links from an image-annotation tool.&nbsp;<\/p>\n\n\n\n<p><strong>Image annotation for remote teams<\/strong><\/p>\n\n\n\n<p>Remote work is the new norm. At least, that\u2019s what <a href=\"https:\/\/www.growmotely.com\/report\/\" target=\"_blank\" rel=\"noreferrer noopener\">74% of professionals<\/a> have said.&nbsp;<\/p>\n\n\n\n<p>And <a href=\"https:\/\/www.markup.io\/blog\/managing-a-creative-team\/\" target=\"_blank\" rel=\"noreferrer noopener\">creative teams<\/a> working remotely need an easy review process in place to avoid wasting time.&nbsp;&nbsp;<\/p>\n\n\n\n<p>With an annotation tool, you can have more simplified communication when working on projects. And getting feedback?<\/p>\n\n\n\n<p>You know the answer to that already. \ud83d\ude09<\/p>\n\n\n\n<p><strong>Image annotation for designers<\/strong><\/p>\n\n\n\n<p>Annotation is even more popular among designers because, like creative agencies, they create digital images.&nbsp;<\/p>\n\n\n\n<p>By leveraging image annotation, they enjoy a much easier review process when they need feedback from stakeholders.&nbsp;<\/p>\n\n\n\n<p>If you\u2019re about to Google \u2018how to annotate,\u2019 hold on a second. We discuss four steps to getting started in the next section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"process\"><strong>&nbsp;How does image annotation work?<\/strong><\/h2>\n\n\n\n<p>Let\u2019s get practical and show you how to <a href=\"https:\/\/www.markup.io\/blog\/how-to-annotate-an-image\/\" target=\"_blank\" rel=\"noreferrer noopener\">annotate images<\/a> step-by-step.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step #1: Sign up for a MarkUp.io account&nbsp;<\/strong><\/h3>\n\n\n\n<p>To start with image annotation projects, head to <a href=\"http:\/\/www.markup.io\" target=\"_blank\" rel=\"noreferrer noopener\">www.markup.io<\/a> and select the <strong>Sign-Up<\/strong> button at the top right corner of the page. If you\u2019re registered with us already, simply click <strong>Login<\/strong>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"470\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-signup.jpg\" alt=\"How to sign up for a MarkUp.io account\" class=\"wp-image-201477\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-signup.jpg 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-signup-300x160.jpg 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-signup-768x410.jpg 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>When you sign up, you can opt for a free trial to take the platform for a 30 day test drive.\ud83c\udfce\ufe0f\u00a0<\/p>\n\n\n\n<p>There\u2019s also a <a href=\"http:\/\/www.markup.io\/blog\/markup-io-plan\" target=\"_blank\" rel=\"noreferrer noopener\">free plan<\/a> covering the platform\u2019s core capabilities that you can opt for.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step #2: Create an Image MarkUp<\/strong><\/h3>\n\n\n\n<p>Once you\u2019ve accessed the dashboard, you can start creating Image MarkUps. There are two ways to do that.&nbsp;<\/p>\n\n\n\n<p>The first option is to drag and drop digital files from your desktop to your MarkUp.io Workspace.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"470\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/image-annotation-create-markup.png\" alt=\"How to create an Image MarkUp\" class=\"wp-image-201478\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-create-markup.png 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-create-markup-300x160.png 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-create-markup-768x410.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>To transfer a file from your computer to the Workspace, click the blue <strong>Upload<\/strong> button on the screen.<\/p>\n\n\n\n<p>Use the dialogue box to browse your desktop for the digital file.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"660\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/image-annotation-drag-drop.png\" alt=\"Drag-and-drop files from your device to the share modal\" class=\"wp-image-201479\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-drag-drop.png 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-drag-drop-300x225.png 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-drag-drop-768x576.png 768w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-drag-drop-800x600.png 800w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>After selecting the image, click the <strong>Create MarkUp<\/strong> button to save it.<\/p>\n\n\n\n<p>You\u2019ve successfully created an image MarkUp. What\u2019s next? It\u2019s time to start annotating!&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step #3: Add contextual comments to your image<\/strong><\/h3>\n\n\n\n<p>To start annotating, open the MarkUp by hovering over it and clicking <strong>Open.<\/strong><\/p>\n\n\n\n<p>A new tab will open, and the magic can begin.&nbsp;<\/p>\n\n\n\n<p>Click anywhere on the image to start adding comments.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/what-is-image-annotation-reply-comment.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>When you click on an element, a text box will appear so you can write your comment.<\/p>\n\n\n\n<p>Then, you\u2019ll see a toolbar at the top of the box to add emojis, format text, add media, and more.<\/p>\n\n\n\n<p>When you\u2019re done writing, hit the <strong>Post<\/strong> button so designers, other reviewers, and collaborators can see the feedback.<\/p>\n\n\n\n<p>Once creatives implement your feedback, they can resolve the comments addressed. The resolved comments are automatically moved to MarkUp.io\u2019s feedback archive \u2013 the <strong>Resolved<\/strong> tab.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step #4: Share the MarkUp with stakeholders<\/strong><\/h3>\n\n\n\n<p>What\u2019s the point of commenting if no one sees it?<\/p>\n\n\n\n<p>You can share MarkUps via link or URL with your stakeholders directly from the Workspace itself. Or, you can share a specific MarkUp by clicking <strong>Share<\/strong> at the top right corner and sending it out.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/LinkAccessv2.gif\" alt=\"How to turn off access via the share link\" class=\"wp-image-201549\" width=\"880\"\/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Congratulations\u2026 you\u2019ve successfully annotated an image. \ud83e\udd73<\/p>\n\n\n\n<p>That wasn\u2019t so difficult after all, was it?<\/p>\n\n\n\n<p>If you just thought <em>I really need to incorporate this into my work process,<\/em> we\u2019ve got some added bonuses in the next section that can help you annotate better.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"best-practices\"><strong>Image annotation best practices<\/strong><\/h2>\n\n\n\n<p>We\u2019ve shown you how image annotation works. Now, it\u2019s only right we give you tips on how to do it more efficiently.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Customize your Workspace(s)<\/strong><\/h3>\n\n\n\n<p>To annotate better, you should know how to use our Workspaces well.<\/p>\n\n\n\n<p>Workspaces are like the storage unit in MarkUp.io, where you can save and organize your MarkUps.&nbsp;<\/p>\n\n\n\n<p>Like storehouses, there are multiple ways to use them depending on the MarkUp.io subscription you opt for.&nbsp;<\/p>\n\n\n\n<p>If you go for the <strong>Free Plan<\/strong>, you\u2019ll be eligible for one Workspace that can store about 20 Markups. Here\u2019s what that\u2019d look like:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"470\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/image-annotation-free-workspace.png\" alt=\"Free Workspace with three Image MarkUps\" class=\"wp-image-201482\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-free-workspace.png 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-free-workspace-300x160.png 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-free-workspace-768x410.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Then you have the <strong>Pro Plan, <\/strong>which gives you one Pro Workspace to store unlimited MarkUps.<\/p>\n\n\n\n<p>Within the Workspace, you can manage your MarkUps by organizing them into different Folders.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"470\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/image-annotation-pro-workspace.png\" alt=\"Pro Workspace organized by Folders\" class=\"wp-image-201483\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-pro-workspace.png 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-pro-workspace-300x160.png 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-pro-workspace-768x410.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Finally, there\u2019s the Enterprise plan. It allows unlimited Workspaces depending on your company\u2019s needs (and unlimited MarkUps, too!).&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"681\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/image-annotation-enterprise-plan.jpg\" alt=\"How to manage multiple Workspaces\" class=\"wp-image-201484\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-enterprise-plan.jpg 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-enterprise-plan-300x232.jpg 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-enterprise-plan-768x594.jpg 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>You can <a href=\"https:\/\/www.markup.io\/blog\/markup-september-22-highlights\/\" target=\"_blank\" rel=\"noreferrer noopener\">customize Workspaces<\/a> to suit the way your organization functions or based on your collaboration with customers.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Organize with Folders<\/strong><\/h3>\n\n\n\n<p>Using Folders during image annotation will help you efficiently manage huge projects that require several revisions from reviewers.&nbsp;<\/p>\n\n\n\n<p>Let\u2019s say your agency has multiple clients. You can create different Folders for each of them and add their representatives. This way, you can ensure there\u2019s privacy for each MarkUp.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/Folders.mp4\" playsinline><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>In addition, you can create Subfolders of up to five layers in each Folder.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Just like you created Folders for clients, you could do the same for project stages, team members, and even teams.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Assign permissions<\/strong><\/h3>\n\n\n\n<p>Assigning permissions to reviewers is an important practice when annotating on MarkUp.io. You need to be able to let everyone know which MarkUp or Folder they can access and what they\u2019re permitted to do on it, too.&nbsp;<\/p>\n\n\n\n<p>There are four roles you can assign permissions to on MarkUp.io. Here\u2019s an infographic on those roles and their permissions:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"880\" height=\"470\" src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-roles.png\" alt=\"Breakdown of MarkUp.io roles Owner, Admin, Member &amp; Guest\" class=\"wp-image-201486\" srcset=\"https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-roles.png 880w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-roles-300x160.png 300w, https:\/\/www.markup.io\/app\/uploads\/2023\/05\/image-annotation-markup-roles-768x410.png 768w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<p>Let\u2019s break them down a little bit.&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Owner<\/strong>: They\u2019re like the CEOs of MarkUp.io\u2019s Workspaces, with the power to create and delete Workspaces they\u2019ve created whenever they feel like it.&nbsp;<\/li>\n\n\n\n<li><strong>Admins<\/strong>: The vice presidents of Workspaces, Admins. They control who has access to the Workspace and who may edit it. They\u2019re also able to edit Folders and MarkUps. What they can\u2019t do, however, is delete a Workspace.<\/li>\n\n\n\n<li><strong>Members<\/strong>: They are collaborators who can comment on MarkUps, invite other stakeholders to review, update content, and even add or remove Folders in a Workspace.&nbsp;<\/li>\n\n\n\n<li><strong>Guests<\/strong>: These individuals are usually clients or stakeholders you collect feedback from.<\/li>\n<\/ol>\n\n\n\n<p class=\"has-text-align-center\">***<\/p>\n\n\n\n<p>And with that, our journey into annotation has come to an end.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wrapping it up<\/strong><\/h2>\n\n\n\n<p>But like all journeys, the end of one is the start of another.<\/p>\n\n\n\n<p>In this new journey, we hope you can annotate images without stress.<\/p>\n\n\n\n<p>Not sure if you can do that on your own? We\u2019re gonna be here with you every step of the way.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video autoplay controls loop muted src=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/04\/image-annotation-rookie.mp4\" playsinline><\/video><figcaption class=\"wp-element-caption\">GIF Source: <a href=\"https:\/\/giphy.com\/gifs\/abcnetwork-the-rookie-therookie-therookieabc-K9yS72wlDXrs6eS87r\" target=\"_blank\" rel=\"noreferrer noopener\">Giphy<\/a><\/figcaption><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p><a href=\"https:\/\/app.markup.io\/signup?trial=true&amp;utm_source=website&amp;utm_medium=markup-blog&amp;utm_campaign=whats-image-annotation&amp;utm_content=free-trial\" target=\"_blank\" rel=\"noreferrer noopener\">Sign up for a free 30-day trial<\/a> with MarkUp.io and start annotating images like a pro!\u00a0<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Designers, creative professionals, and agencies come closer.&nbsp; Aside from Slack, Trello, or emails, do you have a system designed to handle your feedback process? *Scratches head to think of other options* Reviews are an important part of your workflow, so you want a system that simplifies them.&nbsp; An option that fits that description is \ud83e\udd41drumroll &hellip; <a href=\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/\">Continued<\/a><\/p>\n","protected":false},"author":8,"featured_media":201474,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-201420","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorised"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is image annotation &amp; how does it work? [2024 guide] - Markup.io<\/title>\n<meta name=\"description\" content=\"Find out the answer to \u201cwhat is image annotation?\u201d as well as best practices, requirements, and use cases in this comprehensive image-annotation guide.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is image annotation &amp; how does it work? [2024 guide] - Markup.io\" \/>\n<meta property=\"og:description\" content=\"Find out the answer to \u201cwhat is image annotation?\u201d as well as best practices, requirements, and use cases in this comprehensive image-annotation guide.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/\" \/>\n<meta property=\"og:site_name\" content=\"Markup.io\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-08T12:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-08T11:36:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mary\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mary\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/\",\"url\":\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/\",\"name\":\"What is image annotation & how does it work? [2024 guide] - Markup.io\",\"isPartOf\":{\"@id\":\"https:\/\/www.markup.io\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg\",\"datePublished\":\"2023-05-08T12:00:00+00:00\",\"dateModified\":\"2024-03-08T11:36:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864\"},\"description\":\"Find out the answer to \u201cwhat is image annotation?\u201d as well as best practices, requirements, and use cases in this comprehensive image-annotation guide.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#primaryimage\",\"url\":\"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg\",\"contentUrl\":\"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.markup.io\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is image annotation &#038; how does it work? [2024 guide]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.markup.io\/#website\",\"url\":\"https:\/\/www.markup.io\/\",\"name\":\"Markup.io\",\"description\":\"Easiest Way to Leave Feedback on Digital Content\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.markup.io\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864\",\"name\":\"Mary\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is image annotation & how does it work? [2024 guide] - Markup.io","description":"Find out the answer to \u201cwhat is image annotation?\u201d as well as best practices, requirements, and use cases in this comprehensive image-annotation guide.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/","og_locale":"en_GB","og_type":"article","og_title":"What is image annotation & how does it work? [2024 guide] - Markup.io","og_description":"Find out the answer to \u201cwhat is image annotation?\u201d as well as best practices, requirements, and use cases in this comprehensive image-annotation guide.","og_url":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/","og_site_name":"Markup.io","article_published_time":"2023-05-08T12:00:00+00:00","article_modified_time":"2024-03-08T11:36:15+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/assets.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg","type":"image\/jpeg"}],"author":"Mary","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mary","Estimated reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/","url":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/","name":"What is image annotation & how does it work? [2024 guide] - Markup.io","isPartOf":{"@id":"https:\/\/www.markup.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#primaryimage"},"image":{"@id":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#primaryimage"},"thumbnailUrl":"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg","datePublished":"2023-05-08T12:00:00+00:00","dateModified":"2024-03-08T11:36:15+00:00","author":{"@id":"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864"},"description":"Find out the answer to \u201cwhat is image annotation?\u201d as well as best practices, requirements, and use cases in this comprehensive image-annotation guide.","breadcrumb":{"@id":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.markup.io\/blog\/what-is-image-annotation\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#primaryimage","url":"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg","contentUrl":"https:\/\/www.markup.io\/app\/uploads\/2023\/04\/image-annotation-hero.jpg","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.markup.io\/blog\/what-is-image-annotation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.markup.io\/"},{"@type":"ListItem","position":2,"name":"What is image annotation &#038; how does it work? [2024 guide]"}]},{"@type":"WebSite","@id":"https:\/\/www.markup.io\/#website","url":"https:\/\/www.markup.io\/","name":"Markup.io","description":"Easiest Way to Leave Feedback on Digital Content","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.markup.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.markup.io\/#\/schema\/person\/617a46a460aa879c1898d69ee16e5864","name":"Mary"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/201420","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/comments?post=201420"}],"version-history":[{"count":9,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/201420\/revisions"}],"predecessor-version":[{"id":203182,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/posts\/201420\/revisions\/203182"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/media\/201474"}],"wp:attachment":[{"href":"https:\/\/www.markup.io\/api\/wp\/v2\/media?parent=201420"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/categories?post=201420"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.markup.io\/api\/wp\/v2\/tags?post=201420"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}