Manage images and screenshots in Trac

Notice: This plugin is unmaintained and available for adoption.


This plugin provides a screenshots upload and viewing facility for Trac. Uploaded screenshots can be described with short name, longer description and custom tags (if TracTags plugin is installed) and assigned to any number of components and versions registered in Trac. Screenshot uploads can be listed in the timeline and screenshots can be referenced or embedded in Trac wiki pages. The plugin internally defines few interfaces for further extension.

The plugin can also be used as a picture archive for the wiki pages.

See also: ScreenshotPastePlugin

Bugs/Feature Requests

Existing bugs and feature requests for ScreenshotsPlugin are here.

If you have any issues, create a new ticket.


44 / 45


22 / 22


1 / 1


Download the zipped source from zipped here.


Check out ScreenshotsPlugin from here using Subversion, or browse the source with Trac.



Install the plugin egg. Set the variables in the [screenshots] section of your trac.ini configuration file according to your needs:

OptionDescriptionDefault Value
additional_tags what additional screenshot attributes will be inserted as tags author,components,versions,name
default_components default values for component filter all
default_description description attached to the screenshot if not explicitly specified in request $description
default_filter_relation how the filters should be related by default or
default_format format which will be returned if no format is specified in request (see formats below) html
default_list_item how the [[ScreenshotsList]] macro should be expanded by default $id - $name - $description
default_order_directions whether to start with the first or last item by default asc
default_orders if not specified otherwise, by which criteria should we order? id
default_versions default values for version filter all
ext list of allowed file extension which can be uploaded jpg,png
formats in which formats images can be downloaded raw,html,jpg,png
mainnav_title caption in Tracs main navigation menu (empty = hide item) Screenshots
metanav_title caption in Tracs meta navigation menu (empty = hide item)
path location of directory where plugin should store uploaded and generated images /var/lib/trac/screenshots

default_format and formats must be supported by your Python Imaging Library installation. There are two meta formats:

  • raw denotes original format of uploaded image
  • html is image embedded in HTML page.

ext can also include the zip extension, which is not included by default for security reasons. If a zip file containing multiple images is uploaded, all of the images applying to the other extensions specified by ext will be added with the same metadata entered for the zip file, and the zip file itself will be abandoned.

default_components and default_versions options sets default values for component and version filter.

Another possible value for additional_tags except of those listed as default is description.

If you run Trac in an environment which needs to enable plugins explicitly, put these lines in your trac.ini file:

TracScreenshots.init.ScreenshotsInit = enabled
TracScreenshots.core.ScreenshotsCore = enabled
TracScreenshots.api.ScreenshotsApi = enabled
TracScreenshots.matrix_view.ScreenshotsMatrixView = enabled
TracScreenshots.tags.ScreenshotsMatrixView = enabled = enabled
TracScreenshots.timeline.ScreenshotsTimeline = enabled # For 0.11 branch.
TracScreenshots.tags.ScreenshotsTags = enabled

ScreenshotMatrixView is currently the only component for actual screenshots display, although there are internally defined interfaces, so any other component with a different view can be introduced in the future.

If you don't have TagsPlugin installed, then replace the last line with:

tracscreenshots.tags.screenshotstags = disabled

Create a directory you have specified with path config option and make sure it is accessible by your Trac server. The next step is to upgrade your environment:

trac-admin <path_to_environment> upgrade


This plugin defines the following permissions, each one in this list depends on the one mentioned before it, and adds its permissions upon that, with SCREENSHOTS_FILTER and SCREENSHOTS_ORDER being on the same level:

SCREENSHOTS_ADDpermission to upload screenshots
SCREENSHOTS_ADMINpermission to upload, delete, view, filter and order screenshots
SCREENSHOTS_DELETEpermission to delete screenshots
SCREENSHOTS_FILTERpermission to modify component and version filter
SCREENSHOTS_ORDERpermission to change the order they are displayed in
SCREENSHOTS_VIEWpermission to browse screenshots and see screenshot uploads in timeline

If you use Apache, please restart it before setting permissions. You can add these permissions by typing the following commands from the command line or you can use the Web admin interface to do it for you:

