Agregar una fotografía o una imagen a una página Web

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

Las imágenes se esperan en una página de SharePoint y con qué frecuencia pueden mostrar detalles que lo contrario, tendrá que seguir, así, mil palabras. Puede agregar imágenes desde su equipo local, bibliotecas multimedia de SharePoint o vínculos desde otras ubicaciones en su sitio web.

Actualizar 25 de enero de 2017 gracias a los comentariosde los clientes.

Agregar una imagen a una página de inicio del sitio de grupo en línea SharePoint

Si está usando un moderno SharePoint Online sitio de grupo creado a partir de un grupo de Office 365, puede agregar imágenes a su página de inicio siguiendo estos pasos.

  1. Vaya a la página y el sitio donde desea agregar una imagen.

  2. Haga clic en Editar Botón Edición en la esquina superior derecha.

  3. Desplace el puntero sobre la parte superior de la sección donde desea agregar la imagen y haga clic en el signo +.

    Si selecciona una sección para devolver una imagen
  4. En la lista desplegable de selector de aplicación web, haga clic en imagen.

    Selector de aplicación web moderna con imagen resaltado

    Nota: No hay limita las capacidades de edición en la actualidad, por lo que es posible que desee cambiar el tamaño de la imagen antes de cargar.

  5. En el elemento web de imagen, haga clic en Agregar imagen.

    Elemento Web de imagen con Agregar imagen resaltado.
  6. Elija dónde va a obtener la imagen desde:

    • Imagen de reciente (quizás algo que acaba de modificar o agrega a una biblioteca de SharePoint )

    • SharePointSitio  

    • Cargar desde el equipo

    • Un vínculo a una imagen

    Selector de origen de imagen
  7. Elija una imagen y, a continuación, haga clic en Abrir.

  8. Si está satisfecho con la imagen, haga clic en Agregar imagen para agregar a la página.

    Para cambiar la imagen, haga clic en Cambiar imagen y seleccione otra imagen.

    Nota: Al agregar una imagen a un sitio de grupo, debe cambiar el tamaño de la imagen antes de agregarlo. Mantener las imágenes en una biblioteca de activos o la imagen le permiten almacenar varios tamaños si las necesita.

  9. Una vez que agregue la imagen, puede hacer lo siguiente:

    • Para agregar texto alternativo (Alt), haga clic en el lápiz Botón de edición del elemento Web en la esquina superior izquierda de la imagen y escriba el texto alternativo

    • Haga clic en la esquina inferior izquierda de la imagen en Agregar un título para agregar una descripción o un título.

    Volver al principio

Agregar una imagen a un sitio de SharePoint 2016, 2013 o 2010

  1. Vaya a la página donde desea agregar una imagen.

  2. Seleccione la pestaña Página y, en la cinta de opciones, haga clic en Editar.

  3. Haga clic dentro de un área editable de la página.

  4. Elija la ficha Insertar y, en el grupo de medios en la cinta de opciones, haga clic en imagen.

    El botón Insertar imagen con el menú de opciones de origen que hay debajo.

  5. Verá las opciones siguientes:

Para cargar un archivo desde su PC, haga lo siguiente:

  1. Haga clic en De PC.

  2. Busque la ubicación del archivo que desea, selecciónelo y haga clic en Abrir.

  3. Especifique una biblioteca de destino donde desea almacenar el archivo.
    Se recomienda que especifique una biblioteca de activos como destino. Para obtener información sobre cómo configurar una biblioteca de activos para los archivos de imagen, vea Configurar una biblioteca de activos para almacenar archivos de imagen, audio o vídeo.

  4. Haga clic en Aceptar.

Volver al principio

Para agregar una imagen desde otra ubicación en la web, siga estos pasos.

  1. Haga clic en De dirección.

  2. Escriba la dirección URL para el archivo que desea usar y, a continuación, haga clic en Aceptar. La dirección URL debe apuntar directamente a un archivo de imagen. Por ejemplo: http://contoso.com/images/selfieImage1.jpg.

Para agregar una imagen desde una ubicación en un sitio de SharePoint, siga estos pasos.

  1. Haga clic en desde SharePoint. Se abrirá el Selector de activos, que puede buscar la carpeta o la biblioteca que desee.

  2. Busque la ubicación en el sitio, como una Biblioteca de activos, donde se guardan los archivos de audio y vídeo de imágenes.

  3. Seleccione el archivo que desea y haga clic en Insertar.

Volver al principio

Al agregar imágenes a una página SharePoint, puede personalizarlo para ajustarla a la página mejor o destaque más. Por ejemplo, puede cambiar su tamaño o la ubicación, edite el texto alternativo o crear un borde.

