How to slice images in Inkscape

The objective:

You have finished a pretty website design in Inkscape and now want to export all parts in separate bitmaps. To do this in one step you only have to do the following:

• If pictures that should be exported individually are grouped, ungroup them
• Pictures will be exported under the name of their XML-id. To set them to meaningful names use the menu Object -> Object-Properties (or SHIFT+CTRL+O)
• now select all ungrouped pictures and export File->Export bitmap... (or SHIFT+CTRL+E)
  Important: tick the Batch export check-box and set resolution to 90 dpi to have the images in the same resolution as on your screen.

Hint: Note that in Inkscape, the point of origin lies in the lower left corner whilst in HTML/CSS it is defined as the upper left corner.

Frank Wolf

2009/01/15 15:06

Development