Skip to content

Griffin Mascot Image Test

This page tests every production mascot PNG in two ways:

  1. Each image is drawn over pure white and pure black 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

Griffin in a neutral pose on a white background transparency test
Griffin in a neutral pose on a black background transparency test

Waiting for pixel test…

Welcome

Griffin waving on a white background transparency test
Griffin waving on a black background transparency test

Waiting for pixel test…

Thinking

Griffin thinking on a white background transparency test
Griffin thinking on a black background transparency test

Waiting for pixel test…

Tip

Griffin pointing upward on a white background transparency test
Griffin pointing upward on a black background transparency test

Waiting for pixel test…

Warning

Griffin warning the reader on a white background transparency test
Griffin warning the reader on a black background transparency test

Waiting for pixel test…

Encouraging

Griffin giving a thumbs-up on a white background transparency test
Griffin giving a thumbs-up on a black background transparency test

Waiting for pixel test…

Celebration

Griffin celebrating on a white background transparency test
Griffin celebrating on a black background transparency test

Waiting for pixel test…

The image border is the four-pixel safety margin retained by the trimming script. The space around images in the preview panels belongs to this page.

Small-size callout previews

These examples also show how each trimmed image looks at sidebar size.

General Note

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

Welcome!

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

Key Insight

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

Helpful Tip

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

Watch Out!

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

Keep Going!

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

Well Done!

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