# Image Annotation

**URL:** <https://meta.discourse.org/t/image-annotation/83223>\
**Category:** Feature\
**Created:** [March 17, 2018, 11:35pm UTC](https://meta.discourse.org/t/image-annotation/83223 "2018-03-17T23:35:18Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![JimmyBoy](https://avatars.discourse-cdn.com/v4/letter/j/c4cdca/32.png) [@JimmyBoy](https://meta.discourse.org/u/JimmyBoy)\
**Post date:** [March 17, 2018, 11:35pm UTC](https://meta.discourse.org/t/image-annotation/83223/1 "2018-03-17T23:35:18Z")

</div>

Hi,

First post, apologies if in wrong section.

Something I like to do is write tutorials / guides on how to do things. As part of the process I may include a lot of screenshot’s with markup (I currently use macOS preview), to give a visual representation of what I’m talking about.

It would be really cool and a huge time saver in this use case if there was a built in tool for annotating images (Arrows, Rectangles, Numbers etc…)

Im not sure the best method of implementing this (I’m new, don’t understand all the workflow / features yet). In an ideal world, I would see my image in the preview and when hovering over the image in the preview I would see a ‘Markup’ button to allow me to Markup the image.

I created a few mockups to try and visualise what I am saying. Unfortunately, being a new user I can only submit 1 image per post, so I have had to separate the posts for each image. If a moderator wants to merge them all into the original post, that would be good.

1 - Source Image

 ![Annotation%20-%20Source%20Image](https://global.discourse-cdn.com/meta/original/3X/5/8/583978567b08c936e0140de04da688470dd91b62.png)

---

_[View the full topic](https://meta.discourse.org/t/image-annotation/83223)._
