Lección 3

El diseño gráfico web

Actualizado el
 16/10/2023

Los medios de comunicación web tienen un mayor impacto medioambiental que los impresos y, en esta era tecnológica, exigen una mayor vigilancia. Por la sencilla razón de que la tecnología digital contamina, y mucho. Por lo tanto, es muy importante tener en cuenta este detalle a la hora de trabajar en contenidos y creaciones visuales para un sitio web o en las distintas redes sociales.

¿Cómo ecodiseñar los soportes gráficos web?

Los medios digitales son numerosos y su impacto ambiental considerable. Obtener una mayor relevancia:

  • Limitar la presencia en los distintos medios digitales en función del público destinatario.
  • Adaptar las comunicaciones a las características específicas de los medios en los que se difundirán.

Consejos para el ecodiseño en las redes sociales:

  • Moderar el número de imágenes que se publican.
  • Asegurarse de que las imágenes no superan las dimensiones máximas admitidas por la red social.
  • Pensar en móvil: el contenido visual debe ser comprensible en la pantalla de un teléfono.
  • Reducir la calidad de los vídeos y procurar que no sean demasiado largos.
  • Pensar en la accesibilidad: no olvidar los subtítulos.

Dependiendo de la tecnología de la pantalla, los colores que se ven tienen un impacto en el consumo de energía de los dispositivos: el blanco es el color que más energía consume y el negro, el que menos. Utilizar y crear temas oscuros puede ser, por tanto, interesante para quienes tienen pantallas AMOLED, cada vez más habituales. Pero hay que tener cuidado al diseñar para un tema oscuro: es necesario asegurarse de que el contenido sea siempre accesible sobre un fondo negro.

Hay varias formas de aligerar el contenido visual:

  • Utilizar los formatos adecuados para las imágenes, como .jpeg para las fotos y .svg para las ilustraciones.
  • Comprimir las imágenes con herramientas como TinyPNG.
  • Enviar vídeos cortos que no superen la resolución de 720p.
  • Moderar el uso de vídeos y comprimirlos con la herramienta Handbrake.