trac-admin <path_to_environment> permission add <user> SCREENSHOTS_ADMIN
trac-admin <path_to_environment> permission add <user> SCREENSHOTS_ADD
trac-admin <path_to_environment> permission add <user> SCREENSHOTS_DELETE
trac-admin <path_to_environment> permission add <user> SCREENSHOTS_FILTER
trac-admin <path_to_environment> permission add <user> SCREENSHOTS_ORDER
trac-admin <path_to_environment> permission add <user> SCREENSHOTS_VIEW


The macro [screenshot:<screenshot_id>] can be used for screenshots referencing.

For screenshot embedding in wiki page use [[Screenshot(<screenshot_id>, [<attribute>=<value>, ...])]]. First argument is the ID of the screenshot and is mandatory. The following image attributes can then optionally be specified:

  • align - Specifies image alignment in wiki page. Possible values are: left, right and center.
  • alt - Alternative description of image.
  • border - Sets image border of specified width in pixels.
  • class - Class of image for CSS styling.
  • description - Brief description under the image. Accepts several variables (see below).
  • format - Format of returned image or screenshot behind link.
  • height - Height of image. Set to 0 if you want original image height.
  • id - ID of image for CSS styling.
  • longdesc - Detailed description of image.
  • title - Title of image.
  • usemap - Image map for clickable images.
  • width - Width of image. Set to 0 if you want original image width.

Attribute description displays several variables:

  • $id - ID of image.
  • $name - Name of image.
  • $author - User name who uploaded image.
  • $time - Time when image was uploaded.
  • $file - File name of image.
  • $description - Detailed description of image.
  • $width - Original width of image.
  • $height - Original height of image.
  • $tags - Comma separated list of screenshot tags.
  • $components - Comma separated list of screenshot components.
  • $versions - Comma separated list of screenshot versions.


[[Screenshot(2,width=400,height=300,description=The $name by $author: $description,align=left)]]

For creating image maps you may want to consider using tools like imgmap, which itself is dual licensed: Commercial and GPL.

[[ScreenshotsList()]] macro displays a list of all available screenshots on the wiki page. It accepts one argument, which is the template for list items formatting. The possible variables in this template are:

  • $id - ID of image.
  • $name - Name of image.
  • $author - User name who uploaded image.
  • $time - Time when image was uploaded.
  • $file - File name of image.
  • $description - Detailed description of image.
  • $width - Original width of image.
  • $height - Original height of image.
  • $tags - Comma separated list of screenshot tags.
  • $components - Comma separated list of screenshot components.
  • $versions - Comma separated list of screenshot versions.


[[ScreenshotsList($name - $description ($widthx$height))]]


Previous revisions used space separated list of values in the trac.ini configuration options. Now it uses a comma separated list, so change this to prevent inconveniences.

About i18n/l10n support

The 0.12 branch of this plugin is prepared for localization.
But English message texts are still the (POSIX) default. If this isn't your preferred language, you can

  1. check if it's already available from the Trac plugin l10n project at Transifex or
  2. do it yourself, see the l10n cookbook page for Trac plugins for more details.

Contributing your translation is highly appreciated. You could send it to the plugin's maintainer or contribute to Trac plugin l10n project via Transifex:

Top translations: Trac_Plugin-L10N » tracscreenshots

Kindly provided by

Preparing the plugin from source requires the additional step of compiling message catalog files. This will be done automatically by invoking a suitable Babel install. Walk through:

cd tracscreenshots
python ./ compile_catalog -f
python ./ bdist_egg

Step 2 is almost obsolete, and only needed to include translations marked as # fuzzy by the translator, since the compilation before packaging will do message catalog compilation compile only without the extra -f argument. Again, for more details see the l10n cookbook page for Trac plugins.

Change Log

16397 by rjollos on 2017-03-25 09:37:00
Remove obsolete "0.9" code
16191 by rjollos on 2017-01-21 03:51:42
1.2dev: Adapt to Trac 1.2 API

The changes need additional testing. Please be sure to
backup your environment before upgrading, and preferably
test in a sandbox first. Report any issues to #13007.

Fixes #13007.

13303 by hasienda on 2013-06-23 13:10:27
ScreenshotsPlugin: Use own actions instead of 'WIKI_*' for tagging action permission checks, closes #10940.

Fixing the issue for the two most current branches simultaneously.



Author: Blackhex
Maintainer: none (needsadoption)
Contributors: hasienda

Last modified 4 years ago Last modified on May 13, 2020, 11:04:55 PM

Attachments (1)

Download all attachments as: .zip