Tutorial administración de contenidos

Sharepoint 2013

Capítulo 1. Acceso a la administración

1.1. Acceso al administrador
1.2. Inicio de sesión en el editor

Capítulo 2. Estructura del sitio web

2.1. Estructura de un sitio de Sharepoint

Capítulo 3. Edición básica del sitio

3.1. Panel de edición
3.2. Crear y editar página
3.3. Crear una página de contenido
3.4. Editar página de contenido
3.5. Editar contenidos: hipertexto
3.6. Editar contenidos: imágenes
3.7. Publicación de página
3.8. Edición de una página, luego de que está publicada
3.9. Editar contenidos: tablas
3.10. Editar contenidos: hipervínculos
3.11. Editar contenidos: hipermedia
3.12. Editar SEO de la página
3.13. Convertir una página en la página de inicio
3.14. Eliminar una página.

Capítulo 4. Edición avanzada del sitio

4.1. Contenido y estructura. Acceso a la vista general del sitio
4.3. Editar el menú de navegación
4.4. Crear menús a través de listas de página

Capítulo 5. Otros recursos

5.1. Web Resizer

1
   Capítulo 1. Acceso a la administración
1.1. Acceso al administrador

La administración de contenidos del portal de la Universidad Cooperativa de Colombia es realizada mediante la plataforma Microsoft Sharepoint. Las acciones
generales que permite la gestión de este portal son:

• Creación de páginas nuevas

• Edición de páginas existentes
• Creación y edición de sitios nuevos

En este tutorial, se mostrarán las tareas principales que se pueden realizar en cada una de estas acciones, con las cuales se podrán administrar los contenidos
generados desde las sedes y dependencias de la Universidad Cooperativa de Colombia.

Para iniciar el proceso de administración, comenzamos buscando la página que queremos editar, podemos escribir o ir directamente la Dirección URL del sitio que
se va a editar. En el caso de este tutorial, haremos el ejercicio con el sitio de la sede Bogotá, que tiene como dirección URL www.ucc.edu.co/bogota.

Al estar allí, hacemos clic en el enlace INICIO DE SESIÓN del sitio web, link ubicado en la parte superior izquierda de la página.

Para ingresar a nuestro sitio, debemos tener con anterioridad los permisos de acceso de usuario, los cuales deben ser solicitados ante la Dirección de
Comunicaciones, ente encargado de definir los roles y permisos de administración del sitio. Es de tener en cuenta que los roles de administración son distintos de
acuerdo al alcance y las necesidades de cada dependencia. Esta definición de roles, estará a cargo de la misma Dirección de Comunicaciones de la Universidad
Cooperativa de Colombia.

1.2. Inicio de sesión en el editor

Luego de hacer clic en el link superior izquierdo INICIO DE SESIÓN, aparecerá un cuadro de diálogo que nos solicitará nombre de usuario y contraseña. Esta
información corresponde al nombre de nuestro correo electrónico institucional (sin el @ucc.edu.co) y la contraseña del mismo. Si nos encontramos fuera de las
redes de la Universidad, digitaremos nuestro usuario así: UCC\nombredeusuario.

En el caso de no tener permisos de edición sobre el sitio de nuestra sede o dependencia, debemos solicitarlo a la Dirección de Comunicaciones de la Universidad
Cooperativa de Colombia.

2
 
Capítulo 2. Estructura del sitio web

2.1. Estructura de un sitio de Sharepoint

A continuación se describe la estructura de un sitio web básico de Sharepoint, que está compuesto por carpetas que alojan tipos de contenidos específicos:
documentos, imágenes y páginas.

Sitio

Documentos Imágenes Páginas Flujos de trabajo

En esta carpeta se alojan los
documentos que se suben al sitio
web y desde allí se enlazan o se
filtran para que los usuarios puedan
consultarlos.
En esta carpeta se alojan las imágenes
que se suben al sitio web y desde allí
se cargan en la página que lo requiera.
En esta carpeta se alojan las páginas
del sitio.
En esta carpeta se alojan las tareas
que componen los flujos de trabajo
de un sitio. En este momento estos
flujos están deshabilitados en todos
los sitios.

Al utilizar la opción de Insertar
archivo del editor de Sharepoint, el
sistema automaticamente alojará el
documento en esta carpeta.
Al utilizar la opción de Insertar imagen
del editor de Sharepoint, el sistema
automaticamente alojará la imagen en
esta carpeta.
Al utilizar la opción de Agregar una
página de la configiración de
Sharepoint, el sistema
automaticamente alojará la página en
esta carpeta.

