El monstruito no soy yo, es el SharePoint

El Blog de Luis Mañez, dedicado a tecnologías MS, principalmente SharePoint y Office 365

SharePoint 2013 preview: Image renditions

Esta nueva característica de SharePoint 2013 nos permite poder mostrar una misma imagen, en diferentes tamaños, según en qué página se muestra.

En este artículo vamos a ver cómo podemos configurarlo, y cuál es su cometido.

Para acceder a la configuración, lo haremos a través de las “Site settings”:

image

Una vez dentro, lo primero que nos llamará la atención es el mensaje de alerta que nos informa que debemos activar la Blob cache, antes de poder utilizar las Image renditions.

image

Aquí tenemos las instrucciones detalladas para activar la Blob Cache. Básicamente:

  1. Editar el web.config de nuestra aplicación web
  2. Localizar el nodo <BlobCache
  3. Edita el atributo Location a una ruta válida. Se recomienda que no esté en el mismo disco que el sistema operativo.
  4. Edita el atributo enabled a true.

Por ejemplo:

<BlobCache 
location="C:\BlobCache\15" 
path="\.(gif|jpg|jpeg|jpe|jfif|bmp|dib|tif|tiff|ico|png|
wdp|hdp|css|js|asf|avi|flv|m4v|mov|mp3|mp4|mpeg|mpg|rm|rmvb|wma|wmv
|ogg|ogv|oga|webm|xap)$" 
maxSize="10" 
enabled="true" />

Ojo con las extensiones, aseguraros que la extensión de vuestras imágenes está incluida, o incluirla vosotros.

Con esto, si volvemos a la pantalla de configuracion de Image Renditions, veremos que ha desaparecido el mensaje de alerta.

Vamos a crear un nuevo tamaño, por ejemplo, para las imágenes de "listados”, en modo thumbnail

image

Ahora vamos a crear una nueva página, e insertamos una nueva imagen en un campo de tipo imagen. Fijaros en que el formulario nos permite elegir la Image Renditions que hemos creado anteriormente

image

Si por el contrario, estamos insertando una imagen en un campo de texto enriquecido, en la Ribbon tenemos un botón para selecionar también el Image Rendition que queremos usar:

image

Si seleccionamos nuestro Thumbnail Image Rendition, y guardamos la página, tenemos:

image

Y si vemos las propiedades de la imagen desde el navegador, vemos como la anchura y altura es de 100px

image

Pero además, fijaros en la URL de la imagen. SharePoint le ha añadido la Query String RenditionID=5

Esta es otra forma de especificar el RenditionID, donde el ID es el ID que SharePoint le ha asignado cuando hemos creado la Image rendition, y que podemos ver en la página de configuración.

OJO, este parámetro sólo hace efecto si la imagen está dentro de SharePoint. No podemos pasar ese parámetro a una imagen de flikr, por ejemplo.

El atributo RenditionID también se puede utilizar en el makup de un “image field control” de nuestro PageLayout.

Sin duda, esta novedad nos facilita la vida a la hora de redimensionar nuestras imágenes, y nos ayuda a ahorrar disco, ya que no es necesario subir la misma imagen en n tamaños distintos.

Espero que os sirva.

Saludos!!

Posted: 24/7/2012 16:47 por Luis Mañez | con no comments
Archivado en: ,
Comparte este post: