Applies ToSharePoint Server Edición de Suscripción SharePoint Server 2019 SharePoint en Microsoft 365 Office para empresas Centro de administración de SharePoint SharePoint ofrecido por 21Vianet

Cuando agrega una página moderna a un sitio, agrega y personaliza elementos web, que son los bloques de creación de la página. En este artículo se describe cómo usar el elemento web Imagen. Úselo para insertar una imagen en la página, ya sea desde el sitio, el equipo o desde la Web. Puede recortar, cambiar el tamaño y reemplazar una imagen existente.

Agregar una imagen a la página

Agregar el elemento web Imagen

Recortar la imagen

Cambiar el tamaño de una imagen

Reemplazar una imagen existente arrastrando o pegando

Agregar o reemplazar una imagen en la página

La manera más sencilla de agregar o reemplazar una imagen en la página es simplemente arrastrar o pegar. 

Arrastrar para agregar una nueva imagen o reemplazar una imagen existente

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

  2. Realiza una de las siguientes acciones: Para agregar una imagen, arrastre la imagen que quiera usar a la sección donde quiera colocarla.Para reemplazar una imagen, haga doble clic en la imagen para reemplazarla y arrástrela.

Es posible que tenga que cambiar el tamaño o volver a recortar la imagen según sea necesario.

Reemplazar una imagen pegando

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

  2. Copie la imagen que desea agregar o reemplazar por la imagen existente.

  3. En la página, haga doble clic en la imagen del elemento web Imagen para seleccionarla.

  4. Presione CTRL+V en el teclado

Agregar el elemento web Imagen

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

  2. Pase el mouse por encima o por debajo de un elemento web existente o debajo de la región del título, haga clic en Circled plus sign used to add a modern web part to a pagey, a continuación, seleccione el elemento web Imagen .

  3. Elija una imagen reciente o una imagen de una de las siguientes opciones:

    • Imágenes de archivo proporcionadas por Microsoft

    • Una búsqueda web

    • Un sitio

    • Su equipo

    • Un vínculo

    • Si su organización ha especificado un conjunto de imágenes aprobadas, podrá elegir entre el conjunto en Su organización.

      Imagen de las opciones del selector de archivos.

      Notas: 

      • La búsqueda en la web usa imágenes de Bing que usan la licencia Creative Common. Usted es responsable de revisar las licencias de una imagen antes de insertarla en su página.

      • Si es un Administración de SharePoint y desea obtener información sobre cómo crear una biblioteca de activos para Su organización, vea Crear una biblioteca de activos de la organización.

      • Si es administrador de SharePoint, le recomendamos habilitar una red de entrega de contenido (CDN) para mejorar el rendimiento para obtener imágenes. Obtenga más información sobre las redes CDN.

  4. Haga clic en Abrir o Agregar imagen (según de dónde procede la imagen).

  5. Opcionalmente, escriba un subtítulo debajo de la imagen en el elemento web.

  6. Haga clic en Editar elemento web Web part edit button (a la izquierda) para cambiar la imagen, agregar un vínculo a la imagen, agregar texto sobre la imagen y para agregar o cambiar texto alternativo (para las personas que usan lectores de pantalla).

    Cuadro de herramientas del elemento web Imagen

    Texto alternativo automático Al insertar una imagen, se genera automáticamente texto alternativo (para usuarios con lectores de pantalla). En muchos casos, el texto se guarda automáticamente con la imagen, a menos que la cambie o la quite. En los casos en los que el nivel de confianza del texto alternativo de la imagen no es alto, verá una alerta en la imagen que le permite revisar y cambiar o mantener el texto alternativo.

    Imagen con mensaje de texto alternativo

Nota:  SharePoint Server Edición de Suscripción y SharePoint Server 2019 solo admiten texto alternativo al editar el elemento web.

Recortar la imagen