3
 
Capítulo 3. Edición básica del sitio
3.1. Panel de edición

Luego de haber iniciado sesión en nuestro sitio, vemos que la apariencia de la interfaz de usuario cambia. Se muestra ahora un panel superior nuevo, con el que se
editará todo el sitio. En el extremo superior derecho aparece un ícono de un piñón, al presionarlo nos muestra el panel general de acciones de nuestro sitio, del cual
destacaremos los siguientes elementos, que son las acciones más comunes que realizaremos en nuestro sitio:

• Editar página: usado para trabajar directamente sobre la página que tenemos abierta.
• Agregar una página: usado para crear una página nueva en el sitio en el que nos encontramos actualmente.

La edición avanzada de plantillas o de diseño se debe solicitar a la Dirección de Comunicaciones.

3.2. Crear y editar página

Comencemos entonces con las tareas básicas. La primera de ellas es la más común, y quizá la que más realizarán en el sitio, y es la que tiene que ver con la
creación y edición de páginas. Esta se realiza ubicándonos directamente en el sitio o sección donde queremos agregar y editar esta página, acción que podemos
realizar buscando la Dirección URL de la sección en la que queremos crear y editar la página, bien sea escribiéndola en la caja de la dirección web del navegador,
llegando a esta mediante los diferentes menús de navegación, o, de manera más avanzada, mediante la Configuración del Sitio, que veremos más adelante. Para
este caso, la crearemos en la sección www.ucc.edu.co/bogota/sede a la que llegamos navegando en el menú principal de la Sede Bogotá.

3.3. Crear una página de contenido

Las páginas de contenido son creadas mediante el panel que vimos anteriormente. Vamos al ícono piñón de la parte superior derecha de nuestra página, lo
desplegamos y hacemos clic en la opción AGREGAR UNA PÁGINA.

Aparecerá un mensaje emergente solicitándonos el nombre de la página. Tener en cuenta, que será el nombre que aparecerá en la caja de la Dirección URL, por lo
que debe ir, preferiblemente, sin espacios, sin tildes, sin comas, sin ñ o sin caracteres especiales

Tenemos entonces la página nueva, lista para editar. Su nombre es mapa-ubicacion.aspx y la editaremos entonces para agregar el contenido que tenemos en la
zona editable de nuestro sitio web.

4
 
3.4. Editar página de contenido

Lo primero que debemos verificar es el Diseño de página que aplicaremos, que determina la cantidad de cajas editables de la página. En la pestaña Página, al
hacer clic en el botón Diseño de página, aparecerá un desplegable con varias opciones para las sedes:

• Noticias: solo se utiliza para páginas creadas dentro del subsitio Sala de prensa / 2013. Tiene características especiales para la creación de noticias.
• Contenido Sede: se utiliza para las páginas de contenido generales, que normalmente estarán alojadas en el subsitio Sede.
• Home Sede: solo se utiliza para la página principal del sitio de la sede.

En este caso, como estamos creando una página dentro del subsitio de Sede, debemos seleccionar la opción Contenido Sede.

Ya creada nuestra nueva página y seleccionado el diseño de la misma, pasamos a la edición de contenido. Esta se realiza en la zona central de cada página y en la
zona inferior del menú de navegación. Es necesario tener en cuenta que los banners superiores, los menús de navegación principal y de pie de página, solo son
editados desde la plantilla y son responsabilidad de la Dirección de Comunicaciones. Las dependencias pueden hacer la edición de contenidos en estas zonas y
también pueden hacer modificaciones en el menú local como lo veremos más adelante en el apartado Edición de Menús.

Para activar entonces la zona de edición cuando creamos una página nueva, es necesario insertar un editor de contenidos html. Para esto, lo que hacemos es
indicarle en cualquiera de los espacios de edición que tenemos en el vínculo AGREGAR ELEMENTO WEB, que queremos insertar tal recurso.

Inmediatamente se despliega en la parte superior una lista de opciones a agregar. De esta, seleccionamos en la columna de la izquierda Categorías, la opción
MEDIOS Y CONTENIDO y en la columna siguiente Piezas hacemos clic en EDITOR DE CONTENIDO.

5
 
Ya hemos insertado entonces el editor. Es importante precisar que esta inserción del EDITOR DE CONTENIDO solo se tiene que hacer una vez en al crear una
página. Cuando sigamos editando la página, trabajamos sobre este mismo editor, no es necesario agregar nuevos editores web.

