Office
Iniciar sesión

Usar el elemento web imagen

Nota:  Nos gustaría proporcionarle el contenido de ayuda actual lo más rápido posible en su idioma. Esta página se ha traducido mediante un sistema automático y es posible que contenga imprecisiones o errores gramaticales. Nuestro objetivo es que este contenido sea útil para usted. ¿Puede informarnos sobre si la información le ha sido útil al final de la página? Aquí tiene el artículo en inglés para que pueda consultarlo fácilmente.

Traer enfoque e interés visual a la página con el héroe elemento web. Puede mostrar hasta cinco elementos en el elemento web imagen y usar atractivas imágenes, texto y vínculos para destacar cada uno. El elemento web imagen se incluye en los sitios de comunicación de forma predeterminada, pero también puede agregar el elemento web imagen a otras páginas.

Notas: 

  • Algunas funciones es introducida gradualmente a las organizaciones que han optado por el programa de versión de destino. Esto significa que aún no puede ver esta característica o puede tener un aspecto diferente a lo que se describe en los artículos de ayuda.

  • Debe tener permisos de edición para crear páginas. Si es un propietario, pero no puede agregar una página, es posible que han desactivado la capacidad de hacerlo el administrador.

Contenido

El elemento web imagen en los sitios de comunicación: tema y Showcase

Cuando se crea un sitio de comunicación, el elemento web imagen se incluye en la página de forma predeterminada. Se rellenarán con imágenes predeterminadas, texto y vínculos que cambian para presentar sus propias imágenes, texto, páginas, vínculos o documentos.

Cuando seleccione tema para el tipo de sitio de comunicaciones que desee, la imagen predeterminada es un diseño en mosaico con cinco mosaicos (que puede cambiar de uno a cinco):

Elemento web de imagen en el sitio de comunicación

Cuando se selecciona Showcase para el tipo de sitio de comunicaciones que desee, la imagen predeterminada es un diseño vertical con tres niveles (que puede cambiar de uno a cinco capas):

Imagen de galería

Puede cambiar el diseño del elemento web imagen de una cuadrícula a capas verticales con el botón Editar elemento web, Botón de edición del elemento Web y puede cambiar los vínculos, imágenes y texto para cada mosaico o capa mediante el botón Editar detalles, Editar detalles para cada uno mosaico o capa.

Botones de edición de imagen

1. editar el botón del elemento web

2. Editar botón Detalles

Cambiar el diseño del elemento web imagen

  1. Si no está ya en modo de edición en la página, haga clic en Editar en la parte superior derecha de la página.

  2. Haga clic en la web parte Editar elemento web botón Botón de edición del elemento Web a la izquierda y seleccione el tipo de diseño que desee: puede seleccionar hasta 5 mosaicos (por ejemplo, en un sitio de tema), o 5 capas (por ejemplo, en un sitio de Showcase).

    Opciones de diseño de imagen Opciones de diseño de imagen

Cambiar la imagen, texto y vínculos para cada mosaico o capa

  1. Si no está ya en modo de edición en la página, haga clic en Editar en la parte superior derecha de la página.

  2. Haga clic en Editar detalles Editar detalles en la parte inferior derecha del mosaico o capa que desea cambiar.

  3. En el cuadro de herramientas, haga clic en cambiar y, a continuación, elija una ubicación desde la que se va a obtener el vínculo:

    • Recientes: si ha abierto recientemente imágenes, páginas o documentos encontrarlas incluido aquí.

    • Búsqueda de Web: puede encontrar imágenes de Bing que utilizan la licencia de Creative comunes. Usted es responsable de revisar licencias para una imagen antes de insertar en la página.

    • OneDrive: puede obtener un vínculo de un documento o la imagen que haya almacenado en OneDrive.

    • Sitio: puede obtener un vínculo para un documento, una imagen o una página de un sitio que especifique.

    • Cargar: puede cargar un documento o una imagen desde un dispositivo personal.

    • Desde un vínculo: escriba un vínculo de la página, un documento o una imagen de OneDrive para la empresa o SharePoint Online.

  4. Seleccione la imagen, la página o el documento y haga clic en Abrir.

  5. En el cuadro de herramientas, en la imagen, seleccione imagen personalizada o solo Color (Color solo está disponible solo para el diseño de mosaicos y el color que se corresponde con el color del tema de sitio).

    La opción seleccionado automático selecciona automáticamente una imagen de la página o documento que desea vincular a, si está disponible.

  6. Escriba el texto alternativo para la imagen.

  7. En Opciones:

    • Puede mostrar una llamada al vínculo de acción cambiando el botón de alternancia a . A continuación, agregue la llamada a texto de acción (por ejemplo, "más"). La llamada al vínculo de acción está disponible para cada capa en un diseño en capas, pero solo para el mosaico mayor en un diseño en mosaico.

    • Diseño de capas, también puede mostrar el título de un tema de cada capa cambiando el botón de alternancia para el título del tema a . A continuación, agregue el texto de título del tema.