Para cambiar las propiedades de una imagen en una página, siga estos pasos:

  1. Vaya a la página que contiene la imagen.

  2. Seleccione la pestaña Página y haga clic en Editar.

  3. Haga clic en la imagen para abrir la pestaña de la imagen y la cinta de opciones.

    Ficha de medios en la cinta de opciones de edición

  4. En la pestaña de la imagen, en el grupo Seleccione, haga clic en Cambiar imagen para cambiar a otra imagen. y seleccione el archivo de imagen que desee.

  5. En el grupo Propiedades, puede introducir o cambiar el texto alternativo o la dirección de la imagen.

  6. En el grupo estilos en la cinta de opciones, elija Estilos de imagen y, a continuación, seleccione el estilo de borde de la imagen.

    Opciones de edición de imagen
  7. En el grupo Arrange, haga clic en posición para cambiar la posición de la imagen en el espacio. En la lista desplegable, puede seleccionar una posición flotante como izquierda o derecha, o una posición en línea de la parte superior, central o inferior en relación con otros objetos.

  8. En el grupo tamaño de la cinta de opciones, puede cambiar el tamaño de la imagen. Si deja la Bloquear relación de aspecto activada, se vinculan los tamaños Horizontal y Vertical. Cuando se cambia una, la otra cambiará a un tamaño proporcional también.

    Si desactiva Bloquear relación de aspecto, tamaños horizontal y vertical de la imagen se pueden cambiar de forma independiente, aunque puede distorsionar la imagen.

  9. Cuando termine de modificar la página, seleccione la pestaña Página y haga clic en Guardar. Si la página se encuentra desprotegida, aparecerá un mensaje con un vínculo para protegerla.

Agregar un vínculo web a una imagen

Tener una imagen en una página es correcta, pero lo que una puerta a otra página es aún mejor. Aquí le mostramos cómo convertir una imagen en un vínculo directo.

  1. Vaya a la página con la imagen que desea agregar un hipervínculo.

  2. Haga clic en la ficha de página y, a continuación, haga clic en Editar.

  3. Haga clic en y seleccione la foto o imagen que desea un vínculo.

  4. En la cinta de opciones, haga clic en Insertar y, a continuación, haga clic en vínculo.

    Insertar vínculo con la dirección web
  5. En el cuadro de diálogo Agregar hipervínculo, escriba la dirección en la página Web, sitio u otros elementos multimedia que desea vincular a. Puede probar el vínculo, haga clic en probar.

    Cuadro de diálogo hipervínculo con la dirección web y botón Aceptar resaltado
  6. Haga clic en Aceptar.

Eliminar una imagen de una página

  1. En una página, en la cinta, haga clic en la pestaña Página y, a continuación, haga clic en el comando Editar.

    Ficha de página con el botón Editar resaltado

    Nota: Si el comando Editar está deshabilitado, puede que no tenga permiso para modificar la página.

  2. Seleccione la imagen que desea eliminar y presione laSuprimirtecla de su teclado.

Volver al principio

Agregar imágenes a páginas SharePoint 2007

Puede agregar una imagen a cualquier página Web que tiene un control de campo imagen de la página haciendo clic en la imagen de una biblioteca. Cuando se cambia la imagen que se almacena en la biblioteca, las páginas que usan la imagen automáticamente usar la nueva imagen.

También puede agregar una imagen a cualquier página Web que tiene un control de campo contenido de la página, mediante el Editor HTML. Al utilizar el Editor HTML para agregar una imagen a un control de campo contenido de la página, la imagen también se almacena en una biblioteca de modo que cuando se actualiza la imagen en la biblioteca, las páginas que usan la imagen automáticamente usar la nueva imagen.

Cuando se crea una nueva página, si desea que la página que contenga una imagen, puede crear la página mediante un diseño de página que tiene un control de campo imagen de la página.

Diseños de página que contienen un control de campo imagen de la página

Los siguientes diseños de página que se incluyen con Microsoft Office SharePoint Server 2007 contienen un control de campo de imagen de la página:

  • Página de artículo con imagen a la izquierda

  • Página de artículo con imagen a la derecha

  • Inicio de la intranet

  • Página de bienvenida con vínculos de resumen

  • Página de bienvenida con tabla de contenido

  • Página inicial de bienvenida

Su sitio puede contener diseños de página adicionales que contienen un control de campo imagen de la página.

Sugerencia: Es una forma de saber si una página contiene un control de campo imagen de la página modificar la página. Al editar una página, cada control de campo en la página muestra una etiqueta. Imagen de la página controles en páginas creadas mediante diseños de página que se incluyen con Office SharePoint Server 2007 tienen la etiqueta imagen de la página. Esto puede o no puede ser el caso de páginas creadas con los diseños de página personalizados están diseñadas por un usuario con permisos de diseño para el sitio. Pida a su administrador de colección de sitios para obtener más información sobre los diseños de página personalizados que están disponibles para su uso en el sitio.

Volver al principio