Vemos entonces que en este editor podemos insertar directamente contenido: texto escrito, texto copiado y pegado de otro archivo, hipervínculos, imágenes,
videos, etc. A continuación se muestra como se realiza la edición de contenidos en la página web.

3.5. Editar contenidos: hipertexto

El principal contenido que podemos editar en la página es el texto digital. Este puede ser escrito directamente en el EDITOR DE CONTENIDO o puede ser copiado
y pegado de otro documento.

En este apartado, se recomienda que el texto que se traiga de editores externos, como por ejemplo Word, sea filtrado antes por la herramienta Bloc de Notas. Esta
es más una medida de seguridad para garantizar que el texto no se cargue con estilos propios de Word y que la edición de contenidos no tenga inconvenientes más
adelante.

Después de insertado el contenido, podemos darle formato. Este se aplica con los estilos predeterminados que tiene el sitio, y que además son estilos H1, H2, H3
etc, con los cuales tanto el buscador interno, como Google, pueden rastrear las páginas más eficientemente.

Para esto lo que hacemos entonces es seleccionar el párrafo o línea de texto que queremos editar, y luego seleccionamos una de las opciones que nos da el panel
superior en su sección FORMATO DE TEXTO. Utilizaremos la opción Encabezado para el título principal de la página (H1), Título 2 para los títulos de segundo nivel
(H2), Título 3 para los de tercer nivel (H3) y Título 4 para destacar categorías de información (H4).

La pestaña FORMATO DE TEXTO también nos ofrece la posibilidad de crear listas con viñetas, listas numeradas y poner negrillas y cursivas a los textos de párrafo.
El sistema cuenta con unos estilos de texto predeterminados, de manera que no debemos asignar tipografías ni tamaños adicionales a los textos. Tampoco
debemos justificarlos, pues la lectura en web se hace más sencilla con los textos alineados a la izquierda, tal como está predeterminado en el sitio.

3.6. Editar contenidos: imágenes

La plataforma nos permite insertar imágenes, que deben ser optimizadas antes, para que sean publicadas de forma eficiente en el sitio web.

Si no cuenta con herramientas propias para la edición de las imágenes, le recomendamos el uso de la herramienta http://www.webresizer.com/resizer con la que se
puede hacer una edición rápida de estas.

El ancho máximo que una imagen horizontal puede tener para ser publicada en el sitio es de 750px, que es el ancho del cuerpo de la página. También puede
optimizar sus imágenes horizontales con anchos inferiores a 750px, preferiblemente de 400px, procurando alinearlas a la derecha o a la izquierda para que el texto
se ajuste a ellas.

Si se trata de imágenes verticales, procure optimizarlas a un ancho máximo de 350px y alinearlas a la derecha o a la izquierda para que el texto se ajuste a ellas.

6
 
Una vez optimizada la imagen procedemos a publicarla en el EDITOR DE CONTENIDO, lo que hacemos es UBICAR EL CURSOR EN EL EDITOR DE
CONTENIDOS donde queremos que se ubique la imagen, para luego seleccionar en el panel superior la pestaña INSERTAR la cual nos habilita el ícono de imagen
para agregar al sitio web.

Luego aparece el mensaje emergente de CARGAR IMAGEN. Seleccionamos entonces el archivo, lo adjuntamos y seleccionamos como BIBLIOTECA DE DESTINO
la biblioteca IMÁGENES.

Luego le damos las propiedades básicas a la imagen y la guardamos en la carpeta que le asignamos.

7
 
Por último vemos entonces dos componentes de los contenidos ya integrados: el texto con formato y la imagen publicada.

Al insertar una imagen en la página se activa la pestaña IMAGEN. Desde allí podemos alinear las imágenes (en el caso de que sean de un tamaño inferior a 750px)
y podemos darle una margen con respecto al texto. Recuerde seguir las indicaciones dadas anteriormente sobre los tamaños de las imágenes.

Hay una tarea final en esta edición de contenidos y es la edición del ELEMENTO WEB. Por defecto, Sharepoint, pone en el editor un recuadro azul que no es
estético y que recomendamos quitar. Para esto entonces lo que hacemos es ubicarnos en la parte superior derecha del EDITOR DE CONTENIDO, donde vemos
una flechita hacia abajo. Allí, seleccionamos la opción EDITAR ELEMENTO WEB, el cual nos habilita un panel en el extremo derecho de la página, allí haremos clic
en la opción apariencia y le indicamos que el EDITOR DEL CONTENEDOR VISUAL sea ninguno.

