The first public release of Ruler
King — the pixel-perfect ruler and
measurement Chrome extension for
web designers, front-end developers
and QA engineers. This Chrome
extension changelog marks the
beginning of the version history
for a tool built to bring
precision measurement directly
into the browser.

✨ Rulers

• Pixel-perfect horizontal and
  vertical rulers overlaid on
  any webpage
• Supports px, rem, em, vw
  and vh units
• Adjustable ruler size
  16px – 64px
• Adjustable opacity 10% – 100%
• Show horizontal, vertical
  or both rulers
• Minimise rulers with one click
• Multiple colour themes

 

✨ Element measurer

• Click any element to measure
  width, height, X and Y position
• Inspect font family, size
  and weight
• Inspect background colour
  and text colour
• Inspect padding, margin,
  border and z-index
• Copy all values to clipboard
• Right-click context menu —
  Measure this element

 

✨ Image measurer

• Right-click any image to
  measure display dimensions
• Shows natural intrinsic
  dimensions alongside display
  dimensions
• Copy image dimensions
  to clipboard

 

✨ Guides

• Add unlimited horizontal
  and vertical guide lines
• Drag guides to reposition
• Live position label on
  each guide
• Right-click to add guide
  at exact position
• Remove individual guides
  or clear all at once

 

✨ Origin & distance tool

• Set a draggable origin point
  anywhere on the page
• Live distance to all 4
  viewport borders
• ΔX and ΔY from origin
  to any point
• Diagonal distance calculation
• Copy all distances
  to clipboard

 

✨ Screenshot area

• Draw a selection rectangle
  to capture any area of
  any webpage
• Preview before saving
• Download captured area
  as PNG
• Copy captured area directly
  to clipboard

 

✨ Viewport measurer

• Viewport width and height
• Device pixel ratio
• Screen resolution

 

✨ Settings & customisation

• Unit switcher — px, rem,
  em, vw, vh
• Multiple colour themes
• Ruler size control
• Opacity control
• Show or hide ruler labels
• Snap to pixel toggle
• Cursor tooltip toggle
• Floating panel toggle

 

✨ Right-click context menu

• Toggle ruler on/off
• Measure this element
• Measure this image
• Measure viewport
• Measure distance from origin
• Set origin here
• Add horizontal guide here
• Add vertical guide here
• Clear all guides
• Screenshot area

 

✨ Internationalisation

• Available in 16 languages —
  English, Spanish, French,
  German, Italian,
  Portuguese BR, Japanese,
  Korean, Chinese Simplified,
  Arabic, Russian, Klingon,
  Pirate, Shakespearean,
  Yoda and Emoji

 

✨ Privacy

• Zero data collected
• No analytics or tracking
• No external requests
• All settings stored locally
  on device only