Guía 1.0 – Fotos dinámicas

¿Por qué son importantes las fotos?

Las fotos dinámicas mejoran su sitio web de muchas maneras:

La gente hace clic e interactúa más. Tener buenas fotos en su sitio convence a más personas de explorar otras páginas además de la página de inicio.

Como resultado, este aumenta el tiempo promedio de permanencia en el sitio web.

Esto es ideal para SEO. Esto aumenta el tiempo promedio del sitio, reduce la tasa de rebote y ayuda a que su sitio aparezca más alto en las clasificaciones de búsqueda en Google.

Para obtener más información, consulta la guía de Google Analytics.

¿Por qué es importante cambiar el tamaño?

Los nuevos teléfonos y cámaras pueden tomar fotos de una calidad increíblemente alta. Estas fotos tienen un tamaño de archivo alto. Repasemos algunos términos:

Las fotos tomadas con su teléfono/cámara tienen muchos píxeles, a menudo más de 1500 de largo/ancho. Debido a esto, demasiadas fotos grandes pueden ralentizar un sitio web. Queremos que nuestros sitios CWP funcionen bien con datos móviles o en áreas aisladas con mala conexión a Internet.

Para evitar la ralentización, puede utilizar herramientas como PicResize (https://picresize.com/) para reducir el tamaño de archivo de sus imágenes manteniendo su fidelidad visual.

Paso 1. Primero, ve a https://picresize.com/

Paso 2. Cargue su archivo y haga clic en "Continuar para editar la imagen".

Paso 3. Conozcámonos en el área Cambiar el tamaño de su imagen aquí.

A la derecha de la sección Cambiar el tamaño de la imagen, puede encontrar el tamaño de imagen original de la imagen en "Original (píxeles)". En este caso, la imagen cargada es de 2560 x 1700.

El nuevo tamaño, que se muestra junto a "Estimado final", es 1280 x 850. Eso se ajusta a menos de 1500 de largo y/o ancho, por lo que funcionará bien en el sitio web.

Puede seleccionar otros tamaños en "Seleccione un nuevo tamaño para su imagen" para cambiar la estimación final. Por defecto es 50% más pequeño.

Seleccione el tamaño de imagen que desee, luego procese la imagen haciendo clic en el botón en la parte inferior.

Etapa 4. Cuando haya terminado, haga clic en el icono Disco para descargar su nueva imagen. Puedes subir esta imagen al sitio web.

Características de las fotos dinámicas

Repasemos algunas buenas y malas prácticas.

No solo muestres lugares, muestra a las personas que viven allí. Las personas se sienten atraídas por la cara como punto focal. Expression ayuda a las personas a conectarse emocionalmente con la foto y resonar con una causa.

Muestre fotos de áreas que la gente reconozca. Esto ayudará con el turismo y la búsqueda de puntos de referencia.

Las imágenes ayudan a comunicar un mensaje o apoyar una causa. Usa fotos para mostrar la acción o el impacto de lo que estás haciendo. Muestre la urgencia de lo que está tratando de cambiar. Comunica tu historia a través de imágenes.

Muestre personas en acción: caminando, hablando, trabajando, haciendo.

Tome fotografías que tengan a una persona u objeto enfocados, con el fondo ligeramente borroso. Los teléfonos nuevos pueden hacer esto automáticamente.

La regla de los tercios es una herramienta de diseño que se remonta al Renacimiento. En pocas palabras, las fotos simétricas se ven menos dinámicas en comparación con el posicionamiento del sujeto a la derecha o a la izquierda.

Intente encontrar y tomar fotos con diversos grupos de personas. Comuníquese con comunidades indígenas, LGBTQ+, Latinx y multigeneracionales para encontrar y tomar fotos. Este es un desafío para ser profundamente inclusivo con sus fotografías en su sitio web.

Características de las fotos no tan buenas

A continuación, repasemos las características de las fotos no tan buenas. Estas son prácticas que debe tratar de evitar al tomar y seleccionar fotografías.

Esto sucede a menudo cuando se toman fotos en un ambiente oscuro. Algunas formas de solucionar esto son apagar el flash y dejar que el teléfono se ajuste automáticamente, o encender algunas luces.

Esto sucede a menudo cuando se toman fotografías de reuniones y eventos frente a una audiencia.

Trate de encontrar imágenes que no estén borrosas o pixeladas. Busque fotos que estén relacionadas con el tema.

¡Si yo fuera parte de esa reunión, mis ojos estarían vidriosos por el aburrimiento! Trate de mostrar acción.

Agregar fotos al control deslizante de la página de inicio

Solo Editores de contenido y Administradores puede poner fotos en sitios web. Primero, Iniciar sesión y acceda al panel de control.

El Barra de administración es la barra negra en la parte superior de la pantalla. Esto aparecerá si ha iniciado sesión como moderador, administrador o editor. Los usuarios normales no ven esto. Se mostrará tanto en el backend como en el frontend del sitio web.

Haga clic en el nombre del sitio web en la parte superior izquierda de la barra de administración. Para cambiar entre la interfaz del sitio y el tablero, puede hacer clic en el nombre del sitio web en cualquier momento.

La barra de administración tiene accesos directos especiales dependiendo de dónde se encuentre. En este caso, lo usaremos como acceso directo para editar la página de inicio.

Para ello, haga clic en Editar portada (Generador de diseño avanzado). El botón de editar página siempre tendrá un ícono de lápiz al lado.

Para obtener más información sobre la edición de páginas, lea la guía de administración de contenido en la Red.

Encuentra el Control deslizante fácil de ancho completo botón y haga clic en él.

Mostrará el orden en que aparecerán las imágenes en el control deslizante de la página de inicio. Haga clic en las flechas a la izquierda de las imágenes y arrástrelas para mover el orden. Haga clic en las miniaturas de la imagen para ingresar su configuración si desea reemplazarla. Para eliminar una imagen del control deslizante, haga clic en el símbolo x a la derecha.

Para agregar una imagen, haga clic en Agregar múltiples imágenes. Allí, encontrarás dos pestañas en la parte superior izquierda. Puede cargar un archivo desde su computadora o seleccionar una foto que ya haya sido cargada en su sitio.

Una vez que haya terminado, haga clic en el botón azul Guardar en la parte inferior derecha de la ventana. Para publicar sus cambios, desplácese hasta la parte superior del editor de páginas y haga clic en el botón azul Actualizar botón.

Subir una imagen destacada para una publicación

Para establecer una imagen destacada, cree una publicación como lo haría normalmente, luego busque y haga clic en Establecer imagen destacada.

Subir una imagen a una página

Busque la página que desea editar y haga clic en "Editar página" en la barra de administración. Haga clic en el área de texto en la que le gustaría incluir una foto, luego haga clic en "Agregar medios". Una vez que hayas terminado, haz clic en Publicar en la parte superior derecha.