3.7. Publicación de página

Se ha realizado entonces la edición básica de una página. Luego procedemos GUARDAR la página editada, haciendo clic en el ícono GUARDAR de la pestaña
PÁGINA.

8
 
Luego de guardar la página, esta mostrará los cambios únicamente al usuario que la editó. Es importante que cualquier cambio que se realice se guarde, de lo
contrario la edición se perderá. Insistimos en la importancia de esta acción.

La página se mostrará como veremos en la siguiente imagen. Cuando tiene la franja amarilla de DESPROTEGIDO: SOLO USTED PUEDE VER LOS CAMBIOS
RECIENTES, está indicando que estos cambios no los verán los usuarios externos.

Una vez estemos seguros de que los contenidos están listos para ser visualizados por todos los usuarios que visitan el sitio, entonces hacemos clic en el botón
PUBLICAR para que los cambios sean puestos al aire para todos.

La página entonces ha sido publicada.

3.8. Edición de una página luego de que está publicada

Inicialmente debemos ir a la página que queremos editar, seleccionar el ícono PIÑÓN de la parte superior derecha del sitio, seleccionar la opción EDITAR PÁGINA y
hacer clic sobre el EDITOR DE CONTENIDOS para activar de nuevo con la edición de la página.

Una vez finalice la edición debe volver a GUARDAR y PUBLICAR la página. Y así sucesivamente cada vez que la edite, esto asegurará que los contenidos sean
guardados y que otros usuarios con permisos sobre su sitio puedan acceder a la página para editarla

9
 
3.9. Editar contenidos: tablas

Igual como hicimos con el texto y la imagen, se pueden agregar tablas en el EDITOR DE CONTENIDOS para listar elementos, enfrentarlos o solo organizar
información. Para ello, seleccionamos en el panel superior, la pestaña INSERTAR, para luego ubicar el ícono TABLA. Igual que en Word, podemos seleccionar
cuantas filas y cuantas columnas tendrá la tabla que queremos insertar.

Luego de insertada la tabla podemos proceder a darle estilo. Así como se hizo con el texto, lo que hacemos es seleccionar la tabla, ubicamos la pestaña DISEÑO y
de esta seleccionamos el botón ESTILOS. Allí seleccionamos uno de los diseños predefinidos para las tablas de Sharepoint.

10
 
3.10. Editar contenidos: hipervínculos

El contenido textual se complementa con los hipervínculos. Definimos tres clases: externos (páginas por fuera de nuestro sitio), internos (páginas que hacen parte
de nuestro sitio), y de descarga (enlaces a documentos adjuntos).

• Insertar hipervínculo externo

Escribimos el texto o seleccionamos la imagen que será hipervínculo. Luego la pestaña INSERTAR, seleccionamos el ícono VÍNCULO. Este ícono nos
despliega dos opciones, de la cual escogemos:

- De dirección: cuando es vínculo externo, caso en el que lo que hacemos es escribir la Dirección URL completa que queremos enlazar y
una vez puesto el vínculo activamos la opción Abrir en una pestaña nueva

• Insertar hipervínculo interno

Escribimos el texto o seleccionamos la imagen que será hipervínculo. Luego la pestaña INSERTAR, seleccionamos el ícono VÍNCULO. Este ícono nos
despliega dos opciones, de la cual escogemos:

- De Sharepoint: cuando es vínculo interno. Recomendamos aquí, en lugar de buscar en toda la lista de páginas que tiene el Sharepoint de
UCC, tener la Dirección URL preseleccionada y escribirla como si fuera una externa. Ej: si quiero conectar la página de Sede Bogotá con
Sede Arauca, debo abrirla previamente y copiar la URL http://www.ucc.edu.co/arauca, ya en el cajón de Dirección pegamos el enlace,
eliminando la primera parte que se refiere al sitio de la Universidad, es decir, conservamos únicamente /arauca.

Sin embargo, mostramos a continuación el proceso de creación de un hipervínculo interno.

- Seleccionamos el texto (o imagen) que queremos que sea hipervínculo, igual a como hicimos con el hipervínculo externo, pero esta vez
seleccionamos que el tipo de hipervínculo será DE SHAREPOINT.

11
 
En este caso, se despliega la vista completa del sitio. Todas las carpetas existentes dentro del sitio UCC, para que entonces se busque la carpeta con la que se
quiere vincular. Ejemplo, buscamos la carpeta Bogotá, luego seleccionamos su carpeta interna de PÁGINAS, para luego seleccionar dentro de esta carpeta, la
página INICIO.ASPX.