Diseños de página que contienen un control de campo contenido de la página

Los siguientes diseños de página que se incluyen con Office SharePoint Server 2007 contienen un control de campo contenido de la página:

  • Inicio de la intranet

  • Página de bienvenida con vínculos de resumen

  • Página de bienvenida con tabla de contenido

Su sitio puede contener diseños de página adicionales que contienen un control de campo contenido de la página.

Sugerencia: Es una forma de saber si una página contiene un control de campo contenido de la página modificar la página. Al editar una página, cada control de campo en la página muestra una etiqueta. Estos controles creados mediante diseños de página que se incluyen con Office SharePoint Server 2007 de tienen la etiqueta "Contenido de la página". Esto puede o no puede ser el caso de páginas creadas con los diseños de página personalizados están diseñadas por un usuario con permisos de diseño para el sitio. Pida a su administrador de colección de sitios para obtener más información sobre los diseños de página personalizados que están disponibles para su uso en el sitio.

Volver al principio

Agregar una imagen mediante el control de campo imagen de la página

  1. Vaya a la página a la que desea agregar una imagen y, a continuación, haga clic en Editar página en la barra de herramientas de Edición de página.

    Nota: Si no ve la barra de herramientas de Edición de página, en el menú Acciones del sitio, haga clic en Mostrar barra de herramientas de edición de página.

  2. En el control de campo Imagen de la página, haga clic en Editar imagen. Se abre el cuadro de diálogo Editar propiedades de imagen de la página Web.

  3. En la sección General del cuadro de diálogo Editar propiedades de imagen de la página Web, haga clic en el botón Examinar situado junto al cuadro Imagen seleccionada. La biblioteca de imágenes se abre en una ventana nueva.

  4. Haga clic en la imagen que desee usar y, a continuación, haga clic en Aceptar. Cierra la biblioteca de imágenes y la dirección de la imagen seleccionada aparece en el cuadro de La imagen seleccionada.

  5. Si lo desea, puede establecer las propiedades restantes de la imagen:

    • Texto alternativo      Escriba el texto que describa brevemente la imagen. Este texto se muestra en lugar de la imagen si el Explorador de la audiencia no muestra la imagen. También los lectores de pantalla leen el texto alternativo.

    • Hipervínculo      Opcionalmente, la imagen puede actuar como hipervínculo. En este cuadro, escriba el destino del hipervínculo que desee. También puede usar el botón Examinar para buscar un destino para el hipervínculo. Seleccione la casilla de verificación Abrir este vínculo en una nueva ventana si desea que el hipervínculo se abra en una nueva ventana del explorador.

      En la sección de Diseño, puede establecer estas propiedades:

    • Alineación      Puede cambiar la posición de la imagen en el control de campo, elija en la lista Alineación. Dado que un control de campo de imagen de la página se ajusta a la imagen, esta opción no tiene un efecto perceptible cuando se usa en una imagen que está en un control de campo de imagen de la página.

    • Grosor del borde      Puede dar un borde de la imagen especificando el grosor del borde. Grosor del borde se mide en píxeles.

    • Espaciado horizontal      Puede agregar espaciado a ambos lados de la imagen si especifica un valor, en píxeles, para el tamaño del espacio.

    • Espaciado vertical      Puede agregar espaciado encima y debajo de la imagen que especifica un valor en píxeles para el tamaño del espacio.

      En la sección tamaño, puede establecer estas propiedades:

    • Usar tamaño de imagen predeterminado      Seleccione esta opción si desea que la imagen que aparecerá en su tamaño predeterminado, que es el tamaño especificado por las propiedades del archivo de imagen.

    • Especificar tamaño      Seleccione esta opción si desea especificar el tamaño de la imagen en la página publicada. Esto invalida propiedades de tamaño del archivo de imagen. Si selecciona esta opción, debe establecer el ancho, el alto o ambos para la imagen mediante las propiedades de ancho y alto.

    • Ancho (píxeles)      Si selecciona Especificar tamaño, utilice ancho (píxeles) para especificar el ancho de la imagen en píxeles.

    • Alto (píxeles)      Si selecciona Especificar tamaño, utilice alto (píxeles) para especificar la altura de la imagen en píxeles.

    • Mantener relación de aspecto      Puede usar esta opción para conservar la relación de alto y ancho de la imagen. Si selecciona esta opción, solo puede establecer el ancho o el alto de la imagen, porque el valor que elija para el ancho o el alto de la imagen determina el valor de la otra dimensión en función de la relación entre el ancho de la imagen original y el alto.

Volver al principio

