Inkscape SVG Layers Into Bitmaps Using JessyInk

On 2 min, 7 sec read

Save Inkscape Layers As Bitmap Images

A recent game required the creation of several related images. An image was created as a layer in Inkscape. The image was duplicated as a layer and slightly modified in subsequent layers.

Inkscape can export an area as a bitmap image in PNG format. Exporting individual visible Inkscape layers is tedious. A simpler exporting individual layers exists using the JessyInk plugin.

In this tutorial images will be created using Inkscape and bitmaps will be exported using the JessyInk plugin

    Tools are required:

  • Inkscape SVG editor.
  • JessyInk plugin for Inkscape.
  • Un-archiver to decompress zip files.

Create Images Using Inkscape

Inkscape is required in order to follow this part of the tutorial. Inkscape can be downloaded at http://inkscape.org. Inkscape JessyInk plugin can be downloaded at http://code.google.com/p/jessyink.

    Run Inkscape:

  1. File -> Document Properties -> Custom size.
  2. Create image 320px x 50px.
  3. Create and edit text objects tool -> Ojambo.com in red.
  4. Layer -> Layers -> Duplicate Current Layer
  5. Ojambo.com in yellow.
  6. Layer -> Layers -> Duplicate Current Layer
  7. Ojambo.com in green.
  8. File -> Save As -> JavaScript Flip Images
  9. File -> Save A Copy -> JessyInk zipped pdf or png output(*.zip)
  10. Settings -> Type = PNG

Image Missing
Ojambo.com Inkscape Document Properties

Image Missing
Ojambo.com Inkscape Show Layers Dialog

Image Missing
Ojambo.com Inkspace Save A Copy

Image Missing
Ojambo.com Save JessyInk Presentation

Image Missing
Ojambo.com JessyInk PNG Output

How To Use:

    Open File Manager

  • Navigate to location where the zip file was saved.
  • Open zip file in your un-archiver.
  • Observe the files inside the archived file.

Demonstration:

Ojambo.com Inkscape SVG Layers Into Bitmaps Using JessyInk Tutorial

Image Missing
Ojambo.com JessyInk Zip File Contents

Conclusion:

Saving individual Inkscape layers is tedious. JessyInk converts each Inkscape layer into a single slide for presentation purposes. JessyInk has options for the conversion process.

JessyInk allows output to only bitmap PNG files. The files are automatically archived in a zip file.

    Recommendations:

  1. Rename layers because JessyInk uses layer names as the file names.
  2. Select PNG option to output only bitmap files.
  3. Keep the plugin up-to-date by checking for updates.

🚀 Recommended Resources


Disclosure: Some of the links above are referral links. I may earn a commission if you make a purchase at no extra cost to you.

About Edward

Edward is a software engineer, author, and designer dedicated to providing the actionable blueprints and real-world tools needed to navigate a shifting economic landscape.

With a provocative focus on the evolution of technology—boldly declaring that “programming is dead”—Edward’s latest work, The Recession Business Blueprint, serves as a strategic guide for modern entrepreneurship. His bibliography also includes Mastering Blender Python API and The Algorithmic Serpent.

Beyond the page, Edward produces open-source tool review videos and provides practical resources for the “build it yourself” movement.

📚 Explore His Books – Visit the Book Shop to grab your copies today.

💼 Need Support? – Learn more about Services and the ways to benefit from his expertise.

🔨 Build it Yourself – Download Free Plans for Backyard Structures, Small Living, and Woodworking.

Comments

2 responses to “Inkscape SVG Layers Into Bitmaps Using JessyInk”