Skip to content

Echo 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

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

Waiting for pixel test…

Welcome

Echo waving on a checkerboard transparency test
Echo waving on a dark transparency test

Waiting for pixel test…

Thinking

Echo thinking on a checkerboard transparency test
Echo thinking on a dark transparency test

Waiting for pixel test…

Tip

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

Waiting for pixel test…

Warning

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

Waiting for pixel test…

Encouraging

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

Waiting for pixel test…

Celebration

Echo celebrating on a checkerboard transparency test
Echo celebrating on a dark transparency test

Waiting for pixel test…

Mascot admonitions

General Note

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

Welcome!

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

Key Insight

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

Helpful Tip

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

Watch Out!

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

Keep Going!

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

Well Done!

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