Hace años escribí este artículo con Photoshop e ImageReady. ImageReady hace mucho que dejó de existir (Adobe lo integró y luego el flujo cambió por completo). Si llegas aquí buscando cómo hacer un banner animado en 2026, la ruta sensata para la mayoría es Canva; si quieres algo más parecido a Photoshop en el navegador, Photopea.
Te cuento el método práctico para blogs, firmas de email, redes o anuncios pequeños: sin instalar suites caras solo para un GIF.
Aviso rápido: algunos enlaces de este artículo son de afiliado. Si contratas a través de ellos me llevo una pequeña comisión y a ti no te cuesta ni un euro más. Solo recomiendo lo que uso o he probado.
Por qué ya no enseño ImageReady
ImageReady era la herramienta clásica para animar frames junto a Photoshop. Hoy no está disponible como producto aparte y no tiene sentido aprender un flujo muerto. Photoshop sigue existiendo (suscripción), pero para un banner sencillo es matar moscas a cañonazos.
Si más adelante quieres vivir del diseño, tienes ideas en ganar dinero con Photoshop. Para el día a día del blog, Canva basta.
Opción 1: Canva (la que recomiendo a casi todo el mundo)
Canva te deja diseñar en el navegador con plantillas. Para animación usa elementos animados, páginas/frames y la exportación a video o GIF según el plan y el tipo de diseño.
- Entra en Canva y crea un diseño con el tamaño que necesitas (por ejemplo 728×90, 300×250, 1080×1080…). Si no lo tienes claro, elige una plantilla de “banner” o “post” y ajústala.
- Pon tu mensaje en grande: una frase, un botón dibujado y poco más. Un banner cargado de texto no se lee.
- Añade movimiento: en Canva puedes animar elementos o usar la opción de animar página (el menú cambia un poco con el tiempo; busca “Animar” en el editor).
- Previsualiza: el movimiento debe durar poco y repetir sin marea. Evita giros locos en banners de anuncios serios.
- Descarga: elige el formato que acepte tu destino (GIF animado, MP4 o PNG estático si al final no hace falta movimiento). Comprueba peso y calidad.
Consejo de alguien que lleva años con webs: el banner bueno es el que se entiende en un segundo. La animación es un reclamo, no el contenido.
Tamaños habituales (oriéntate, no te obsesiones)
| Uso | Tamaño orientativo |
|---|---|
| Banner lateral blog | 300×250 o 336×280 |
| Cabecera / leaderboard | 728×90 |
| Cuadrado redes | 1080×1080 |
| Story / vertical | 1080×1920 |
Antes de subirlo a tu WordPress, comprime si pesa mucho: un GIF enorme ralentiza la página y eso perjudica al SEO y a la paciencia del visitante. Un hosting decente ayuda; yo uso Hostinger en proyectos actuales.
Opción 2: Photopea (si vienes de Photoshop)
Photopea es un editor gratis en el navegador muy parecido a Photoshop (abre PSD). Puedes trabajar por capas y exportar. Para animación tipo frames, el flujo es más manual que en Canva: preparas los fotogramas y exportas como GIF cuando el proyecto lo permite.
- Útil si ya piensas en capas, máscaras y archivos PSD.
- Menos “plantillas bonitas” que Canva: ganas control, pierdes velocidad si empiezas de cero.
- Para un banner de oferta del blog, Canva suele ser más rápido.
Buenas prácticas de banners animados en 2026
- Un solo mensaje y una sola llamada a la acción.
- Contraste alto: texto legible sobre fondo.
- Cuidado con políticas de redes y de Google Ads: algunos formatos limitan parpadeos agresivos.
- Si el banner va en tu web, prioriza peso y lazy-load si tu tema lo permite.
- No uses animación solo porque “queda pro”: a veces un PNG estático convierte igual y carga mejor.
Dónde usarlos en tu plan B
Cabecera de un artículo, promoción de tu guía, anuncio propio en la sidebar, creatividades para campañas. Si estás montando el sitio: crear un blog paso a paso. Herramientas de diseño, hosting y email juntas: hub de herramientas plan B.
¿Quieres montar tu plan B sin perderte?
He juntado en una guía corta todo lo que te contaría si empezáramos de cero: idea, formato, dominio y hosting, primeras publicaciones y cómo empezar a monetizar. Siete días, una o dos horas al día, sin complicarte.
Preguntas frecuentes
¿ImageReady se puede seguir descargando?
No de forma útil ni soportada. Es software antiguo. Usa Canva, Photopea o Photoshop actual.
¿Canva gratis sirve para GIFs animados?
Puedes diseñar y animar en el plan gratuito en muchos casos; algunas descargas o funciones avanzadas pueden pedir plan de pago. Revisa lo que te ofrezca tu cuenta al exportar.
¿Banner animado o vídeo corto?
Para email y muchas sidebars, GIF o MP4 ligero. Para stories y ads modernos, a menudo MP4 se ve mejor. Mira qué acepta cada plataforma.
¿Necesito Photoshop?
No para banners sencillos. Photoshop tiene sentido si ya lo pagas o haces trabajo profesional de retoque; para el resto, Canva o Photopea.
¿Qué tamaño debo usar en mi blog?
Depende de tu plantilla. Mide el hueco real (o copia el tamaño del banner que ya quepa bien) y diseña a ese pixel exacto.
GRATIS · PDF DE 2 PÁGINAS
Llévate la checklist gratis
«Checklist: tu plan B online en 7 días». Lo que tienes que hacer cada día, en casillas para ir marcando. Déjame tu email y te la mando ahora mismo.
