Si tienes que mostrar algo animado en una web, probablemente has pensado en un GIF, en un SVG o en una animación Lottie. Ahora también existe .oim. Ninguno sirve para todo. Esta comparación dice dónde encaja cada uno, y dónde no encaja .oim.
Conviene aclarar algo antes. .oim no sustituye a los demás formatos. Es un PNG con capas interactivas dentro. Lo que lo distingue es que el texto, los idiomas y las acciones viajan con la imagen y van firmados.
Qué es cada formato, en una frase
- GIF: una sucesión de fotogramas en una paleta de 256 colores. Se reproduce en cualquier
<img>, sin script. - SVG: un dibujo escrito en XML. Se escala sin perder nitidez y puede animarse con CSS o JavaScript.
- Lottie: una animación vectorial descrita en JSON y reproducida por una librería en el navegador. Es habitual para micro-animaciones de interfaz.
.oim: un PNG con la imagen base sin tocar y una capa de metadatos con textos por idioma, formas, animaciones y acciones. Para moverse y responder necesita<oim-player>.
Lo que .oim hace bien
Piensa en un cartel de una tienda que se vende en cinco países. Con un GIF o un JPG, son cinco archivos. Con .oim, es uno solo. Cada texto tiene sus traducciones dentro, y <oim-player> cambia de idioma sin recargar la imagen.
Hay otras cosas que hace bien:
- El texto es texto. Se selecciona, lo lee un lector de pantalla y puede indexarse. En un GIF el texto son píxeles.
- La imagen base es lossless. La capa de píxeles se guarda sin pérdida. Un degradado o un borde fino no se estropean al exportar.
- Se puede verificar. La firma ECDSA cubre los metadatos y también la imagen base. Si alguien cambia un píxel, el player no muestra el archivo.
- Se adapta al tema. Los colores semánticos cambian con el modo claro u oscuro de la web.
Lo que .oim no hace
Ser honesto aquí importa más que vender.
- No es un vídeo. No hay línea de tiempo continua de vídeo. Para eso existe
.ovm, la variante de vídeo de la misma familia. - Sin script, solo ves la imagen base. Un GIF se anima en cualquier sitio. Un
.oimnecesita el player. Si la página no carga JavaScript, el lector ve el PNG quieto. - No cubre todo el mundo de la animación. Es un formato de diseño con capas, no un motor de producción de cine. La guía no describe sonido, ni efectos 3D complejos.
- No dice quién hizo la imagen. La firma prueba que el archivo es de OIM y que no ha cambiado, no el autor. La autoría vive en un registro aparte.
- No dice si el contenido es cierto. Es una prueba de integridad, no de veracidad.
La tabla para decidir
| Necesitas | Formato más sencillo | Por qué |
|---|---|---|
| Un icono o logo que escale | SVG | Es código, nítido a cualquier tamaño |
| Un bucle corto que funcione en todas partes | GIF | Se ve en cualquier <img>, sin script |
| Una micro-animación de interfaz pulida | Lottie | Editada desde herramientas de diseño, ligera |
| Una pieza con textos en varios idiomas y botones | .oim |
Un solo archivo, texto real, firma |
| Una foto con capas de texto que cambian | .oim |
El texto se cambia en el editor sin redibujar la foto |
| Vídeo de principio a fin | MP4 o .ovm |
.oim no es un vídeo |
Una regla práctica: si el resultado tiene que verse igual en un correo, una red social y una web sin scripts, un GIF o un JPG siguen siendo la opción más segura. Si el mismo diseño tiene que cambiar de idioma, responder al clic o demostrar su origen, .oim tiene sentido.
Un ejemplo cotidiano
Una tienda quiere un banner de rebajas con el precio y dos botones. Con GIF, cada cambio de precio obliga a rehacer la animación. Con SVG, el precio es texto dentro del código, pero el banner no se puede firmar ni cambia de idioma sin escribir código. Con .oim, el precio y los botones se editan como capas, cada idioma tiene su texto y el archivo se puede comprobar. Lo que no ganas es la compatibilidad con un correo: ahí verás solo la imagen base.
Para entender por qué el archivo puede demostrar su integridad, lee el protocolo de firma. Para la idea de partida, la imagen que sabe lo que es. Y si lo que buscas son animaciones pequeñas sin librerías, las microinteracciones vectoriales sin framework muestran otra opción.
Las cifras de tamaño de archivo, de memoria y de rendimiento dependen de cada caso. La guía no publica una comparativa con números, así que no los incluimos aquí.
Preguntas frecuentes
¿Un .oim pesa más que un GIF?
Depende. Una imagen con mucha definición y capas puede pesar más que un GIF pequeño. Un GIF de muchos fotogramas puede pesar más que un .oim con una sola imagen. Compara dos archivos reales de tu caso.
¿Puedo convertir mi GIF a .oim?
No hay una conversión automática documentada. Un .oim tiene capas, no fotogramas. Lo que puedes hacer es rehacer la pieza en el editor, con sus capas de texto y animaciones.
¿El SVG no es también interactivo?
Sí, y puede serlo mucho. La diferencia es que .oim está pensado para textos por idioma y para una firma que comprueba que nadie tocó el archivo. Un SVG editable a mano es código, y el código hay que revisarlo.
¿Qué pasa si el navegador no carga el player?
El usuario ve la imagen base en PNG, sin textos ni animaciones. Por eso conviene que el PNG base ya diga lo esencial. Si la página depende de la interacción, pon una alternativa de texto alrededor.