Al agregar una página moderna a unsitio, se agregan y personalizan 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. Úsese 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.

Su explorador no admite vídeo.

Agregar una imagen a la página

Agregar el elemento web de 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 forma más sencilla de agregar o reemplazar una imagen en la página es simplemente arrastrar o pegar. 

Arrastre para agregar una imagen nueva 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. Realice una de las siguientes acciones:

    Para agregar una imagen, arrastre la imagen que quiera usar a la sección donde desea colocarla.

    Para reemplazar una imagen, seleccione la imagen que desea reemplazar haciendo doble clic en ella y, a continuación, arrastre la nueva imagen a ella.

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 con la que desea agregar o reemplazar la imagen existente.

  3. En la página, seleccione la imagen en el elemento web Imagen haciendo doble clic en ella.

  4. Presione CTRL+V en el teclado

Agregar el elemento web de 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. Mantenga el mouse encima o debajo de un elemento web existente o debajo de la región de título, haga clic en Se emplea el signo más en un círculo para agregar un elemento web moderno a una páginay, 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 ese conjunto en Su organización.

      Imagen de las opciones del selector de archivos.

      Notas: 

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

      • Si es administrador 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 un administrador SharePoint, le recomendamos que habilite una Content Delivery Network (CDN) para mejorar el rendimiento para obtener imágenes. Obtenga más información sobre las CDN.

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

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

  6. Haga clic en Editar elemento web Botón de edición del elemento web (a la izquierda) para cambiar la imagen, agregar un vínculo a la imagen, agregar texto sobre la imagen y agregar o cambiar texto alternativo (para personas que usan lectores de pantalla).

    Cuadro de herramientas de elementos web de imagen

    Texto alternativo automático Al insertar una imagen, se genera automáticamente texto alternativo (para personas 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 para 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 de imagen

    • 1. Relaciones de aspecto

    • 2. Recortar con relación libre

    • 3. Deshacer

    • 4. Restablecer

    • 5. Vista previa (guardar)

Recortar con relación de aspecto

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

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

    Se mostrará una barra de herramientas adicional, con opciones para diferentes 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 la forma en que 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 gratuita Botón Recortar sin relación de aspecto recortar sin usar la relación de aspecto. A continuación, arrastre uno de los cuadrados de cada lado de la imagen para que la imagen sea más estrecha, más 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ándose para mostrar los controladores de tamaño o seleccionando el botón Cambiar tamaño en la barra de herramientas de la imagen. A continuación, arrastre uno de los controladores para que la imagen sea el tamaño que desee.

Cambiar el tamaño de los controladores en la imagen

Notas: 

  • El tamaño de la imagen no está disponible en SharePoint Server 2019.

  • Para obtener más información sobre las imágenes y las relaciones de aspecto, vea Tamaño y escalado de imágenes en SharePoint páginas modernas.

Deshacer o restablecer

Use el botón Deshacer Deshacer recorte deshacer la última acción. Use el botón Restablecer Restablecer recorte de imagen deshacer todos los cambios realizados a la vez, devolviendo la imagen al estado en el que se encontraba desde la última vez que guardó.

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 con la que desea reemplazar la existente.

  3. En la página, seleccione la imagen en el elemento web Imagen haciendo doble clic en ella.

  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 con la que desea reemplazar la imagen existente.

  3. En la página, seleccione la imagen en el elemento web Imagen haciendo doble clic en ella.

  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 principal

¿Necesita más ayuda?

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Unirse a Microsoft Office Usuarios de Insider

¿Le ha sido útil esta información?

¿Cuál es tu grado de satisfacción con la calidad de la traducción?
¿Qué ha afectado a tu experiencia?

¡Gracias por sus comentarios!

×