# Toto · Pixel art de 8 bits

[English](README.md) · [Colección principal](../../../README.es.md) · [Vista previa](preview.html)

Once ilustraciones alternativas: las diez poses de Toto y una pose nueva de Toto asomándose por el logo oficial de Total.js. Todas tienen fondo transparente y conservan sus rasgos de zorro rojo europeo.

La colección tiene su propio [catálogo JSON](manifest.json). Los archivos PNG originales son de 1254 × 1254; las versiones WebP sin pérdida tienen 800 y 480 píxeles de ancho y se exportan con vecino más próximo.

| ID | Pose | Vista previa | Archivos |
| --- | --- | --- | --- |
| `signature` | Firma | <img src="webp/toto-signature-480.webp" width="128" height="128" alt="Pixel art: Toto sonriendo y guiñando un ojo." style="image-rendering:pixelated"> | [PNG](toto-signature.png) · [WebP 800](webp/toto-signature.webp) · [WebP 480](webp/toto-signature-480.webp) |
| `welcome` | Bienvenida | <img src="webp/toto-welcome-480.webp" width="128" height="128" alt="Pixel art: Toto saluda con una pata levantada." style="image-rendering:pixelated"> | [PNG](toto-welcome.png) · [WebP 800](webp/toto-welcome.webp) · [WebP 480](webp/toto-welcome-480.webp) |
| `thinking` | Pensando | <img src="webp/toto-thinking-480.webp" width="128" height="128" alt="Pixel art: Toto ladea la cabeza y se toca la mejilla mientras piensa." style="image-rendering:pixelated"> | [PNG](toto-thinking.png) · [WebP 800](webp/toto-thinking.webp) · [WebP 480](webp/toto-thinking-480.webp) |
| `coding` | Programando | <img src="webp/toto-coding-480.webp" width="128" height="128" alt="Pixel art: Toto trabaja con un portátil oscuro." style="image-rendering:pixelated"> | [PNG](toto-coding.png) · [WebP 800](webp/toto-coding.webp) · [WebP 480](webp/toto-coding-480.webp) |
| `celebrate` | Celebrando | <img src="webp/toto-celebrate-480.webp" width="128" height="128" alt="Pixel art: Toto celebra con las patas levantadas y una sonrisa." style="image-rendering:pixelated"> | [PNG](toto-celebrate.png) · [WebP 800](webp/toto-celebrate.webp) · [WebP 480](webp/toto-celebrate-480.webp) |
| `error` | Algo ha fallado | <img src="webp/toto-error-480.webp" width="128" height="128" alt="Pixel art: Toto se rasca la cabeza con una expresión de desconcierto amable." style="image-rendering:pixelated"> | [PNG](toto-error.png) · [WebP 800](webp/toto-error.webp) · [WebP 480](webp/toto-error-480.webp) |
| `production` | Producción | <img src="webp/toto-production-480.webp" width="128" height="128" alt="Pixel art: Toto apoya una pata en un pequeño servidor con una terminal." style="image-rendering:pixelated"> | [PNG](toto-production.png) · [WebP 800](webp/toto-production.webp) · [WebP 480](webp/toto-production-480.webp) |
| `email` | Correo | <img src="webp/toto-email-480.webp" width="128" height="128" alt="Pixel art: Toto sostiene un sobre entre sus patas." style="image-rendering:pixelated"> | [PNG](toto-email.png) · [WebP 800](webp/toto-email.webp) · [WebP 480](webp/toto-email-480.webp) |
| `totaljs` | Total.js | <img src="webp/toto-totaljs-480.webp" width="128" height="128" alt="Pixel art: Toto acaricia con la mejilla el símbolo de Total.js, con los ojos cerrados y una sonrisa de cariño." style="image-rendering:pixelated"> | [PNG](toto-totaljs.png) · [WebP 800](webp/toto-totaljs.webp) · [WebP 480](webp/toto-totaljs-480.webp) |
| `ia` | Inteligencia artificial | <img src="webp/toto-ia-480.webp" width="128" height="128" alt="Pixel art: Toto juega con un pequeño robot de IA y choca su pata con la mano del robot." style="image-rendering:pixelated"> | [PNG](toto-ia.png) · [WebP 800](webp/toto-ia.webp) · [WebP 480](webp/toto-ia-480.webp) |
| `hexagonal` | Toto asomado al logo | <img src="webp/toto-hexagonal-480.webp" width="128" height="128" alt="Pixel art: Toto se asoma por el logo oficial de Total.js, con la cabeza y las orejas visibles y las dos patas apoyadas en el borde interior." style="image-rendering:pixelated"> | [PNG](toto-hexagonal.png) · [WebP 800](webp/toto-hexagonal.webp) · [WebP 480](webp/toto-hexagonal-480.webp) |

## Uso

Conserva la proporción y el margen transparente. Para mantener los píxeles marcados, utiliza `image-rendering: pixelated`. “8 bits” describe la estética retro; los archivos son PNG RGBA con transparencia, no imágenes indexadas con un límite técnico de ocho bits.

```html
<img src="toto-hexagonal.png" width="160" height="160"
     alt="Toto asomándose por el logo Total.js en pixel art."
     style="image-rendering:pixelated;object-fit:contain">
```

Esta colección alternativa se guarda por separado; la galería principal conserva la colección 3D. La pose `totaljs` muestra a Toto con el símbolo verde de Total.js; `hexagonal` muestra a Toto asomado por el logo oficial, conservando su anatomía de zorro.

Se aplican la [licencia](../../../LICENSE.es.md) y la [guía de identidad](../../../docs/es/identidad.md). Las apps, webs, servicios y contenidos de Total.js que muestren a Toto deben incluir un aviso visible «Creado con Total.js» y un enlace a [totaljs.com](https://www.totaljs.com) o [totaljs.es](https://www.totaljs.es), según las condiciones de la licencia.

## Exportar

Desde la raíz del repositorio, con `ffmpeg` y `cwebp` disponibles:

```sh
node tools/pixel.cjs
```

© 2026 Spanish Total.js.

Toto es la mascota oficial de toda la comunidad Total.js; la identidad y las ilustraciones se acreditan a Spanish Total.js.