Puede recortar una imagen sin o sin usar relaciones de aspecto predefinidas.

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

  2. Haga clic en la imagen que desea cambiar. Se mostrará la barra de herramientas para editar imágenes.

    Barra de herramientas Imagen

    • 1. Relaciones de aspecto

    • 2. Recortar con relación libre

    • 3. Deshacer

    • 4. Restablecer

    • 5. Vista previa (guardar)

Recortar usando la relación de aspecto

Recortar con relación de aspecto le permite decidir la proporción del ancho y el alto de la imagen. El área resaltada en azul en la imagen siguiente muestra una selección de relación de aspecto 1:1 (cuadrado).

Ejemplo de recorte de relación de aspecto
  1. Haga clic en el botón Relaciones de aspecto Botón de recorte de la relación de aspecto.

    Aparecerá una barra de herramientas adicional con opciones para distintas relaciones de aspecto.

    Herramientas de relación de aspecto

    Seleccione la relación de aspecto que desee. 16:9 es la opción de relación de aspecto más a la izquierda, seguida de 3:2, 4:3 y 1:1. Verá un cuadro de vista previa para mostrar cómo se recortará la imagen. Puede mover el cuadro de recorte dentro de la imagen para cambiar el área recortada.

    También puede girar el cuadro de recorte para cambiar cómo se muestra la orientación de la relación de aspecto haciendo clic en el botón Girar cuadro de recorte Botón Girar cuadro de recorte.

  2. Cuando haya terminado, haga clic en Guardar Guardar.

Recortar manualmente

Ejemplo de recorte gratuito
  1. Haga clic en el botón Recortar con relación libre Botón Recortar sin relación de aspecto recortar sin usar la relación de aspecto. A continuación, arrastra uno de los cuadrados de cada lado de la imagen para que la imagen sea más estrecha, ancha, más alta o más corta.

  2. Cuando haya terminado, haga clic en Guardar Guardar.

Cambiar el tamaño de una imagen

Mientras está en modo de edición, puede cambiar el tamaño de una imagen seleccionándola para mostrar los controladores de tamaño o seleccionando el botón Cambiar tamaño en la barra de herramientas de la imagen. Después, arrastre uno de los controladores para que la imagen tenga el tamaño que desee.

Controladores de cambio de tamaño en imagen

Notas: 

Deshacer o restablecer

Use el botón Deshacer Deshacer recorte para deshacer la última acción. Usa el botón Restablecer Restablecer recorte de imagen para deshacer todos los cambios que hayas realizado a la vez, devolviendo la imagen al estado que tenía desde la última vez que guardaste.

Reemplazar una imagen existente arrastrando o pegando

Si tiene un elemento web de imagen existente en la página, puede reemplazar la imagen editando el elemento web y eligiendo una imagen diferente, o puede arrastrar o copiar y pegar la nueva imagen sobre la que desea reemplazar. Para pegar, deberá usar el método abreviado de teclado para pegar (CTRL+V). A continuación se muestran los pasos.

Copiar y pegar

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

  2. Copie la imagen por la que desea reemplazar la existente.

  3. En la página, haga doble clic en la imagen del elemento web Imagen para seleccionarla.

  4. Presione CTRL+V en el teclado

Arrastrar y soltar

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

  2. Seleccione la imagen por la que desea reemplazar la imagen existente.

  3. En la página, haga doble clic en la imagen del elemento web Imagen para seleccionarla.

  4. Arrastre la imagen sobre la imagen existente.

Nota: Es posible que tenga que cambiar el tamaño o volver a recortar la imagen según sea necesario.

Vea también

Elemento web Galería de imágenes

Elemento web Imagen prominente

¿Necesita más ayuda?

¿Quiere más opciones?

Explore las ventajas de las suscripciones, examine los cursos de aprendizaje, aprenda a proteger su dispositivo y mucho más.

Las comunidades le ayudan a formular y responder preguntas, enviar comentarios y leer a expertos con conocimientos extensos.