Agregar una imagen a un control de campo contenido de la página mediante el Editor HTML

  1. Vaya a la página a la que desea agregar una imagen y, a continuación, haga clic en Editar página en la barra de herramientas de Edición de página.

    Nota: Si no ve la barra de herramientas de Edición de página, en el menú Acciones del sitio, haga clic en Mostrar barra de herramientas de edición de página.

  2. En el control de campo contenido de la página, haga clic en Editar contenido para iniciar el Editor HTML. El Editor HTML puede aparecer incorporado o puede aparecer en un cuadro de diálogo de la página Web en una ventana nueva.

  3. Coloque el cursor en el control de campo contenido de la página en el lugar donde desea agregar la imagen.

  4. En la barra de herramientas Editor HTML, haga clic en el botón Insertar imagen Imagen del botón .

    Método abreviado de teclado para insertar una imagen, presione CTRL + MAYÚS + G.

    Se abre el cuadro de diálogo Editar propiedades de imagen de la página Web.

  5. En la sección General del cuadro de diálogo Editar propiedades de imagen de la página Web, haga clic en el botón Examinar situado junto al cuadro Imagen seleccionada. La biblioteca de imágenes se abre en una ventana nueva.

  6. Haga clic en la imagen que desee usar y, a continuación, haga clic en Aceptar. Cierra la biblioteca de imágenes y la dirección de la imagen seleccionada aparece en el cuadro de La imagen seleccionada.

  7. Si lo desea, puede establecer las propiedades restantes de la imagen:

    • Texto alternativo      Escriba el texto que describa brevemente la imagen. Este texto se muestra en lugar de la imagen si el Explorador de la audiencia no muestra la imagen. También los lectores de pantalla leen el texto alternativo.

    • Hipervínculo      Opcionalmente, la imagen puede actuar como hipervínculo. En este cuadro, escriba el destino del hipervínculo que desee. También puede usar el botón Examinar para buscar un destino para el hipervínculo. Seleccione la casilla de verificación Abrir este vínculo en una nueva ventana si desea que el hipervínculo se abra en una nueva ventana del explorador.

      En la sección de Diseño, puede establecer estas propiedades:

    • Alineación      Puede cambiar la posición de la imagen en el control de campo, elija en la lista Alineación.

    • Grosor del borde      Puede dar un borde de la imagen especificando el grosor del borde. Grosor del borde se mide en píxeles.

    • Espaciado horizontal      Puede agregar espaciado a ambos lados de la imagen si especifica un valor, en píxeles, para el tamaño del espacio.

    • Espaciado vertical      Puede agregar espaciado encima y debajo de la imagen que especifica un valor en píxeles para el tamaño del espacio.

      En la sección tamaño, puede establecer estas propiedades:

    • Usar tamaño de imagen predeterminado      Seleccione esta opción si desea que la imagen que aparecerá en su tamaño predeterminado, que es el tamaño especificado por las propiedades del archivo de imagen.

    • Especificar tamaño      Seleccione esta opción si desea especificar el tamaño de la imagen en la página publicada. Esto invalida propiedades de tamaño del archivo de imagen. Si selecciona esta opción, debe establecer el ancho, el alto o ambos para la imagen mediante las propiedades de ancho y alto.

    • Ancho (píxeles)      Si selecciona Especificar tamaño, utilice ancho (píxeles) para especificar el ancho de la imagen en píxeles.

    • Alto (píxeles)      Si selecciona Especificar tamaño, utilice alto (píxeles) para especificar la altura de la imagen en píxeles.

    • Mantener relación de aspecto      Puede usar esta opción para conservar la relación de alto y ancho de la imagen. Si selecciona esta opción, solo puede establecer el ancho o el alto de la imagen, porque el valor que elija para el ancho o el alto de la imagen determina el valor de la otra dimensión, en función de la relación entre el ancho de la imagen original y el alto.

      Notas: 

      • Si la página a la que desea agregar una imagen es una Página de elementos web, puede agregar una imagen mediante un elemento Web imagen. Para obtener más información sobre el uso de un elemento Web imagen, vea el artículo Elemento Web imagen.

      • Si la imagen que desea agregar a una página no está disponible en la biblioteca de imágenes, puede agregar si tiene permisos de colaboración. Para obtener más información sobre cómo agregar un archivo de imagen a una biblioteca, vea el artículo Agregar uno o más archivos en una biblioteca.

Volver al principio

Nos Deja un comentario

¿Le ha resultado útil este artículo? Si es así, indíquenoslo en la parte inferior de la página. Indíquenos lo que le ha parecido confuso o si faltaba información. Si ha llegado aquí desde una búsqueda y esta no era la información que buscaba, indique qué era lo que buscaba. Incluya su versión de SharePoint, SO y explorador. Usaremos sus comentarios para volver a comprobar los pasos y actualizar este artículo.

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Compartir Facebook Facebook Twitter Twitter Enviar por correo electrónico Enviar por correo electrónico

¿Le ha sido útil esta información?

De acuerdo. ¿Algún comentario más?

¿Cómo podemos mejorarlo?

¡Gracias por sus comentarios!

×