Reordenar mosaicos o capas

Puede reorganizar los mosaicos o capas moviéndolos a donde desee.

  1. Si no está ya en modo de edición en la página, haga clic en Editar en la parte superior derecha de la página.

  2. Haga clic y mantenga presionado el botón Mover elemento y arrastre el mosaico o la capa que desee.

    Elemento principal mover

Coloque el elemento web imagen en una columna

El elemento web imagen está diseñado para que ocupe todo el ancho de la página. Si desea no en su lugar el elemento web de héroe tuvo el ancho completo, puede agregar una columna a la página y colocar la web héroe parte en esa columna.

  1. Si no está en modo de edición ya, haga clic en Editar en la parte superior derecha de la página.

  2. Pasar el mouse justo encima del elemento web imagen y verá una línea con un círculo con +, similar a esta:

    Signo más para agregar elementos web a una página

  3. Haga clic en Se emplea el signo más en un círculo para agregar un elemento web moderno a una página .

  4. En Diseño de sección, seleccione una columna.

    Una columna
  5. En el lado izquierdo del elemento web, use el botón Mover elemento web que para arrastrar el elemento web imagen en la columna que acaba de agregar.

    Mover el botón del elemento web

    Mover la imagen

Agregar un elemento web de imagen vacío a una página

Puede agregar un elemento web de imagen a una página en un sitio de grupo o un sitio de comunicación . Para hacer esto:

  1. Si no está ya en modo de edición en la página, haga clic en Editar en la parte superior derecha de la página.

  2. En la página, pasar el mouse encima o debajo de un sitio web parte y verá una línea con un círculo con +, similar a esta:

    Signo más para agregar elementos web a una página

    Haga clic en + y, a continuación, elija el elemento web imagen.

    Elemento web de imagen en un estado vacío
  3. Haga clic en la web parte Editar botón Botón de edición del elemento Web y seleccione el tipo de diseño que desee - se puede utilizar una cuadrícula de 1 a 5 mosaicos o capas verticales de 1 a 5.

  4. Haga clic en Seleccionar vínculo para cada mosaico que desea cambiar.

  5. Para cada mosaico en el cuadro de herramientas, haga clic en Seleccionar y, a continuación, elija una ubicación desde la que se va a obtener el vínculo:

    • Recientes: si ha abierto recientemente imágenes, páginas o documentos encontrarlas incluido aquí.

    • Búsqueda de Web: puede encontrar imágenes de Bing que utilizan la licencia de Creative comunes. Usted es responsable de revisar licencias para una imagen antes de insertar en la página.

    • OneDrive: puede obtener un vínculo de un documento o la imagen que haya almacenado en OneDrive.

    • Sitio: puede obtener un vínculo para un documento, una imagen o una página de un sitio que especifique.

    • Cargar: puede cargar un documento o una imagen desde un dispositivo personal.

    • Desde un vínculo: escriba un vínculo de la página, un documento o una imagen de OneDrive para la empresa o SharePoint Online.

  6. Seleccione la imagen, la página o el documento y haga clic en Abrir.

  7. En el cuadro de herramientas, en la imagen, seleccione imagen personalizada o solo el Color. La opción seleccionado automático selecciona automáticamente una imagen de la página o documento que desea vincular a, si está disponible. Color solo está disponible únicamente para el diseño de mosaicos y el color que se corresponde con el color del tema de sitio.

  8. Escriba el texto alternativo para la imagen.

  9. En Opciones:

    • Puede mostrar una llamada al vínculo de acción cambiando el botón de alternancia a . A continuación, agregue la llamada a texto de acción (por ejemplo, "más"). La llamada al vínculo de acción está disponible para cada capa en un diseño en capas, pero solo para el mosaico mayor en un diseño en mosaico.

    • Diseño de capas, también puede mostrar el título de un tema de cada capa cambiando el botón de alternancia para el título del tema a . A continuación, agregue el texto de título del tema.

Imagen de escala en el elemento web imagen

Para elegir imágenes óptima para el héroe elemento web, tenga en cuenta lo siguiente:

  • El elemento web está diseñado para ajustar el ancho de la pantalla de una sangría de completa un diseño.

  • En el diseño de mosaico, se ajusta el alto del elemento web para seguir una relación de aspecto de 8:3 e imágenes dentro de la escala del elemento web a una relación de aspecto 4:3.

  • En el diseño de capas, una capa individual escala a una proporción de 8:3 e imágenes dentro de cada escala de la capa a una proporción cerca de 16:9.

Nota: Puede agregar un vínculo a un vídeo o cargar un vídeo en el elemento web imagen. Sin embargo, no se puede reproducir vídeos dentro del elemento web. Los usuarios pueden hacer clic en el vínculo para el vídeo e ir a la fuente de Reproductor o vínculo de vídeo para ver el vídeo.

Ampliar sus conocimientos de Office
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×