Widget «Imagen»

El widget de imagen coloca una imagen en tu web. Además de mostrarla, puedes hacer que una imagen funcione como un botón: que lleve a otra página o a otra web, que descargue un archivo o que abra una ventana emergente. Las imágenes decoran tu web, presentan tus productos y te dan otra vía para comunicarte con quienes te visitan.

Estos son los tipos de archivo de imagen compatibles: png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp.

Advertencia: Cualquier imagen que subas al sistema queda accesible públicamente. No subas información personal ni confidencial. Para eliminar una imagen por completo, bórrala desde el selector.

Nota:

• Cada sitio puede contener hasta 15.000 archivos multimedia, entre imágenes, audio y archivos. A partir de ahí aparece un mensaje de error. Cada archivo puede ocupar como máximo 50 MB.
• Los nombres de archivo no pueden llevar espacios ni caracteres especiales.

Para saber cómo añadir widgets, consulta «Add Widgets».

Consejo: Para más información sobre los widgets y la biblioteca de widgets, consulta «Widgets: Library and Overview».

Añadir el widget de imagen desde el Media Panel (Editor 2.0)

Desde el Media Panel añades al canvas una imagen y su widget de imagen en un solo paso, o reemplazas una imagen que ya está puesta. Tienes más detalles sobre el Media Panel en «Media Panel».

Para añadir un widget de imagen desde el Media Panel:

1. En el panel lateral, haz clic en Añadir y luego en Medios.
2. (Opcional) Usa los filtros para encontrar la imagen que buscas. O haz clic en Upload Media para añadir una imagen nueva.
3. Arrastra la imagen que quieras hasta el canvas. Ten en cuenta que las imágenes no se pueden colocar en widgets conectados a páginas dinámicas.

Editor de contenido

Haz clic en el elemento para abrir el menú flotante y luego en la opción del editor de contenido.

1. Una vez que el widget de imagen está en el sitio, haz clic en Imagen para elegir una imagen.
2. Elige entre las fotos de stock de la galería o haz clic en Cargar para añadir tu propia imagen. Para ver más opciones, haz clic en Expandir. Cuando ya hay una imagen seleccionada, tienes esta opción:
   • Reemplazar Elige otra imagen.
3. En el editor de contenido tienes estas opciones:
   • Vincular imagen Puedes enlazar las imágenes a otras páginas y URLs, a ventanas emergentes, a anclas, a direcciones de correo y a archivos descargables. Cuando un visitante hace clic en la imagen, va al enlace.
   • Texto alternativo Ayuda a los motores de búsqueda a reconocer el contenido de la imagen. Escribe un texto que describa la imagen.
     • Haz clic en Todo el texto alternativo para ver y gestionar el texto alternativo de todas las imágenes del sitio.
   • Información de herramienta Texto que aparece cuando un visitante pasa el ratón por encima de una imagen.
   • Subtítulo Escribe un pie para la imagen.
   • Alternate image on-hover.

Generar una imagen con IA

Esta función todavía está en fase de pruebas y se va activando en las cuentas poco a poco.

Para generar una imagen con IA, haz clic en el icono de destello de IA del menú flotante del widget de imagen. Escribe un prompt y elige el formato de la imagen (cuadrado, horizontal o vertical). Cuando lo tengas listo, haz clic en la flecha naranja de enviar para generar la imagen.

Haz clic en Usar esto para quedarte con la imagen que quieras. Si lo necesitas, también puedes empezar de nuevo con otro prompt, volver a generar con el mismo prompt o editar la imagen elegida.

Editor de diseño

Haz clic en el elemento para abrir el menú flotante y luego en la opción para editar el diseño.

La opción para desactivar la optimización de la imagen está en la pestaña Estilo.

Advertencia: Desactivar la optimización de la imagen puede afectar a la velocidad y al rendimiento de la página.

Para saber más sobre las opciones de diseño que no son específicas de este widget (por ejemplo, la disposición, el estilo o los espaciados), consulta «Widget Design».

Preguntas frecuentes y solución de problemas

Las imágenes se ven borrosas, ¿cómo lo soluciono?

A veces las imágenes salen borrosas por el proceso de optimización. Si te pasa, puedes desactivar la optimización, aunque eso puede afectar a la velocidad del sitio.

Para desactivar la optimización:

1. Haz clic en el elemento para abrir el menú flotante y luego en la opción para editar el diseño.
2. Ve a la sección Estilo.
3. Haz clic en la opción Do not optimize this image.

Recibo el error «Name already in use», pero no tengo ningún archivo con ese nombre

Los nombres de archivo pueden quedarse un tiempo en la caché. Si hace poco borraste un archivo con ese mismo nombre, es probable que siga en la caché, así que tendrás que usar un nombre distinto.

¿Por qué el contenido del archivo que subí no es el correcto?

Puede que hayas borrado hace poco un archivo con el mismo nombre. Como los nombres de archivo se quedan un tiempo en la caché, tendrás que cambiarle el nombre al archivo.

Para cambiar el nombre de un archivo, abre el Media Manager, selecciona el archivo y haz clic en Cambiar nombre. Si usas una biblioteca o un selector, activa en ellos la opción ADMINISTRAR.

Se añaden caracteres de más al nombre del archivo

Lo más probable es que ya exista un archivo con ese nombre, o que borraras uno hace poco. Como los nombres de archivo se quedan un tiempo en la caché, lo mejor suele ser cambiarle el nombre al archivo.

Para cambiar el nombre de un archivo, abre el Media Manager, selecciona el archivo y haz clic en Cambiar nombre. Si usas una biblioteca o un selector, activa en ellos la opción ADMINISTRAR.

¿Cómo consigo que una imagen se muestre con el tamaño correcto?

Para optimizar el tamaño de las imágenes de tu web:

• Sube las imágenes solo tan grandes como las vayas a usar (por ejemplo, si la imagen va a aparecer a 300px por 300px en la web, no la subas a 4000px por 4000px).
• La imagen más grande que se muestra en tu web no puede superar los 3.145.728 píxeles.
• Ten en cuenta la proporción: una imagen 16:9 se ve estupenda en escritorio, pero demasiado pequeña en el móvil. En ese caso:
  • Usa la función Hide on Device para crear una versión propia de la imagen para cada dispositivo.
  • Ajusta las dimensiones de la imagen (la proporción) para que encaje. Los cambios de tamaño se aplican con independencia del dispositivo.

Una imagen no se sube

Puede haber varios motivos por los que un archivo falle.

Un buen primer paso es comprobar si puedes subir otras imágenes.

Si puedes, lo normal es que el problema esté en el propio archivo o en que pesa demasiado (un archivo puede ocupar como máximo 200 MB).

Consejo: Hay varias causas posibles que impiden subir archivos; una habitual es que el archivo esté bloqueado. En ese caso, quien fuera el propietario anterior del archivo tiene que desbloquearlo y puede que necesite facilitar una versión nueva.

Si no puedes subir ninguna, puede deberse a esto:

• Has llegado al límite de archivos (por sitio se pueden subir hasta 15.000 imágenes, clips de audio y archivos).
• El navegador o el dispositivo que usas. Aquí puede ayudar vaciar la caché, probar otro navegador u otro dispositivo, o reiniciar el dispositivo.