• Insertar archivo adjunto para descargar

En este caso lo que hacemos es seleccionar el texto (o imagen) que queremos que sea hipervínculo de descarga, luego en la pestaña INSERTAR, en
vez de seleccionar el ícono VÍNCULO, seleccionamos la opción CARGAR ARCHVO.

12
 
Se carga el archivo o documento adjunto (preferiblemente en formato .pdf), como lo hicimos anteriormente con las imágenes. Se le dan propiedades y se guarda en
la carpeta DOCUMENTOS del sitio, igual como hicimos con la foto, que guardamos en la carpeta IMÁGENES.

3.11. Editar contenidos: hipermedia

Sharepoint 2013 da la posibilidad de integrar contenidos multimedia, insertando directamente el código que generan plataformas ya posicionadas como Youtube. En
este caso permite integrar el código de video que genera Youtube para ponerlo dentro de nuestro editor. Primero haremos clic en el lugar del editor donde queremos
que vaya el video, luego seleccionamos la pestaña INSERTAR y hacemos clic en el ícono CÓDIGO PARA INSERTAR.

Este ícono nos abre una ventana emergente para pegar el código html que generan todas estas plataformas multimedia.

13
 
Y así se visualiza el video en el sitio web.

14
 
3.12. Editar SEO de la página

El SEO de la página hace referencia a la edición que haremos para que la página se visualice y posicione correctamente en Buscadores. Para ello, seguimos
editando la página desde el panel superior, haciendo clic en la opción EDITAR PROPIEDADES para luego seleccionar EDITAR PROPIEDADES DE SEO:

Propiedades como el nombre de la página, el título que mostrará en el explorador, y metadatos para la descripción y las palabras clave de la página, se pueden
editar las veces que sea necesario. La edición que se puede hacer se ve en la siguiente imagen:

3.13. Convertir una página en la página de inicio

Desde el panel superior podemos configurar la página que estamos editando para que se convierta en la página inicial del sitio. Para esto, en la pestaña PÁGINA,
haremos clic en el botón ESTABLECER COMO PÁGINA PRINCIPAL:

15
 
3.14. Eliminar una página.

De igual manera, desde el panel superior podemos eliminar una página que ya no queremos en el sitio. Para ello, vamos a la pestaña PÁGINA y hacemos clic en
ELIMINAR PÁGINA. Las páginas de inicio de los sitios no se pueden eliminar hasta que otra página no haya sido ESTABLECIDA COMO PÁGINA PRINCIPAL.

16
 
Capítulo 4. Edición avanzada del sitio
Veremos entonces que hay otros recursos de edición del sitio. Este capítulo tratará de las ediciones avanzadas que se pueden hacer el sitio, destacando las
siguientes:

• Configurar navegación del sitio: para editar la navegación local que tenemos en cada sitio
• Creación de sitios: crear subsitios dentro de nuestro sitio principal
• Contenido y estructura: visualizar de manera general el sitio, los subsitios, carpetas (imágenes, documentos, páginas) y contenido existentes

Son más los servicios avanzados que ofrece Sharepoint, pero los mencionados anteriormente, son los necesarios para la gestión diaria del sitio.

4.1. Contenido y estructura: acceso a la vista general del sitio

Para esto, ingresamos por el ícono del PIÑÓN de la parte superior derecha de nuestro panel, y seleccionamos la opción CONFIGURACIÓN DEL SITIO:

Luego aparece toda la configuración avanzada del sitio. De esta, trabajaremos principalmente con dos acciones: NAVEGACIÓN y CONTENIDO Y ESTRUCTURA

Trabajaremos inicialmente con CONTENIDO Y ESTRUCTURA. Esta opción nos ofrece una vista eficiente del sitio y sus subsitios por carpetas. Además de
visualizar todo el contenido, podemos y editar propiedades de sitios y páginas.

Para este ejemplo ingresamos al sitio Bogotá, luego al subsitio Sala de Prensa, que contiene al subsitio 2013. Dentro de ellos están las carpetas nativas de
Sharepoint: páginas, documentos e imágenes. Lo que nos ofrece entonces es una vista similar a la del Explorador de Windows, muy útil para ediciones avanzadas
(mover sitios, mover páginas, editar páginas, ver listas, etc).

17
 
4.2. Editar el menú de navegación

Para esto, ingresamos nuevamente por el PIÑON y hacemos clic en el botón CONFIGURACIÓN DEL SITIO. Nos muestra el panel de Configuración del sitio en el
que debemos seleccionar la opción NAVEGACIÓN:

