Take the 2-minute tour ×
Ask Ubuntu is a question and answer site for Ubuntu users and developers. It's 100% free, no registration required.

Often I need to annotate (draw some arrows, lines, basic shapes like squares, ellipses etc and enter some text) on top of pictures (JPG, PNG images) and screenshots (again png images). I would also need to be able to crop, resize etc.

I tried the Gimp but I could only enter text and perform all image transformations but couldn't find a way to draw boxes etc.

I finally settled to Openoffice.org draw, but I know that isn't what I want, because in oodraw I need to insert my pic into a drawing and resize it (or the drawing) to fit and then go about making changes and finally export to png...

Is there any image editor that allows adding shapes and text to jpg & png files and save the modified file in its place? If the tool can also have template collections (like dia does) for shapes that is an added bonus.

share|improve this question

9 Answers 9

up vote 46 down vote accepted

Shutter (which you can install from the Ubuntu Software Centre or sudo apt-get install shutter) is a tool which has a variety of options for taking and annotating screenshots. (Note: You can annotate any images of your choice, not just screenshots.)

Shutter example screenshot

share|improve this answer
2  
2 notes: 1. Inteface is indirect - need to click on the toolbar button for editing with in-built editor to get to the window which allows annotations to be made. 2. sudo aptitude install shutter doesn't install libgoo-canvas-perl which is required for enabling the edit button! Couldn't figure it out straight away: shutter complains of missing Goo::Canvas/libgoocanvas while aptitude search libgoocanvas show libgoocanvas3 is installed - the unmet (runtime) dependency is libgoo-canvas-perl. Thought of putting it here in case anyone wants to try out shutter after reading this. –  koushik Sep 6 '10 at 6:22
1  
Turns out there is a bug report, but it's been marked invalid :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679 –  8128 Sep 6 '10 at 7:00
4  
I just over-ruled the decision on that bug report, and uploaded a fix to maverick. libgoo-canvas-perl is now a Recommends and is installed by default. –  andrewsomething Oct 5 '10 at 2:34
1  
@andrewsomething You can recommend that for Debian Squeeze, too. :) –  Xiè Jìléi May 23 '12 at 6:40
3  
@aperson imgur support is there now :) –  dukedave Aug 10 '12 at 4:10

I like using this free online image editor, it works fine on Ubuntu and comes with plenty of features. See the section 5. Image Annotations with Text, Shapes and Highlight at the link above. enter image description here

share|improve this answer
    
I wish I could. But it says that I need at least 10 reputation to post images. Sorry about that! –  user78756 Sep 3 at 1:01
    
Plan B. I added some direction to your answer. –  Elder Geek Sep 3 at 21:45

You can use Pixtick. Web tool, no installation required and free. http://www.pixtick.com

share|improve this answer
    
Your answer would be improved by adding screenshots showing that the tool you recommend can do what the OP asks. –  Elder Geek Sep 2 at 15:02

You also might want to try GnuPaint or Krita. Not sure if it's exactly what you're looking for, but they might work for you. Both are in the Software Center.

GnuPaint

enter image description here

Krita

enter image description here

share|improve this answer
    
gpaint was the perfect recommendation for me, minimal small, deps and basic to quickly mark up a screenshot –  Maks Sep 7 at 5:55

I would use Inkscape

(which you can install from the Ubuntu Software Centre or sudo apt-get install inkscape).

Install via the software center

enter image description here You will need to right click the image, select Open With -> Other Application... and chose Inkscape from the list. After you have done this the first time, you can just right click -> Open With -> Inkscape.

This will import the image into Inkscape and the page will be sized to fit the image. You can then make your annotations.

To save it, you need to use File -> Export Bitmap, click Browse... and chose your original image.

share|improve this answer
    
+1 to inkscape. Man, this is awesome. IMO there is a learning curve though - albeit smaller than, say, photoshop. –  koushik Sep 6 '10 at 5:47
8  
I love inkscape but don't agree that it is a good tool for editing screnshots. Just see how hard it is to add a simple arrow. –  snowguy Jul 11 '12 at 15:24

On Ubuntu (or Linux Mint), try Kolourpaint. It's easy to use and has the features you describe.

enter image description here

Install via the software center

share|improve this answer

You can take a look here, u'll find a lot of funny chrome extensions:

https://chrome.google.com/webstore/search-extensions/screenshot?hl=en-US

And this articile talks about some others:

http://www.hongkiat.com/blog/top-web-annotation-and-markup-tools/

share|improve this answer
2  
Whilst this may theoretically answer the question, it would be preferable to include the essential parts of the answer here, and provide the link for reference (ie. post examples of the Chrome Extensions) –  Oyibo Dec 31 '12 at 17:47

You can use firefox or Chrome web browser to do this. On firefox you have to install fireshot addon and on chrome "screen capture"

https://​addons.mozilla.org/en-US/firefox/​addon/​fireshot

Unfortunately fireshot works on Windows only. Here's a list of such addons. Please test them on your own. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

Screen Capture will do on Chrome

https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg
share|improve this answer

If you want to stay in gimp, you can add boxes and circles/ellipses. Use the rectangle or ellipse selection tool, and when you have the marching ants, on the main menu click Edit/Stroke Selection, then make your line style choice.

There are gimp plug ins to do arrows (that I have not tried), however it took only a few minutes to find a clip art site, copy an arrow image, convert it to a transparent-background gif using these directions, and add it as a new layer to the image. The arrow layer can be moved, rotated, scaled, colored, etc.

share|improve this answer
    
Informative. I knew there was a way to do it with the gimp. I also indeed want to stay with the gimp - since I already use it for so many other things. Thanks for the tip. –  koushik Sep 7 '10 at 9:25
    
I have tried the arrow plugin, it's hard to use. I can't preview the arrow shape. I had to click the arrow menu item for each arrow line. Better then none, though. –  Xiè Jìléi May 23 '12 at 6:43
    
I also have used the arrow plugin. Not a good solution. It only does straight arrows and if you do some long arrows and some short arrows the long arrows head gets too big and looks strange next to a shorter arrow. –  snowguy Jul 11 '12 at 15:25

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.