--- title: Cómo agregar una imagen o animación description: Disponible en Usando el Hotspot de Imagen, disponible en la barra de herramientas del editor, puedes agregar tanto imágenes estáticas como animadas a las páginas de tu publicación en línea. Las imágen --- [Ir directamente al contenido](https://support.publitas.com/es/cómo-agregar-una-imagen-o-animación#main-content) - [Español](https://support.publitas.com/es/c%C3%B3mo-agregar-una-imagen-o-animaci%C3%B3n) - [Deutsch](https://support.publitas.com/de/adding-an-image-or-animation) - [English](https://support.publitas.com/adding-an-image-or-animation) - [Nederlands](https://support.publitas.com/nl/adding-an-image-or-animation) Español Traducciones de Mostrar submenú de [Contacte Soporte Tecnico](https://support.publitas.com/es/kb-tickets/new?hsLang=es) ![8e7d93d34c6a0dffd24a52422ca035bf10d6814b.png\]](https://support.publitas.com/hs-fs/hubfs/8e7d93d34c6a0dffd24a52422ca035bf10d6814b.png?height=36&name=8e7d93d34c6a0dffd24a52422ca035bf10d6814b.png) Abrir navegación principal Cerrar navegación principal - - [Español](https://support.publitas.com/es/c%C3%B3mo-agregar-una-imagen-o-animaci%C3%B3n) - [Deutsch](https://support.publitas.com/de/adding-an-image-or-animation) - [English](https://support.publitas.com/adding-an-image-or-animation) - [Nederlands](https://support.publitas.com/nl/adding-an-image-or-animation) Español Traducciones de Mostrar submenú de - [Contacte Soporte Tecnico](https://support.publitas.com/es/kb-tickets/new) - Regreso a Publitas Regreso a Publitas ¿Cómo podemos ayudarte? - No hay sugerencias porque el campo de búsqueda está vacío. 1. [Centro de Ayuda](https://support.publitas.com/es?hsLang=es) 2. [Añadir ''Hotspots''](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es) 3. [Explicación de los Hotspots](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#explicaci%C3%B3n-de-los-hotspots) # Cómo agregar una imagen o animación ***Disponible en Silver, Gold y Enterprise*** Usando el Hotspot de Imagen, disponible en la barra de herramientas del editor, puedes agregar tanto imágenes estáticas como animadas a las páginas de tu publicación en línea. Las imágenes animadas (GIF) pueden llamar más la atención sobre ciertas áreas de la página o dar vida a paisajes. Los formatos admitidos son JPG, PNG y GIF. Los dos últimos también admiten transparencia, lo que puede integrar la imagen en el contenido existente. ### ¿Cómo funciona?: 1. Abre el editor a través de "**Agregar Hotspots**" 2. Selecciona la herramienta "**Agregar una imagen**" 3. Dibuja el área donde la imagen debe ajustarse. 4. Envía la URL de la imagen o carga la imagen en Publitas. 5. Selecciona si la imagen debe aparecer al hacer clic (hotspot), mostrarse en la página (incrustar) o ambas cosas (incrustar interactivamente). Cómo crear un punto activo en una imagen:![](https://support.publitas.com/hs-fs/hubfs/esimagehotspot-gif.gif?width=720&height=363&name=esimagehotspot-gif.gif) ### Consejos: - También puedes agregar un **texto alternativo** para describir el contenido a usuarios con discapacidad visual. - Utiliza la opción de Relleno para imágenes incrustadas para que tus imágenes llenen el área dedicada de borde a borde. - Para garantizar que tu contenido se cargue al instante y **reducir el peso del contenido para el tráfico móvil**, te recomendamos optimizar el contenido para su uso en línea. Dependiendo de las dimensiones y el número de cuadros del GIF animado, es mejor mantener el tamaño del archivo bien por debajo de 500 kb, preferiblemente por debajo de 100 kb si es posible sin afectar la calidad de la imagen. - Puedes usar un efecto de **stop-motion** para reducir el número de cuadros necesarios. Esto es especialmente útil si tienes una animación larga o deseas que la animación abarque toda una página. - Si deseas que una animación se repita, puedes configurar un contador de repeticiones o configurar un bucle infinito al exportar la animación a un archivo GIF ([Cómo crear un GIF animado en Photoshop](https://www.youtube.com/watch?v=omdfcGYEqPY)). - Cuando la opción de descarga de PDF esté en el menú del lector y planees agregar animaciones a tu publicación, considera mostrar una versión estática de la imagen en el PDF para que exista debajo de la animación. De esta manera, no habrá espacio vacío en la página cuando los usuarios descarguen el PDF, el cual no incluye los hotspots de imagen. - [Gestión de publicaciones.](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#main-content) - [Crea contenido en Publitas.](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#crea-contenido-en-publitas) - [Administra tus publicaciones.](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#administra-tus-publicaciones) - [Editar paginas](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#editar-paginas) - [Cómo Actualizar la URL de la Publicación](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#c%C3%B3mo-actualizar-la-url-de-la-publicaci%C3%B3n) - [SEO](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#seo) - [Solución de Problemas](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#soluci%C3%B3n-de-problemas) - [Crear contenido adaptativo en Publitas](https://support.publitas.com/es/gesti%C3%B3n-de-publicaciones?hsLang=es#crear-contenido-adaptativo-en-publitas) - [Añadir ''Hotspots''](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#main-content) - [Utilizando el editor de hotspots](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#utilizando-el-editor-de-hotspots) - [Explicación de los Hotspots](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#explicaci%C3%B3n-de-los-hotspots) - [Automatización de Hotspots](https://support.publitas.com/es/a%C3%B1adir-hotspots?hsLang=es#automatizaci%C3%B3n-de-hotspots) - [Personalizando el Lector](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#main-content) - [Ajustes del lector](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#ajustes-del-lector) - [Estrategia de marca](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#estrategia-de-marca) - [Banners](https://support.publitas.com/es/personalizando-el-lector?hsLang=es#banners) - [Publicación de Publicaciones.](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#main-content) - [Compartir](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#compartir) - [Integrar](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#integrar) - [Disponibilidad](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#disponibilidad) - [Generando alcance](https://support.publitas.com/es/publicaci%C3%B3n-de-publicaciones?hsLang=es#generando-alcance) - [Comercio Electrónico y Feed de Productos](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#main-content) - [Como Importar Feed the Productos](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#como-importar-feed-the-productos) - [Cómo gestionar los detalles del producto:](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#c%C3%B3mo-gestionar-los-detalles-del-producto) - [Soluciones de E-Commerce](https://support.publitas.com/es/comercio-electr%C3%B3nico-y-feed-de-productos?hsLang=es#soluciones-de-e-commerce) - [Publicaciones Dinámicas.](https://support.publitas.com/es/publicaciones-din%C3%A1micas?hsLang=es#main-content) - [Cómo crear contenido dinámico](https://support.publitas.com/es/publicaciones-din%C3%A1micas?hsLang=es#c%C3%B3mo-crear-contenido-din%C3%A1mico) - [Análisis de Publicaciones.](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#main-content) - [Tablero de Publicación](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#tablero-de-publicaci%C3%B3n) - [Google Analytics](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#google-analytics) - [Otras Integraciones](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#otras-integraciones) - [Conclusiones y recomendaciones](https://support.publitas.com/es/an%C3%A1lisis-de-publicaciones?hsLang=es#conclusiones-y-recomendaciones) - [API](https://support.publitas.com/es/api?hsLang=es#main-content) - [API de Publitas](https://support.publitas.com/es/api?hsLang=es#api-de-publitas) - [Privacidad y Seguridad.](https://support.publitas.com/es/privacidad-y-seguridad?hsLang=es#main-content) - [Seguridad de la cuenta](https://support.publitas.com/es/privacidad-y-seguridad?hsLang=es#seguridad-de-la-cuenta) - [Cookies, privacidad y políticas](https://support.publitas.com/es/privacidad-y-seguridad?hsLang=es#cookies-privacidad-y-pol%C3%ADticas) - [Cuenta](https://support.publitas.com/es/cuenta?hsLang=es#main-content) - [Nombre de usuario y contraseña](https://support.publitas.com/es/cuenta?hsLang=es#nombre-de-usuario-y-contrase%C3%B1a) - [Gestionar tu cuenta](https://support.publitas.com/es/cuenta?hsLang=es#gestionar-tu-cuenta) - [Facturación.](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#main-content) - [Detalles de facturación](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#detalles-de-facturaci%C3%B3n) - [Suscripción](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#suscripci%C3%B3n) - [Tráfico de Datos](https://support.publitas.com/es/facturaci%C3%B3n?hsLang=es#tr%C3%A1fico-de-datos) - [Socios e integraciones](https://support.publitas.com/es/socios-e-integraciones?hsLang=es) - [Centro de Aprendizaje](https://support.publitas.com/es/centro-de-aprendizaje?hsLang=es#main-content) - [Tutoriales](https://support.publitas.com/es/centro-de-aprendizaje?hsLang=es#tutoriales) - [Confianza y seguridad](https://support.publitas.com/es/confianza-y-seguridad?hsLang=es) [![publitas logo blue](https://support.publitas.com/hs-fs/hubfs/01.%20Brand%20kit/Publitas-logo-trans-publitas-blue-backg-02_900px.png?width=162&height=64&name=Publitas-logo-trans-publitas-blue-backg-02_900px.png "publitas logo blue")](http://publitas.com) Copyright © 2026, Publitas B.V.