graphics programs, for editing screen shots - 21/09/03 12:15 AM
If you do not have an image editor, there are several very good freeware programs you can use. For simple image cropping or re-sizing, you can try IrfanView or XnView. More elaborate editing (layers, etc.) can be done with Pixia or the GIMP.
However, the image viewers have limited editing features, and the full blown editors have a steep learning curve. There is no really great freeware program for adding text and shapes (circles, arrows, etc) to screen shots, but I did find a couple decent, easy to use programs. I downloaded about 10 programs, mainly looking for a straightforward interface and the ability to add text. Depending on how good the description looked, I may or may not have discounted a program for lack of support for png files. This is the format Divinity uses for screen shots when patched, otherwise it uses jpeg. Both IrfanView and XnView have screen capture abilities, which can be used during conversations (the in-game screen shots are disabled then) and have a configurable output file format.
Disclaimer: I didn't read any help files, except to check a couple minor points. There may be options I missed or easier ways to do things. For that matter, I may have missed an appropriate program entirely. I tried adding text and shapes to an image, cropping and saving, but nothing much more elaborate.
Comments follow, and below that is a comparison of the quality of the jpeg files produced by all the relevant mentioned programs.
[/code]
[*] Comments
Other programs
IrfanView can add basic text, though you have to draw a selection box first where the text gets added, so you may need to undo and try again to get it right. XnView lets you move the text around and click to apply. Pixia and the GIMP can add text, which is movable (they also both support layers), and Pixia has various options to resize / rotate / skew the text. As far as shapes go, Pixia has line / rectangle / circle / polygon / spline curve selection options, which can be moved and resized after placing. You can easily stamp a line at the border, or fill closed shapes.
Since I am comparing the output quality of the above mentioned programs with the shareware program CompuPic, I will describe the relevant features.
[/code]
[*] Image Quality of the JPEG output
I saved a section of a scan as a bitmap, after adding some symbols, lines and text. Then I saved this in Photoshop 5 LE at the lowest quality setting (compared to other programs, Photoshop's 0-10 scale covers only the upper range of what is possible for jpegs). Later versions of this program are suppose to be more aware of the constraints for web graphics, but I believe they still tend to produce large jpeg files.
After this, I saved the bitmap in each of the mentioned programs, choosing a setting to give the closest possible file size to that of the Photoshop jpg, so they could be compared on an equal basis.
Here is a png file showing all of the results; JPEG Quality (404KB). Unfortunately reducing it to 256 colours caused minor artifacts, so it is a little large. There is no visible difference between the original and png file, and any differences I could not detect are the same for the whole image and much less than the differences between programs.
There was not much variation in quality. I guess few people write their own jpeg encoders/decoders when there are sources available for free.
To show the variations in quality and file size using the same quality settings (not all program use a similar scale), I saved a small section of a screen shot as a bitmap, then saved it each program at 90% and 70% (9 and 7 for Photoshop). Ultimate Paint can not vary the quality, and I had to approximate with Painter, since it just has a slider. Converting the png files to 256 colour made no visible changes in the image, so the file sizes are smaller;
quality setting: 70% (35KB) and 90% (34KB).
[/code]
[*] Conclusions
Unfortunately, there is no perfect program to do everything in one step. If you don't mind slightly larger file sizes to get good quality, Yildun Scanner is probably the best single option. Other programs have different features, though, which you may prefer. If money is not an issue, check out CompuPic.
Ultimate Paint has the best image quality (other than CompuPic), but the settings are not adjustable. It uses a reasonable setting that is good when text is being added to an image (which is more susceptible to compression artifacts and blurring than photographic type areas). There are various graphics, however, which can be compressed quite a bit and still have a good or acceptable quality at a much smaller file size, which this program would not be able to do.
I've always saved as a tif/bmp after editing an image, and then cropped and saved as a jpeg in CompuPic. This allows me to make adjustments to an uncompressed version if needed (though large tiff files might not last long once I am happy with the jpeg file), and I have found these steps easier to do in CompuPic, as well as giving better quality. Something similar can be done with a combination of freeware programs, though the added flexibility and options result in a more complex procedure.
However, the image viewers have limited editing features, and the full blown editors have a steep learning curve. There is no really great freeware program for adding text and shapes (circles, arrows, etc) to screen shots, but I did find a couple decent, easy to use programs. I downloaded about 10 programs, mainly looking for a straightforward interface and the ability to add text. Depending on how good the description looked, I may or may not have discounted a program for lack of support for png files. This is the format Divinity uses for screen shots when patched, otherwise it uses jpeg. Both IrfanView and XnView have screen capture abilities, which can be used during conversations (the in-game screen shots are disabled then) and have a configurable output file format.
Disclaimer: I didn't read any help files, except to check a couple minor points. There may be options I missed or easier ways to do things. For that matter, I may have missed an appropriate program entirely. I tried adding text and shapes to an image, cropping and saving, but nothing much more elaborate.
Comments follow, and below that is a comparison of the quality of the jpeg files produced by all the relevant mentioned programs.
[/code]
[*] Comments
EVE | 162KB |
General | This is a very small, powerful vector based program (meant for creating diagrams, not pixel editing). It can import bmp, gif and jpg (see FAQ), and copy the result to the clipboard. Unless you want to do something fairly elaborate with a screen shot, though, other options would be easier to work with. |
Text | It can add standard text (with various orientations), and supports some html tags (for tweaking the text style in a section of the text without having to place separate text objects). |
Shapes | Since it is vector based, there are a large number of shapes, etc and everything remains editable, movable, scaleable and tweakable. |
Crop | none |
Undo/Redo | no, but not really needed |
Edit | none |
JPEG Settings | N/A |
Painter | 497KB |
General | There is no warning if you have not saved your work when closing the program or opening a new file. |
Text | Depending on the font/letter, a small portion of the character on the far right of the text might be clipped. Normal text defaults to black, which may make it had to see on darker images, but you can open the text 'gadget' before the image and change the colour, font, size, etc. There is also an option for gradient text, with definable colours and orientation. The gradient text box is re-sizable (unlike normal text) so narrowing it (the cursor changes to double arrow on the right edge of the text) will break the text into multiple/more lines and widening it puts it on fewer/one. If you need this ability for 'normal' text, you can set the beginning and end colours the same. There are many options available by right clicking on the text, which can be moved around. You can 'paint' the text onto an image and still keep the floating text box to be used again, even on another image. |
Shapes | There are lots of 2D and 3D shapes (with variations), which are very configurable. |
Crop | Yes, though the selection box does not stay visible after it is drawn. |
Undo/Redo | multiple |
Edit | various tools, effects and filters |
JPEG Settings | There are no options under 'Save As', but in another menu option (or hit F5) there is a real time preview of the jpeg output, with a slider to change the compression level (no exact numbers shown). The resulting file size is displayed as you adjust the compression. |
Ultimate Paint | 1.9MB |
General | The free version of this program can not open png files, so screen shots from Divinity would need to be converted to bmp (IrfanView/XnView can single or batch convert graphics). |
Text | You can type and change the colour/font/size directly on the picture. As long as you do not hit enter, you can click somewhere else to move the text. |
Shapes | lines, arrows, arc (set the end points, move the section between them) Circles are drawn from centre to edge, rather than needing to click and drag to opposite corners of an imaginary box around where you want the circle (like other programs). These shapes can be continuous, dotted every certain number of points, or made up of a specific number of points (ie so you could put 12 points in a circle, etc). |
Crop | Yes, though the selection box does not stay visible after it is drawn. |
Undo/Redo | 1 level |
Edit | resize, mirror, rotate, various filters and edit tools |
JPEG Settings | no options |
Yildun Scanner | 1.5MB |
General | In the colour picker, the default palette uses the colours from the picture, plus there is a colour spectrum or custom colour option. The last used colours are not saved when you exit the program. |
Text | You can move the text around, then right click inside the text box to place, or outside to cancel. The standard font / size / colour options are present. |
Shapes | rectangle, circle/oval, line There is a preview as you make the selection, but the shapes can not be moved or adjusted before placing. |
Crop | The selection box can be moved after drawing, but not resized. |
Undo/Redo | multiple |
Edit | colourize, resize, colour depth, edit tools |
JPEG Settings | The quality setting is in the options, rather than the 'Save as' dialog. It defaults to 100, which the jpeg format doesn't usually handle well (produces large files with little or no visible difference compared to a 90 or 95% quality level). |
Other programs
IrfanView can add basic text, though you have to draw a selection box first where the text gets added, so you may need to undo and try again to get it right. XnView lets you move the text around and click to apply. Pixia and the GIMP can add text, which is movable (they also both support layers), and Pixia has various options to resize / rotate / skew the text. As far as shapes go, Pixia has line / rectangle / circle / polygon / spline curve selection options, which can be moved and resized after placing. You can easily stamp a line at the border, or fill closed shapes.
Since I am comparing the output quality of the above mentioned programs with the shareware program CompuPic, I will describe the relevant features.
CompuPic | There are three versions of CompuPic (Pro 6MB / standard 3MB / Express 2MB). |
Text | The standard version can add text which is movable, editable and re-sizable until it has been placed, and also has a cartoon style talk/thought bubble option. The pro version adds text opacity and the use of an image as the text 'colour', as well as a configurable shadow and three outlines. Text outlining (for example, a light outline around dark text) makes it easier to see text on backgrounds which change colour, but I have not found that feature in a freeware program. |
Shapes | There are none directly, since it is not a paint program. However, various symbol and wingding fonts have characters which can be used for this purpose (though thicker characters, or those with shadows, etc do not look great when significantly enlarged). |
Crop | Very nice. The selection box is movable and re-sizable. The dimensions are displayed in a tool tip when the cursor is over the selection, and the height or width is shown as you resize it. The exact position of the upper left and lower right corners are shown while moving the selected area, or when re-sizing from a corner. Also, you can zoom in and move the image around for exact positioning. The area outside the crop section can optionally be masked. |
Undo/Redo | multiple |
Edit | There are many effects, adjustments, tools and filters. Like IrfanView/XnView, there are no pixel level editing tools. |
JPEG Settings | The Pro version has a very nice, configurable, real-time preview to show the resulting image quality, file size and signal to noise ratio for a given setting. The original and jpeg are displayed side by side and you can zoom in and pan around, or do an A/B comparison between the two (switch back and forth). |
[/code]
[*] Image Quality of the JPEG output
I saved a section of a scan as a bitmap, after adding some symbols, lines and text. Then I saved this in Photoshop 5 LE at the lowest quality setting (compared to other programs, Photoshop's 0-10 scale covers only the upper range of what is possible for jpegs). Later versions of this program are suppose to be more aware of the constraints for web graphics, but I believe they still tend to produce large jpeg files.
After this, I saved the bitmap in each of the mentioned programs, choosing a setting to give the closest possible file size to that of the Photoshop jpg, so they could be compared on an equal basis.
Here is a png file showing all of the results; JPEG Quality (404KB). Unfortunately reducing it to 256 colours caused minor artifacts, so it is a little large. There is no visible difference between the original and png file, and any differences I could not detect are the same for the whole image and much less than the differences between programs.
There was not much variation in quality. I guess few people write their own jpeg encoders/decoders when there are sources available for free.
Program | Image Quality | JPEG setting | Comment |
CompuPic | good | 77% | There are artifacts around the blue symbols, though the lines remained bright and sharp. There is no significant difference in the background, just some very minor, barely noticeable blurring (due to how jpegs are compressed, that is pretty much unavoidable). |
Ultimate Paint | good | pre-defined | There are artifacts around the blue symbols. The red symbols and blue text appears a bit darker than the original, though most of the lines are clear. It is slightly fuzzier than CompuPic. |
GIMP | acceptable | 90% | There are less artifacts in the blue symbols compared to CompuPic, but that is because the lines and text are a little blurry. The lines / text are also a little darker than the original. The background is fairly good, with minor blurring, though the dwarf's beard is darker than the original. |
IrfanView XnView | acceptable | 90% | These two programs use the same jpeg encoder, and produce exactly the same (byte-for-byte) jpeg files when using the same settings. The quality is pretty much the same as the GIMP. The blue xi (Greek symbol that looks like a curly E) is slightly clearer. |
Painter | acceptable | about 90% | The quality is pretty much the same as the GIMP, possibly just a tiny bit clearer. |
Photoshop | poor | 0 | Very blurry lines and text. This was definitely not optimized for the best quality at a reduced file size. |
Pixia | acceptable | 88% | The quality is pretty much the same as the GIMP, possibly just a tiny bit clearer (equivalent to Painter in quality). |
Yildun Scanner | acceptable | 88% | The quality is pretty much the same as the GIMP, slightly worse. |
To show the variations in quality and file size using the same quality settings (not all program use a similar scale), I saved a small section of a screen shot as a bitmap, then saved it each program at 90% and 70% (9 and 7 for Photoshop). Ultimate Paint can not vary the quality, and I had to approximate with Painter, since it just has a slider. Converting the png files to 256 colour made no visible changes in the image, so the file sizes are smaller;
quality setting: 70% (35KB) and 90% (34KB).
[/code]
[*] Conclusions
Unfortunately, there is no perfect program to do everything in one step. If you don't mind slightly larger file sizes to get good quality, Yildun Scanner is probably the best single option. Other programs have different features, though, which you may prefer. If money is not an issue, check out CompuPic.
Ultimate Paint has the best image quality (other than CompuPic), but the settings are not adjustable. It uses a reasonable setting that is good when text is being added to an image (which is more susceptible to compression artifacts and blurring than photographic type areas). There are various graphics, however, which can be compressed quite a bit and still have a good or acceptable quality at a much smaller file size, which this program would not be able to do.
I've always saved as a tif/bmp after editing an image, and then cropped and saved as a jpeg in CompuPic. This allows me to make adjustments to an uncompressed version if needed (though large tiff files might not last long once I am happy with the jpeg file), and I have found these steps easier to do in CompuPic, as well as giving better quality. Something similar can be done with a combination of freeware programs, though the added flexibility and options result in a more complex procedure.