Custom Dice Images

Written by Mike Moede

December 17, 2020

Vorpal board allows you to create dice with custom images to allow for maximum flexibility in creating a more realistic dice rolling experience. To allow for images to work best in rolls and throughout the application we’ve chosen to use vector graphics to improve overall performance. Most people are only familiar with raster style graphics types such as png or jpeg so this blog is to educate users about how to deal with common quirks and problems they have when making the transition to scalable vector graphics (svg) image format.

Online Vector Image Libraries

For starters, there are some very good resources online that have pre-built icons that can be downloaded and used in Vorpal Board. This is by far the easiest way to get images quickly. When using these, it is important to download the SVG image and not the PNG image.

Game-Icons is an online repository providing heaps of cool game related graphics. They are provided provided under the terms of the Creative Commons 3.0 BY license. You can also edit them online.

TIP: before downloading images from game-icons, change the background to None for best results.

Noun Project

The Noun Project proclaims to be the most comprehensive icon collection in the world. Their community of designers from 120+ countries is building the most diverse and extensive collection of iconography ever created. Their terms of use are stated here.

Converting from PNG to SVG

If you already have PNG images you want to use in our software, many tools such as Adobe Photoshop or GIMP will embed the png inside the svg rather than converting it. That will lead to a poor result in terms of quality, performance, and size. If you absolutely need to use a pre-existing png, it is preferable to instead convert the image into an SVG which will create an approximation of the original, but in vector format. In order to do this you need to use tools designed for vector graphics such as Inkscape or Adobe Illustrator. Keep in mind these conversions are not identical and can be tricky to configure, so this is probably the least-desirable path to get a vector image.


Inkscape is a free and open-source vector graphics editor used to create vector images, primarily in Scalable Vector Graphics (SVG) format. Other formats can be imported and exported. This is the tool the Vorpal team uses whenever we have to convert raster to vector images.

There are lots of examples online on how to use inkscape to convert images to SVG such as this one

Adobe Illustrator

Check out this video

Online converters

There are also tools online that can “automatically” convert images to PNG’s. These work in most cases, but results can vary considerably. Here are some examples:

Other Considerations / FAQ

  1. While it is preferable NOT to embed image elements in SVG’s as mentioned above, if you have to do so make sure the tag is “image” and not “img” otherwise you can run into issues in certain browsers. (
  2. Sizes for images are limited to 125kb. If you are above that threshold, check if you are embedding images directly and consider following some of the techniques to convert your png instead which are described above.
  3. When creating images in inkscape, try to minimize the empty space around the actual image and keep the document height and width to approximately the same size for best results.

How to Play D&D Online Using Shared Dice

In this video, James and Thad cover how to use standard and custom shared dice when you play D&D Online. Dice rolls are synchronized between players so everyone sees the results in real time. You can customize the color, text, and...

read more

How to Play D&D Online Using 2D Maps

In this vide, we're joined by Dungeon Master Dan "Inkdmage" Masucci to cover how to play D&D online using 2D maps. We cover minis, player moves, dice rolling, switching maps and more. Learn from an experienced Vorpal Board DM to bring...

read more

How to Play D&D Online Using 3D Terrain

In this video, we're joined by DM Arthur Wright to cover how to play D&D online using your own 3D terrain and minis. We discuss and demo static images, live video, terrain building for online play, camera angles, room lighting and...

read more

Card Indexing

Learn how to use the card indexing sheets to track physical cards as they are scanned in. This allows you to easily play games that require stealing or trading of cards. If you need more card index sheets, you can download them here: Card...

read more

Game Layouts vs. My Views

Vorpal Board offers two ways to save and recall parts of the tabletop so that you can easily switch back and forth: Game Layouts & My Views. It is important to understand the difference to ensure that you don't accidentally change the...

read more

Dice Builder Overview

Learn how to build and roll custom 3D dice using the dice builder and your Vorpal Board account. You can customize dice color and faces using a combination of text and SVG images. Once created, search for dice in the dice drawer by title...

read more

Vorpal Board Player Overview

Learn the basic functionality available in this Vorpal Board Player Overview video. Share this video with new players before their first game on the platform. We cover connecting to a game, changing your name & color, rolling dice, and...

read more

Create and Save Sets

Learn how to create and save sets using the Vorpal Board smartphone app. Get your games going quicker than ever by saving sets for easy reuse of components. Be sure to check out all the How-To video posts here or conveniently...

read more

Save Your Game

Learn how save your current game using the Vorpal Board mobile app on Android or iOS. You can save as many games as you need to easily pick up where you left off. Saved games can be given a name and can be managed using the mobile app. Be...

read more