Guía de aprendizaje: Utilización de la optimización de imágenes de

Puede utilizar la optimización de imágenes en el sitio del Portal del desarrollador para mejorar el uso de las imágenes.

Las imágenes optimizadas no sobrecargan su sitio web y aumentan significativamente su rendimiento en comparación con el uso de las imágenes originales. La satisfacción del cliente y la reputación de la marca mejoran con la carga rápida y los activos visuales recortados. La optimización automática puede ahorrar tiempo y esfuerzo en la edición y moderación de contenido.

Antes de empezar

Debe tener un Portal del desarrollador habilitado y debe tener acceso de administrador para completar esta guía de aprendizaje. La guía de aprendizaje Creación del portal explica cómo habilitar el portal si todavía no lo ha hecho.

Acerca de esta guía de aprendizaje

En esta tarea, creará un estilo de imagen que se denomina User picturey le asignará un efecto de escala y recorte. A continuación, utilice User picture como el campo Picture en la cuenta de usuario.

Esta guía de aprendizaje le guiará por los pasos siguientes:
  1. Cree el estilo de imagen User picture.
  2. Editar el estilo de imagen User picture.
  3. Asignar User picture a la opción picture en Account settings..

Crear el estilo de imagen User picture

  1. Inicie sesión en el Portal del desarrollador como administrador.
  2. Navegue hasta Configuración > Medios de comunicación > Estilos de imagen.
  3. Pulse + Añadir estilo de imagen.
  4. Introduzca User picture en el campo Image style name. Pulse Crear nuevo estilo

    Introduzca el nombre del estilo de imagen

Ha creado el estilo de imagen User picture. Puede editar el User picture según sea necesario. Para obtener más información, consulte Editar el estilo de imagen Imagen de usuario.

Edite el estilo de imagen User picture

Cuando edita este estilo, elige los valores de anchura y altura. También, la parte de la imagen a retener durante la cosecha, por ejemplo, el centro.
  1. Navegue hasta Configuración > Medios de comunicación > Estilos de imagen.
  2. Pulse Editar en el nombre de estilo User picture .

    Editar estilo de pantalla de imagen de usuario

  3. En Effect, seleccione Scale and crop de la lista y haga clic en Añadir.
  4. Especifique 300 en los recuadros Width y Height . Deje Anchor como valor central.
  5. Haz clic en Añadir efecto.

    Opciones de escala y recorte

  6. Pulse Guardar para guardar los cambios.
Ha editado el estilo de imagen User picture.

Asigne User picture a la opción picture en Account settings

  1. Vaya a Configuración > Personas > Configuración de la cuenta y haga clic en la pestaña Gestionar visualización .
  2. Haz clic en la pestaña Compacto.

    Página de gestión de la pantalla que muestra la configuración de la pantalla

  3. En la fila " Picture ", haga clic en " Icono de engranaje.
  4. Seleccione User picture de la lista Image style.
  5. Haga clic en Actualizar
  6. Haga clic en Guardar para guardar los cambios .

Establece el estilo de imagen de User picture para todas las cuentas.

Qué ha hecho en esta guía de aprendizaje

Ha cambiado los valores de la cuenta para que, si el usuario muestra una imagen, esté dentro de los límites del estilo de imagen User picture.

Para comprobar la foto utilizada por un usuario, ve a Personas, haz clic en un usuario y mira su foto en su página de perfil. Haga clic con el botón derecho en la imagen y, a continuación, haga clic en View image info, podrá ver que las dimensiones se escalan.

Dimensiones de la imagen