Features Tips & Tricks

New Image Editor in YouTrack 6.0

Screen Shot 2014-12-17 at 12.49.03

In YouTrack, our goal is to make reporting bugs as easy as possible, and when it comes to software bugs, it often helps being able to post and annotate a screenshot of a problem as it is seen on the screen. To that end, prior to version 6, YouTrack came with a Java™ applet that allowed users to paste and manipulate the image in a special editor.

Unfortunately, due to the (relatively) recent problems with Java applet security, it’s become clear that usability of the applet started to suffer after all of Oracle’s security updates. After all, what good is an applet if you get to see a whole three (!) security confirmation screens before you get to manipulate your image?

So in YouTrack 6, we got rid of the applet in favor of a simpler, more natural interface. Now, to add an image to an issue or a comment, you can

  • Copy the image onto the clipboard and then simply paste it using CtrlV, OR
  • Use the Attach and Edit (CtrlAltV) to attach the image and begin editing it immediately, OR
  • Use the old Attach File functionality.

Both the Attach and Edit window as well as issue description and comment windows also support drag-and-drop, so you can simply drag an image over the edit area and it will be attached:

When you attach by pasting, the image data on the Clipboard gets turned into a PNG file with names such as image.png, image2.png and so on, making it easy to reference in the issue or comment. Thus, to display an image in the comment, simply write !image.png! and you’re set!

Now, to edit the image, you can move over the image and press the pencil icon:

This brings up the actual image editor. The horizontal bar on top presents several groups of items that allow editing:

  • On the left, we have Undo/Redo buttons as well as a link for clearing all the changes you’ve made.

  • Next up, we have the actual editing buttons, which include an ability to Move Image (just in case the image takes up more space than the browser window), Crop, Brush (this lets you draw on the image) and Highlight (which draws a highlighting rectangle).
    Standing a bit on the side is the Text tool that lets you add a comment to a particular element:

  • Finally, off on the very right we have the controls for giving the image a name, determining who can actually see the image, and saving the image when you’re done with the edits.

Hopefully we’ve made the image editing experience unobtrusive and intuitive. To see the image editor in action, try the new YouTrack 6 today and let us know what you think!


Comments below can no longer be edited.

11 Responses to New Image Editor in YouTrack 6.0

  1. Avatar

    Kevin Petersen says:

    December 30, 2014

    Nice post, now i am going to download YouTrack. Thanks.

    • Valerie Andrianova

      Valerie Andrianova says:

      January 28, 2015

      Thanks! Enjoy your experience with YouTrack and feel free to contact us at youtrack-feedback@jetbrians.com if you have any questions, we’ll be happy to help!

  2. Avatar

    jessica lillis says:

    March 7, 2015

    After reading this article I have started to use the YouTrack and now tracking and project management seems very easy to me. Thanks for this article.

  3. Avatar

    Anatolii says:

    May 26, 2015


    How can I add a thumbnail of the attached image direct in to the description?

    • Valerie Andrianova

      Valerie Andrianova says:

      May 27, 2015

      Please use !file.name! syntax to insert attachment preview into the issue comment or description.

  4. Avatar

    Alex says:

    August 22, 2015

    Hello, when will be added a possbility to add resized images into a message?
    I mean the syntax similar to Jira’s: !attached_file.name|thumbnail!

    • Valerie Andrianova

      Valerie Andrianova says:

      August 24, 2015

      Hello Alex,
      You can use html tag to insert resized image preview inside a comment or a description.
      For example:
      {html} < img src="image_name.png" width=200 height=200 style="border: 1px solid blue"/>

  5. Avatar

    Rojar says:

    March 22, 2017

    Its of all your article have helped me a lot. I have impressed by your such an easy presentation. thank you

  6. Avatar

    Enrique P. Snyder says:

    May 25, 2019

    Before reading this article I used Jira for image editing. But, now I will download YouTrack 6.0. This effective way to image editing and this method I appreciate. I think it helps my professional life. Thanks for the brilliant post.

  7. Avatar

    prasanjit says:

    October 11, 2019

    After reading this content I started using YouTrack and I understood very well after this article. Thank you very much

  8. Avatar

    Techcloud Ltd says:

    March 18, 2020

    Hi, very informative tips I must say. It could help in my work as well. Though I work on Image post production platform but everyone need to know this tips for editing image. I should also started using You Track. Worth reading!!

Discover more