Nos abre el siguiente panel de control, que permite editar toda la navegación de la página. Para la necesidad puntual en nuestro sitio, solo crearemos un link a una
de las páginas del sitio. Para ello lo que hacemos es agregar los links que se necesitan en la NAVEGACIÓN ACTUAL DEL SITIO en la parte inferior del panel. Esto
se realiza, con el botón AGREGAR VÍNCULO

Luego se abre una ventana emergente ya conocida, con la cual buscamos la página a la que queremos hacer el enlace o escribimos una URL externa, tal y como lo
hicimos en la opción INSERTAR LINKS de la edición de contenidos, hipervínculos que vimos anteriormente:

18
 
4.4. Crear menús de páginas a través de listas

Una de las funciones más útiles que presenta Sharepoint 2013, es la visualización de una colección de páginas a través de listas. Por ejemplo, en el sitio de la
Universidad las noticias se visualización en forma de lista utilizando esta opción que filtra los artículos a mostrar usando los metadatos que se otorgan a cada página
en el momento de su creación, como lo vimos anteriormente.

Supongamos que en el subsitio http://www.ucc.edu.co/arauca/prensa/2013/ tenemos una página con el metadato SALA DE PRENSA POT SEDE marcado en la
opción ARAUCA. Con esta información podemos crear una página en la que solo mostremos las noticias que tienen esta opción marcada.

Entonces creamos una página o utilizamos una existente. Agregamos un elemento web que nos permita visualizar el contenido de la lista que queremos. Hacemos
clic en AGREGAR ELEMENTO WEB, como lo vimos anteriormente, pero en esta ocasión seleccionamos el elemento RESUMEN DE CONTENIDO y luego la opción
CONSULTA DE CONTENIDO:

Hacemos clic en el PANEL DE HERRAMIENTAS para hacer el filtro respectivo.

Este panel nos abre un menú a la izquierda con el que vamos a llamar la lista (carpeta de páginas o de documentos) y a hacer el filtro.

Primero vamos llamar la lista. Para ellos seleccionamos MOSTRAR TODOS LOS ELEMENTOS DE LA SIGUIENTE LISTA, hacemos clic en EXAMINAR y en el
explorador que aparece seleccionamos la carpeta arauca/prensa/2013/paginas para este caso. Ya en otros ejercicios se llamará la carpeta de páginas o de
documentos correspondiente.

19
 
Ahora seleccionamos el filtro, para este caso será SALA DE PRENSA POR SEDE (se selecciona de una lista desplegable) y le indicamos al sistema que debe ser
igual a ARAUCA (se escribe en el campo indicado).

En el desplegable PRESENTACIÓN, podemos seleccionar la manera como queremos ordenar los contenidos que se filtrarán: alfabética, cronológica, etc. Además
definimos cuantas noticias se visualizarán:

20
 
Finalmente vemos como se filtran las noticia que necesitamos:

21
 
Capítulo 5. Otros recursos
5.1. Web Resizer

Si no cuenta con herramientas propias para la edición de imágenes, le recomendamos el uso de esta utilidad que le permitirá optimizar las imágenes a los tamaños
permitidos para el sitio web:

• Imágenes horizontales: 740px ó 400px.

• Imágenes verticales: 350px

Ingrese a http://www.webresizer.com/resizer, haga clic en la opción SELECCIONAR ARCHIVO y seleccione la imagen que necesita optimizar:

Haga clic en la opción UPLOAD IMAGE para subir el archivo al sistema:

Una vez el sistema finaliza la subida de la imagen aparecerán dos paneles, a la derecha está la imagen original y a la izquierda la imagen optimizada. En la parte
inferior aparecen las siguientes opciones:

• New size: donde indicaremos en nuevo ancho (740, 400 o 350)

• Sharpen: se refiere al nivel de enfoque de la imagen, le asignaremos un valor de 10
• Image quiality: se refiere a la calidad de la imagen, le asignaremos un valor de 90

Una vez haya asignado estos valores haga clic en la opción APPLY CHANGES, el sistema optimizará el archivo y en el panel izquierdo aparecerá la imagen final.
Haga clic en la opción DOWNLOAD THIS IMAGE para descargar su imagen optimizada. Antes de subir la imagen al sitio web verifique que está correctamente
marcada: sin mayúsculas, tildes, eñes, signos de puntuación o caracteres especiales, además en el nombre debe reemplazar los espacios por guiones medios (-).

22