Double Ruler Pattern Generator

I use a ruler when photographing small items to show their actual size, but I couldn’t find one that meets my specific needs. Most online ruler generators were too rigid, so I built and open-sourced this configurable double-ruler pattern generator to provide more flexibility.

This tool creates everything from standard office and architect’s scales to vertical level staffs, centering rulers, and conversion scales. Try the generator and view the examples below, and let me know your thoughts in the comments.

Ruler Pattern Generator App




Usage Description

Most fields accept inches, centimeters, millimeters, and pixels, including fractions. For example: 6.5 in, 2″, 42 cm, 0.4mm, or 720 px. If no unit is provided, the tool defaults to centimeters. All specified parameters are stored in the URL, so we can easily save or share ruler designs via the link.

Pixel Density ensures the generated image remains sharp for display and printing. You can select a predefined value from the drop-down list or customize it further via the URL. For optimal results, use 127 or 254 PPI (points per inch) for metric rulers; other values work well for imperial scales.

Next Step for Ruler Pattern Generator

The current version of the app generates raster images (PNG) of any PPI, which is perfect for printing on laser or ink printers. Generating a vector graphic file would be a good improvement, as it could be used to make rulers more efficiently with laser engravers, CNC machines, and plotters.

Examples of Ruler Designs

To demonstrate the tool’s flexibility, I have put together five configurations. The examples below show how the generator can be adjusted for various tasks, from standard measurements to more specialized layouts.
 

A digital double-sided ruler showing centimeters on top and inches on the bottom, with the text Precision tailored to your project. The image was generated with a double ruler pattern generator at rchernikov.com

Simple Office Ruler

Adjust the design

An image of an enhanced visibility ruler displaying inch measurements from 1 to 6 with oversized bold numbering and thick tick marks. The image was generated with a double ruler pattern generator at rchernikov.com

Oversized tick marks and numbering

Adjust the design

A generated graphic of an Inches/Centimeters Conversion Scale ruler, showing measurements from 0" to 4" on the top edge and 0cm to 10cm on the bottom edge. The image was generated with a double ruler generator at rchernikov.com

Dual-scale layout

Adjust the design

A graphic of a center-finding ruler featuring a scale that runs from negative 2 to positive 2 inches with the zero mark in the middle. The image was generated with a double ruler generator at rchernikov.com

Zero mark in the middle

Adjust the design

A dual-scale thermometer ruler displaying Fahrenheit temperatures from -40° to 120° on the top edge and Celsius temperatures from -40° to 50° on the bottom edge. The image was generated with a double ruler pattern generator at rchernikov.com

Dual-scale thermometer

Adjust the design

I used my software engineering skills to solve a practical workshop problem. Give the ruler pattern generator a try and let me know what you think in the comments.