Skip to content

Sage Mascot Image Test

This page tests every production mascot PNG in two ways:

  1. Each image is drawn over checkerboard and dark backgrounds so opaque boxes, halos, and edge contamination are easy to spot.
  2. A browser-side pixel test checks for an RGBA transparency region, transparent corners, and the 4 px content border produced by trim-padding-from-image.py (using the script's alpha threshold of 10).
Running pixel checks…

Neutral

Sage in a neutral pose on a checkerboard transparency test
Sage in a neutral pose on a dark transparency test

Waiting for pixel test…

Welcome

Sage waving on a checkerboard transparency test
Sage waving on a dark transparency test

Waiting for pixel test…

Thinking

Sage thinking on a checkerboard transparency test
Sage thinking on a dark transparency test

Waiting for pixel test…

Tip

Sage pointing upward on a checkerboard transparency test
Sage pointing upward on a dark transparency test

Waiting for pixel test…

Warning

Sage warning the reader on a checkerboard transparency test
Sage warning the reader on a dark transparency test

Waiting for pixel test…

Encouraging

Sage giving a thumbs-up on a checkerboard transparency test
Sage giving a thumbs-up on a dark transparency test

Waiting for pixel test…

Celebration

Sage celebrating on a checkerboard transparency test
Sage celebrating on a dark transparency test

Waiting for pixel test…

Mascot admonitions

General Note

Sage neutral pose This is the neutral style, used for general sidebars or introductions.

Welcome!

Sage waving welcome This is the welcome style, used at chapter openings.

Key Insight

Sage thinking This is the thinking style, used for key concepts.

Helpful Tip

Sage giving a tip This is the tip style, used for hints and advice.

Watch Out!

Sage warning This is the warning style, used for common mistakes.

Keep Going!

Sage encouraging This is the encouraging style, used for difficult content.

Well Done!

Sage celebrating This is the celebration style, used for achievements.