TEMA 3. USO DE IMÁGENES E INFOGRAFÍAS DE SALUD


1. INTRODUCCIÓN 

Si en el mundo de Internet y las redes sociales el contenido es el rey, se podría afirmar sin ninguna duda que la imagen es la reina (y el príncipe el vídeo). Y es que las imágenes son el formato perfecto para acompañar a todo tipo de contenidos o incluso como único medio a la hora de transmitir conceptos e información de salud.

La era digital ha transformado radicalmente la forma en que accedemos, consumimos y compartimos información. En este entorno dinámico y visualmente orientado, el poder de las imágenes se ha elevado a nuevas alturas, estableciéndose como un vehículo inigualable para la comunicación efectiva. Desde las redes sociales hasta las páginas web y los medios impresos, las imágenes capturan la atención y narran historias, dejando una impresión duradera en nuestras mentes.

Las imágenes, ya sean fotografías, gráficos, ilustraciones o infografías, no solo transmiten mensajes de manera instantánea, sino que también enriquecen la comprensión y la retención de la información. Su capacidad para simplificar conceptos complejos y presentar datos de manera visualmente atractiva ha revolucionado la forma en que compartimos conocimientos en todas las disciplinas. Y en el mundo de la salud digital, su utilidad y relevancia adquieren un nuevo significado.

La adopción creciente de imágenes e infografías en el ámbito de la salud digital ha abierto una puerta de oportunidades sin precedentes. Desde la educación para la salud hasta la promoción de hábitos saludables y la divulgación de avances científicos, pasando por la formación de profesionales y pacientes.

La imagen es por tanto utilizada en prácticamente todos los formatos y su tratamiento en este momento es del todo digital. No hay más que realizar una búsqueda en Google sobre cualquier tema y el buscador no solo devuelve resultados de páginas web, sino también de imágenes.

Adquirir conocimientos en el uso de imágenes es algo cada vez más relevante para los profesionales sanitarios, porque éstas son una herramienta poderosa a la hora de hacer una comunicación efectiva que ayude en la educación y empoderamiento de pacientes y también permita mejorar la forma de presentación de resultados de investigación o procesos de formación.

 

2. ASPECTOS MÁS IMPORTANTES EN EL MANEJO DE IMÁGENES 

En el momento en que empezamos a manejar imágenes para nuestras publicaciones de salud, nos damos cuenta de que necesitamos conocimientos sobre técnicas y herramientas que nos permitan ajustarlas al formato en el que trabajamos, cambiar su tamaño o introducir un texto, por poner solo algunos ejemplos.

El problema suele venir a la hora de elegir una herramienta que cubra todas las necesidades y que además tenga una curva de aprendizaje sencilla. Es decir, necesitamos utilizar una herramienta que permita ir más allá de lo que conseguiríamos con el editor básico de un ordenador, pero tampoco al nivel de herramientas de diseño gráfico que usan los fotógrafos e ilustradores. 

Las cinco funcionalidades básicas que debería reunir un editor de imágenes y que van a ser suficientes para el 95% de nuestro trabajo a la hora de trabajar con fotografías e imágenes, son: redimensionar, recortar, cambiar resolución, formato y manejo de composiciones.

 

2.1. Redimensionar una imagen

En muchas ocasiones la imagen que queremos utilizar no se ajusta al formato de destino y es demasiado grande o muy pequeña. El redimensionamiento de imágenes es una funcionalidad fundamental en la edición de imágenes que permite ajustar el tamaño de una imagen digital, ya sea para reducir sus dimensiones o para aumentarlas. Esta técnica es esencial para adaptar imágenes a diferentes usos y plataformas, mejorar la carga y visualización en línea, y garantizar la coherencia en el diseño.

El redimensionamiento de imágenes se utiliza con diversos propósitos, entre los que destacan:

  1. Optimización para la web: las imágenes de alta resolución pueden ralentizar la carga de una página web, lo que afecta negativamente la experiencia del usuario. Redimensionar imágenes antes de cargarlas en un sitio web puede reducir significativamente el tiempo de carga de la página, mejorando la velocidad y la accesibilidad del sitio.
  2. Compatibilidad móvil: las imágenes demasiado grandes pueden dificultar la visualización en dispositivos móviles, lo que afecta la experiencia del usuario en dispositivos con pantallas más pequeñas. El redimensionamiento de imágenes asegura que se adapten adecuadamente a las diferentes resoluciones de pantalla y dispositivos.
  3. Envío por correo electrónico: redimensionar imágenes antes de adjuntarlas en correos electrónicos ayuda a reducir el tamaño del archivo adjunto y evita problemas de capacidad en las bandejas de entrada de los destinatarios.
  4. Uso en redes sociales: algunas plataformas de redes sociales tienen requisitos de tamaño específicos para las imágenes de perfil, portada o publicaciones. El redimensionamiento permite ajustar las imágenes para que se vean óptimas en cada plataforma.
  5. Impresión: al preparar imágenes para impresión, es importante ajustar su resolución y tamaño según los requisitos de calidad de impresión y las dimensiones del material impreso.
  6. Diseño gráfico: en el diseño gráfico, el redimensionamiento de imágenes es esencial para crear diseños coherentes y atractivos. Permite ajustar imágenes para encajar en diseños específicos y mantener una estética visual uniforme.
  7. Presentaciones y documentos: al incorporar imágenes en presentaciones, documentos o informes, el redimensionamiento asegura que las imágenes sean apropiadas en términos de tamaño y resolución para la plataforma de presentación.
  8. Ahorro de espacio en almacenamiento: reducir el tamaño de las imágenes también es útil para ahorrar espacio en dispositivos de almacenamiento, como discos duros o tarjetas de memoria.

 

2.2. Recortar

En ocasiones solo queremos mostrar determinadas partes de una imagen, por lo que sería útil saber eliminar zonas específicas a nuestro criterio. La herramienta de recorte en edición de imágenes desencadena una transformación precisa y focalizada. Con ella, los bordes de una imagen son modificados, extrayendo una porción específica o eliminando elementos no deseados.

El recorte es una herramienta versátil que ofrece beneficios clave:

  • Enfoque visual: el recorte resalta el sujeto principal, eliminando distracciones y resaltando detalles cruciales. Es especialmente útil en la fotografía de retratos, donde el recorte puede dirigir la atención hacia expresiones faciales y emociones.
  • Composiciones atractivas: permite ajustar la relación de aspecto, optimizando imágenes para encajar en diseños específicos. En el diseño gráfico, el recorte puede equilibrar la distribución visual y mejorar la estética general.
  • Eliminación de elementos distractores: con un sencillo recorte es posible eliminar objetos no deseados o fondos caóticos que puedan afectar la calidad visual de una imagen.
  • Adaptación a plataformas digitales: ajusta imágenes para que se adapten perfectamente a perfiles de redes sociales, banners de sitios web y otros formatos, asegurando que la imagen se muestre correctamente en diferentes entornos.

 

2.3. Cambio de resolución

Puede que una imagen original tenga una resolución óptima para un formato impreso (por ejemplo, 350 puntos por pulgada), pero en cambio resultaría excesiva para mostrarse en una pantalla (que suelen trabajar con una densidad de 72 puntos por pulgada). Esto significa que hay que adaptar las imágenes al formato de destino en el que se van a mostrar, para evitar imágenes muy pesadas (y muy lentas al cargar) o al revés, imágenes que no tienen la resolución suficiente y que se ven sin nitidez cuando las imprimimos en papel.

En primer lugar, vamos a aclarar algunos de los conceptos relacionados cuando hablamos de dimensiones y resolución:

  • Dimensiones: se refiere al número total de píxeles en altura y en anchura de una imagen (por ejemplo, 800x600).
  • Resolución: hace referencia a la precisión del detalle de una imagen en mapa de bits, y se mide en píxeles por pulgada o ppp. Por ejemplo, una imagen de resolución de 96ppp sería suficiente para mostrarse en una pantalla de ordenador sin que nuestro ojo apreciase perdida de nitidez. Pero si la queremos imprimir en papel podría verse pixelada, por lo que en este caso deberíamos trabajar con imágenes de al menos 300ppp. Quedémonos con la idea de que cuantos más píxeles por pulgada tendremos mayor resolución. 

Esto significa que si, por ejemplo, nuestro monitor tiene unas dimensiones de 1280x720 píxeles y queremos mostrar una imagen que ocupe toda la pantalla, tendríamos que trabajar sobre un lienzo del mismo tamaño. Y si nuestra imagen solo se va a mostrar en pantalla, no deberíamos sobrepasar una resolución de 96ppp, porque si lo hacemos no

apreciaremos ninguna diferencia y sí estaríamos aumentando el peso del archivo de la imagen, lo que redundaría en una mayor lentitud a la hora de cargarse la página web que la contenga.

Resumiendo, mucho:

  • Si trabajamos con una imagen para web: usaremos medidas de píxeles para establecer las dimensiones (ancho x alto) y una resolución máxima de 96ppp.
  • Si trabajamos con una imagen para imprimir: usaremos las medidas del tamaño que queramos imprimir (por ejemplo, 18x24cm) y elegiremos una resolución de 300ppp. 

Esto también quiere decir que si, por ejemplo, capturamos nuestra imagen de una cámara de fotos (por ejemplo, del teléfono móvil), y vamos a imaginar que esta tiene un tamaño de 4900x3600 píxeles y una resolución de 350ppp, si queremos usarla en un blog tendríamos que reducirla al tamaño deseado (por ejemplo, 800x600 pixeles) y disminuir su resolución a 96ppp. ¿Podríamos usarla sin reducir? La respuesta es sí, pero tendríamos una imagen innecesariamente grande y pesada (una fotografía de este tamaño podría pesar fácilmente 5000-8000Kb, frente a los 150kb de la misma imagen optimizada para web) que haría que nuestra imagen tardara en cargarse mucho tiempo.

Y, por el contrario, si tenemos una imagen obtenida en Internet de por ejemplo 800x600 y una resolución de 72ppp y queremos imprimirla en papel, tendríamos que ampliarla para ajustarla al tamaño en cms de nuestra fotografía, pero este hecho y trabajar con una densidad de píxeles de solo 72ppp haría que nuestra fotografía impresa en papel se vería pixelada. 

 

2.4. Formatos y tipos de archivo de imagen

Existen multitud de formatos a la hora de guardar archivos de imágenes. Algunos propios de los programas editores de fotografías que guardan las imágenes y los cambios que estamos realizando; y otros que almacenan el resultado final y que suelen incluir algún tipo de compresión, de forma que el archivo resultante ocupe el menor espacio posible.

Para elegir el formato adecuado en el que guardaremos nuestras imágenes una vez que las hayamos editado, tendremos que tener en cuenta el sitio en el que serán publicadas, el tamaño y la calidad que deseamos para el archivo resultante.

En estos momentos los formatos de imágenes más utilizados para la producción de contenidos digitales son:

  • JPG o JPEG (Joint Photographic Experts Group): es el formato más utilizado para guardar fotografías y dispone de un algoritmo de compresión de imágenes variable, de forma que cuanta mayor sea la compresión, más apreciaremos la pérdida de calidad. Es por tanto un formato final adecuado para el tratamiento de imágenes digitales, siempre que ajustemos el grado de compresión para evitar la pérdida de calidad en la imagen. Además, da como resultados tamaños de imágenes bastante ajustados, lo que lo convierte en un formato ideal para publicar en Internet.
  • GIF (Graphic Interchange Format): es un formato que utiliza un algoritmo de compresión para disminuir el peso de la imagen sin pérdida de datos. Es usado de forma ideal para guardar dibujos, iconos e imágenes de pocos colores, ya que solo soporta 256 colores. Por esta razón, no es adecuado para guardar fotografías. Además, es el único formato que permite realizar y mostrar animaciones a partir de varias imágenes.
  • PNG (Portable Network Graphics): fue creado para superar las limitaciones del formato GIF a la hora de tratar fotografías. Además, es ideal para guardar imágenes que incluyan un fondo transparente, ya que los mantiene y se integran con el fondo que contenga la publicación.
  • Otros formatos: formatos como BMP, PSD, TIFF, etc., son menos utilizados para publicación de imágenes en web y soporte electrónico ya que suelen ocupar bastante espacio en disco y no están optimizados para este tipo se publicaciones (aunque sí lo están para edición). 

 

Formatos de imagen usados habitualmente en Internet. 

 

¿Qué formato elegir? Dependerá de nuestras necesidades. Si queremos guardar imágenes de tipo gráfico o dibujo, podríamos optar por el formato GIF. Pero si en cambio nos referimos a fotografías, los mejores formatos son el JPEG para obtener archivos pequeños (evitando comprimir mucho las imágenes) y el PNG (mejor calidad, posibilidad de transparencia, pero mayor peso). 

2.5. Manejo de composiciones

A veces existe la necesidad combinar elementos a la imagen como puede ser, por ejemplo, el hecho de agregar texto y otros elementos a una imagen original. La composición de imágenes en la edición fotográfica es la habilidad de organizar elementos visuales dentro de un marco para crear una narrativa visual que llame la atención y sea coherente.

La composición de imágenes es una herramienta versátil y poderosa con múltiples aplicaciones y beneficios:

  • Narración visual: la composición de imágenes permite contar historias visuales de manera efectiva. Los elementos en la imagen se organizan para guiar al espectador a través de una secuencia de eventos o conceptos, creando una experiencia narrativa.
  • Destacar el sujeto principal: la disposición de elementos puede resaltar el sujeto principal o el punto focal de la imagen, permitiendo que se destaque y capture la atención del espectador de inmediato.
  • Equilibrio y armonía: la composición equilibrada crea una sensación de armonía y orden en la imagen, lo que resulta en una estética visualmente agradable y atractiva.
  • Dinamismo: la disposición de elementos puede crear movimiento visual, lo que añade dinamismo y energía a la imagen. Esta técnica es particularmente útil para imágenes que representan movimiento, acción o emociones.
  • Alineación y reglas de composición: las reglas de composición, como la regla de los tercios y la simetría, guían la ubicación de elementos en la imagen para lograr un equilibrio visual y una presentación atractiva.
  • Creación de collages y montajes: la composición también se utiliza en la creación de collages y montajes, donde múltiples elementos se ensamblan para formar una imagen completa.

 

3. PRINCIPALES HERRAMIENTAS PARA LA EDICIÓN DE IMÁGENES 

Para conseguir las funcionalidades antes explicadas, existen en la red cientos de herramientas que permiten hacer una edición más o menos sencilla, algunas de las cuales se pueden instalar en un ordenador o dispositivo móvil y otras que incluso se pueden ejecutar en la nube a través de un navegador de Internet y sin necesidad de instalar nada. Al final del tema se han seleccionado varios recursos de aprendizaje sobre algunos de los programas que vamos a mencionar.

Quizás la herramienta más completa y extendida sea Adobe Photoshop, la cual ofrece una enorme variedad de herramientas para la manipulación de imágenes. Aunque podría ser la herramienta ideal para la edición de imágenes, está más orientada a un uso profesional y su curva de aprendizaje es muy elevada.

Pero si queremos hacer una edición más sencilla y que no requiera mucho esfuerzo en su aprendizaje, existen algunas alternativas muy potentes. Una herramienta realmente interesante para realizar una edición más que suficiente de nuestras imágenes es Gimp, que además es de código abierto y tiene detrás toda una comunidad de desarrolladores que la mejoran de forma constante. Se podría decir que es una herramienta muy adecuada para empezar en edición de imágenes, porque básicamente es sencilla de utilizar y permite llegar a una edición más avanzada en caso necesario. Además, existen multitud de vídeos en Internet para aprender y sacarle el máximo partido a esta herramienta.

Otra herramienta muy potente que está disponible tanto en formato web como a través de aplicaciones es Canva. Es una popular plataforma de diseño gráfico en línea que ha ganado gran reconocimiento por su enfoque accesible y amigable para crear una variedad de contenido visual. Desde diseños para redes sociales y presentaciones hasta tarjetas de presentación y publicaciones para blogs, Canva ofrece una amplia gama de herramientas y recursos para crear diseños atractivos y profesionales sin la necesidad de tener conocimientos avanzados en diseño gráfico. Además, tiene unas características y funcionalidades que la hacen muy interesante para su uso:

  • Interfaz intuitiva: Canva se destaca por su interfaz de usuario intuitiva y fácil de usar. Incluso aquellos sin experiencia en diseño pueden navegar y utilizar las herramientas de manera efectiva.
  • Plantillas preestablecidas: ofrece una amplia variedad de plantillas preestablecidas diseñadas profesionalmente para diferentes tipos de contenido, como publicaciones en redes sociales, folletos, invitaciones, tarjetas de presentación y más. Estas plantillas facilitan la creación rápida y sencilla de diseños atractivos.
  • Función arrastrar y soltar: permite a los usuarios añadir y ajustar elementos visuales, como imágenes, iconos, texto y formas, en su diseño. Esto permite una personalización fácil y rápida.
  • Biblioteca de recursos: Canva ofrece una extensa biblioteca de imágenes gratuitas y de pago, iconos, fuentes y otros elementos visuales que los usuarios pueden utilizar en sus diseños.
  • Herramientas de edición: proporciona herramientas básicas, como ajuste de tamaño, recorte, retoque y filtros para mejorar y personalizar imágenes.
  • Colaboración en equipo: los usuarios pueden colaborar en proyectos con otros miembros del equipo, permitiendo una creación conjunta y eficiente de diseños.
  • Funciones avanzadas (Canva Pro): esta versión de pago ofrece características avanzadas, como fondos transparentes, herramientas de animación y la posibilidad de crear y guardar marcas y paletas de colores personalizadas.
  • Exportación y compartir: una vez completado el diseño, los usuarios pueden descargar su trabajo en diferentes formatos, como JPEG, PNG o PDF. Además, permite compartir directamente en redes sociales o a través de enlaces.
  • Recursos educativos: proporciona tutoriales, guías y cursos en línea para ayudar a los usuarios a mejorar sus habilidades de diseño y a aprovechar al máximo la plataforma.

 

 4. DESARROLLO DE INFOGRAFÍAS EN SALUD 

Una infografía es la representación visual que mediante el uso de textos e imágenes resume o explica todo tipo de conceptos, formando descripciones, secuencias y narrativas, los cuales son utilizados para transmitir información de forma gráfica.

El uso de infografías en todos los ámbitos ha aumentado mucho durante los últimos años, debido a que son muy llamativas y permiten aglutinar la información sobre un tema en un formato muy resumido. Además, cada vez existe un número mayor de herramientas y páginas web que permiten su creación de forma sencilla, a partir de plantillas a las que se pueden ir sumando distintos gráficos y elementos.

Por todo ello, en estos últimos años han tenido mucho éxito y cada vez son más los profesionales que utilizan infografías para explicar conceptos o ilustrar temas de salud.

Las infografías desempeñan un papel fundamental en la comunicación y educación en el campo de la salud, ofreciendo una serie de ventajas que contribuyen a una comprensión más efectiva de la información sanitaria y a la promoción de hábitos saludables. A continuación, se detallan algunas de las ventajas más destacadas de las infografías en el ámbito de la salud:

  • Comunicación eficaz de información compleja: la información sanitaria a menudo puede ser compleja y difícil de entender para personas sin formación. Las infografías simplifican conceptos complicados al presentarlos visualmente de manera clara y concisa. Utilizando elementos visuales como gráficos, diagramas e iconos, las infografías desglosan información compleja en segmentos más manejables y fáciles de asimilar.
  • Aumento de la retención de información: los seres humanos tienden a retener mejor la información cuando se presenta visualmente. Las infografías combinan texto con elementos visuales, lo que refuerza la comprensión y retención de datos importantes. Las imágenes ayudan a anclar la información en la memoria a largo plazo, lo que facilita el recuerdo.
  • Accesibilidad: las infografías brindan la oportunidad de presentar información de manera accesible y comprensible para una variedad de audiencias, incluidos pacientes, familias, cuidadores y público en general. Esto promueve una mayor conciencia de la salud y permite a las personas tomar decisiones informadas sobre su bienestar.
  • Claridad en la comunicación: permiten transmitir información con claridad y precisión, evitando malentendidos y confusiones.
  • Promoción de hábitos saludables: las infografías son una herramienta efectiva para educar sobre hábitos saludables. Al presentar esta información de manera visualmente atractiva, las infografías aumentan la probabilidad de que la audiencia la integre en su estilo de vida.
  • Adaptabilidad a diferentes plataformas: se pueden compartir en una variedad de formatos, desde publicaciones en redes sociales hasta sitios web, presentaciones y material impreso. Esta versatilidad permite que la información llegue a audiencias diversas y a través de múltiples canales de comunicación.

 

Ejemplo de Infografía sobre el uso de antisépticos. Elaborada por SalusPlay

 

4.1. Partes de una infografía

Aunque una infografía puede estar estructurada de distintas formas, existen diferentes apartados que suelen mantener en común este tipo de publicaciones. 

  1. Título o encabezado: el título es la primera parte que los lectores ven y debe ser descriptivo y llamativo. Resume el tema principal de la infografía y captura la atención del público.
  2. Introducción o contexto: esta sección proporciona un contexto general para la infografía, estableciendo la relevancia del tema y brindando información esencial para comprender el contenido.
  3. Visualización de datos: los datos representan el corazón de la infografía. Se muestran en forma de gráficos, diagramas, tablas u otras representaciones visuales para presentar datos, estadísticas o información numérica de manera clara y concisa.
  4. Texto explicativo: junto con las visualizaciones de datos, el texto explicativo proporciona información detallada sobre los puntos clave de la infografía. Debe ser breve, claro y complementar las imágenes.
  5. Iconos e ilustraciones: ayudan a visualizar conceptos abstractos, enfatizar ideas clave y agregar un elemento visual atractivo. Deben ser relevantes y coherentes con el tema.
  6. Leyendas y etiquetas: se utilizan para identificar y describir elementos en las visualizaciones de datos, como gráficos y mapas. Ayudan a los espectadores a comprender lo que están viendo.
  7. Flujo o secuencia: si la infografía presenta una secuencia de eventos o pasos, debe tener una estructura lógica que guíe a los espectadores de manera fluida a través de la información.
  8. Citas o fuentes: si se utilizan datos o información de fuentes externas, es importante proporcionar referencias o citas para respaldar la veracidad de la información presentada.
  9. Logotipo o marca: si la infografía es parte de una marca o campaña, es común incluir el logotipo o la marca de la organización para identificación y reconocimiento.
  10. Enlace o llamada a la acción: si la infografía se comparte en Internet, puede incluir enlaces a recursos adicionales, sitios web relacionados o llamadas a la acción para que los espectadores obtengan más información o se involucren de forma activa.
  11. Pie de página: puede incluir información adicional, como créditos del diseñador, derechos de autor o contactos de la organización responsable. 

Es importante que todas estas partes estén diseñadas de manera coherente y se presenten de forma ordenada y visualmente atractiva. La clave para una infografía exitosa radica en encontrar un equilibrio entre elementos visuales y textuales para comunicar eficazmente la información de manera clara y atractiva. 

4.2. Pasos para desarrollar una infografía de salud

El proceso de desarrollar infografías en el ámbito de la salud implica una combinación de creatividad, investigación y diseño visual efectivo. A continuación, se presentan los pasos clave que hay que seguir para crear infografías atractivas y que aporten valor a las infografías de salud:

  1. Definir el objetivo y audiencia: antes de empezar, es fundamental comprender claramente el propósito de la infografía. Definir cuál es el mensaje central que se desea comunicar y quién es la audiencia objetivo. Identificar si la infografía se enfocará en educar sobre una enfermedad, promover hábitos saludables, explicar una técnica o formar sobre un tema ayudará a dirigir el diseño y el contenido.
  2. Investigación y recopilación de datos: la precisión y la veracidad son esenciales en la comunicación de información en salud. Es fundamental dedicar un tiempo a investigar y recopilar datos y estadísticas confiables.
  3. Definir la estructura y flujo: hay que planificar la estructura general de la infografía y cómo fluirá la información. Decidir si la infografía seguirá una secuencia de pasos, comparará datos, presentará estadísticas o explicará conceptos sanitarios. Resulta fundamental organizar la información de manera lógica y secuencial para guiar a los espectadores a través del contenido.
  4. Diseño y visualización: será el momento de utilizar herramientas de diseño gráfico o plataformas online para crear la infografía. Seleccionaremos los colores, tipografías y elementos visuales que sean coherentes con el tema y la audiencia. Crearemos los gráficos, diagramas, iconos y otros elementos visuales para representar la información de manera clara y atractiva
  5. Redacción de texto explicativo: acompañaremos las imágenes con texto explicativo claro y conciso. El texto debe complementar las imágenes y proporcionar detalles adicionales para una comprensión completa. Si va dirigida a pacientes evitaremos el uso de jerga médica compleja y optaremos por un lenguaje claro y accesible.
  6. Revisión y edición: una vez hayamos completado el diseño, revisaremos minuciosamente la infografía en busca de errores gramaticales, inexactitudes o problemas de diseño.
  7. Pruebas de usabilidad: si es factible, realizaremos pruebas de usabilidad con personas de nuestra audiencia objetivo para evaluar la claridad y efectividad de la infografía. De esta forma obtendremos retroalimentación sobre la comprensión de la información y podremos realizar ajustes si fuera necesario.
  8. Distribución y promoción: una vez finalizada la infografía, será el momento de decidir cómo se distribuirá. Puede ser compartida en redes sociales, publicada en un sitio web, incluida en presentaciones u otros materiales. Habrá que asegurarse de que la infografía esté optimizada para diferentes formatos y plataformas.
  9. Actualización y mantenimiento: dado que la información sanitaria está en constante evolución, si la infografía incluyera datos que podrían cambiar con el tiempo, hay que asegurarse de planificar cómo se actualizará y mantendrá la infografía para que siga siendo relevante y precisa cuando pase el tiempo. 

4.3. Tipos de gráficos para presentar datos de una infografía

Dentro de las infografías, además de emplear ilustraciones, existe otra manera de facilitar la comprensión del lector: mediante el uso de gráficos. Estos gráficos son capaces de ser comprendidos e interpretados al instante durante su lectura.

Las infografías son muy valiosas para presentar información que en muchas ocasiones resulta compleja de entender únicamente con texto. En este punto es donde surge la noción de emplear gráficos, los cuales permiten tornar la información más nítida y atractiva.

Podríamos hablar de distintos tipos de gráficos:

  • Gráfico de barras: se presentan datos descriptivos y se colocan en varias columnas, una al lado de la otra. Se utiliza para comparar categorías o mostrar cambios a lo largo del tiempo. Las barras verticales u horizontales representan las cantidades, y la longitud de cada barra es proporcional al valor que representa. 

 

Gráfico de barras

 

  • Gráfico de barras apiladas: similar al gráfico de barras, pero las barras se apilan una encima de la otra en lugar de colocarse lado a lado. Esto permite mostrar tanto la relación entre partes y el total general.

 

Gráfico de barras apiladas. 

 

  • Histograma: es una versión más avanzada del gráfico de barras. Se utiliza para mostrar la distribución de un conjunto de datos continuos. Las barras representan intervalos y su altura muestra la frecuencia.

 

Gráfico tipo histograma. 

 

  • Gráfico de sectores o circular: es un tipo de gráfico muy común, que muestra la división de partes de un todo y sus proporciones, especialmente en porcentajes. Estas partes no deben ser muchas, especialmente cuando suponen pequeñas partes del todo que se presenta, pues el gráfico se vuelve confuso y la información se ve desordenada. 

 

Gráfico de sectores.

 

  • Gráfico de líneas: muestra los cambios expresados en números a través del tiempo. Funciona si las líneas que se trazan representan al período de tiempo, y al mismo tiempo la cantidad establecida dentro de la línea representa incrementos por igual del tiempo indicado. Funcionará preferentemente con unidades. Establece una comparación entre ellas. Las barras presentan el mismo ancho y el alto depende de la cantidad que representen. 

 

Ejemplo de gráfico de líneas.

 

  • Diagrama de árbol: es útil para mostrar jerarquías y estructuras. Utiliza ramas y nodos para representar relaciones y categorías. Es especialmente efectivo para temas de clasificación.

 

 

Diagrama de árbol. 

 

  • Gráfico de burbujas: utiliza círculos (burbujas) para representar datos en tres dimensiones: dos variables en un plano y la tercera variable a través del tamaño de la burbuja. Es útil para mostrar relaciones entre conjuntos de datos.

 

Gráfico de burbujas. 

 

  • Mapa: muestra relaciones que hay en la ubicación de un acontecimiento. Pueden representar información por regiones geográficas, países o ciudades. Los colores o patrones indican variaciones en los datos. Debe ir acompañado de una descripción. 

 

Ejemplo de uso de mapa. Obtenido de Freepik 

 

  • Diagramas: en infografías más avanzadas los datos pueden mostrarse a través de un gráfico, como por ejemplo para presentar un accidente o la evolución de un escenario.

 

Ejemplo de diagrama complejo. Obtenido de Aulafacil. 

 

  • Gráfico de radar (o gráfico de araña): es ideal para comparar múltiples variables. Las líneas radiales se extienden desde un punto central, y los puntos de datos se colocan en estas líneas para mostrar cómo se comparan en diferentes categorías.

 

Gráfico de radar. 

 

La elección del tipo de gráfico dependerá del tipo de datos que deseas representar y del objetivo de la infografía. Es importante seleccionar un gráfico que permita transmitir la información de manera clara y que sea fácil de entender para la audiencia.

4.4. Herramientas dedicadas para crear infografías

De forma general, se podría utilizar cualquiera de las herramientas de diseño gráfico y edición de imágenes disponibles en el mercado, aunque también existen herramientas que permiten crear infografías de forma fácil y rápida, sin necesidad de tener conocimientos en diseño gráfico. Algunas de las herramientas actuales más utilizadas para crear infografías son:

  • Canva: ya comentada anteriormente, es una herramienta muy sencilla de utilizar que permite crear múltiples formatos digitales tales como infografías, poster, carteles, documentos, tarjetas de visita, gráficos para redes sociales, etc. Dispone de plantillas y múltiples imágenes que podemos añadir a nuestros diseños. Es de uso gratuito mientras no utilicemos elementos de pago.
  • Easel.ly: dispone de una serie de plantillas sobre las que podemos componer nuestras infografías, las cuales podemos personalizar cambiando sus elementos o añadiendo nuevos. Está enfocada a aquellas personas que quieran crear sus propias infografías rápidamente y sin complicarse mucho la vida, mediante un sistema ‘arrastrar y soltar’ podremos ir colocando elementos a nuestra composición. Además, a través de ella podemos contactar con miles de desarrolladores. Es una herramienta gratuita que incluye algunas opciones de pago. 
  • Piktochart: similar a la anterior, cuenta con múltiples temas y plantillas a elegir para empezar a construir nuestra infografía. A través de su editor podremos modificar fuentes, insertar gráficos y añadir formas o imágenes. Finalmente tendremos la posibilidad de exportar nuestro diseño en distintos formatos y publicarlo en redes sociales. Es una herramienta sencilla e intuitiva y también dispone de un servicio profesional de pago bajo un modelo de suscripción.
  • Visme: es una herramienta muy completa y versátil, que permite crear infografías interactivas y animadas. Puedes usar una de las más de 500 plantillas disponibles o empezar desde cero, y añadir todo tipo de elementos visuales, como gráficos, diagramas, mapas, vídeos, audios, enlaces y botones.
  • Venngage: es una herramienta especializada en crear infografías profesionales y atractivas. Tiene más de 100 plantillas diseñadas por expertos, que se adaptan a diferentes tipos de contenido, como informes, presentaciones, currículums o posters. Puedes personalizar tu infografía con tus propios datos, imágenes, iconos y logos, y cambiar el estilo, el tamaño y el color de los elementos. También puedes compartir tu infografía en redes sociales o descargarla en PDF o PNG.

 

5. USO DE RECURSOS VISUALES 

A la hora de publicar contenidos en la red muchas veces necesitamos recursos que acompañen a nuestros textos. Pero como hemos visto anteriormente, no todas las imágenes que encontramos en la red son válidas o tienen licencia para que podamos utilizarlas libremente.

Es por ello que durante los últimos años ha surgido multitud de repositorios y bancos de imágenes que cuentan con un stock muy amplio de recursos que podemos descargar libremente (o bajo licencia de tipo Creative Commons) o comprar, con la seguridad de que estaremos utilizando las imágenes de forma correcta. 

5.1. Bancos de imágenes

Disponemos por lo tanto de bancos de imágenes de pago, en los que abonaremos una cantidad mensual que nos dará acceso a la descarga de un número limitado de imágenes, o bien podremos pagar por cada imagen descargada de forma individual.

Algunos de los más conocidos son:

  • Depositphotos: cuenta con más de 50 millones de fotografías, imágenes vectoriales y vídeos en stock.
  • iStockphotos: es uno de los bancos de imágenes más conocidos, que dispone de un potente buscador para encontrar fácilmente todo tipo de fotografías.
  • Fotolia: es uno de los repositorios más extenso.
  • Shutterstock: uno de los mejores repositorios que además de disponer de un enorme stock de fotos, permite a los usuarios la descarga gratuita de miles de archivos.
  • Photodune: repositorios de pago que cuenta con gran cantidad de imágenes para nuestras publicaciones. 

Por otro lado, tenemos también repositorios de imágenes libres de derechos, en los que podemos encontrar fotografías de calidad que podemos incluir de forma gratuita en nuestras publicaciones. En algunas de ellas tendremos que mencionar al autor o cumplir alguna condición (como hacer uso no comercial) y en otros casos podremos utilizarlas de forma totalmente libre. Algunos de ellos son:

  • Unsplash: dispone de imágenes libres de derechos que podemos copiar, descargar y distribuir para cualquier fin, ya sea comercial o no.
  • Pexels: es un agregador de fotografías libres de derechos que se actualiza de forma semanal.
  • Pixabay: es un catálogo que incluye más de 750.000 fotos libres de derechos que podemos usar sin necesidad de atribución al autor ni otras condiciones. 
  • Wikimedia Commons: mediateca con más de 30 millones de archivos clasificados por distintos temas y bajo licencias abiertas o de tipo Creative Commons
  • Everystockphoto: es un potente buscador que rastrea distintas webs que indexan millones de imágenes bajo licencias abiertas. 

 

5.2. Uso de gráficos vectoriales

Un gráfico vectorial es un tipo de representación gráfica que utiliza fórmulas matemáticas para definir formas, líneas, curvas y otros elementos visuales. A diferencia de las imágenes habituales que encontramos en la red compuestas por gráficos de mapa de bits (o gráficos rasterizados), que se componen de píxeles individuales, los gráficos vectoriales se basan en ecuaciones matemáticas que describen la geometría y las propiedades de los elementos gráficos. Esto proporciona varias ventajas significativas en términos de calidad, escalabilidad y edición.

  1. Escalabilidad: los gráficos vectoriales pueden escalarse a cualquier tamaño sin pérdida de calidad ni nitidez. Esto se debe a que las ecuaciones matemáticas definen las formas y los contornos, lo que permite ajustar las dimensiones sin comprometer la claridad.
  2. Edición flexible: dado que los gráficos vectoriales están compuestos por elementos geométricos definidos por fórmulas, se pueden editar y modificar de manera precisa y sin esfuerzo. Puedes ajustar el tamaño, la forma, los colores y otros atributos con facilidad.
  3. Tamaño de archivo pequeño: Los archivos vectoriales suelen ser más compactos en tamaño en comparación con los gráficos de mapa de bits. Esto los hace ideales para diseños que requieren alta resolución y calidad sin ocupar demasiado espacio en disco.
  4. Impresión de alta calidad: son excelentes para impresiones de alta calidad, como folletos, carteles y logotipos, ya que conservan su nitidez y claridad incluso en tamaños grandes.
  5. Versatilidad: los gráficos vectoriales se pueden utilizar en diversas aplicaciones, desde ilustraciones artísticas hasta diagramas técnicos y gráficos científicos.
  6. Independencia de la resolución: a diferencia de los gráficos de mapa de bits, que pueden volverse pixelados cuando se amplían, los gráficos vectoriales mantienen su calidad en cualquier resolución.

 

 

Diferencia entre una imagen en mapa de bits (izquierda) y una vectorial (derecha). Obtenido de ionos.

 

Si queremos encontrar gráficos vectoriales para usar en nuestros contenidos e infografías de salud, también disponemos de algunos repositorios tales como:

  • Freepik: su base de datos ofrece más de 500 vectores gratis. Además de iconos clásicos, también es posible encontrar una gran cantidad de ilustraciones, fondos y plantillas para el diseño web. En el modelo gratuito, el usuario debe reconocer al autor de cada imagen cada vez que la utilice.
  • Free Vectors: ofrece a sus usuarios el uso de gráficos e imágenes sin ningún coste (reconociendo al autor) o mediante una cuenta de pago.
  • Flaticon: esta web está especializada en iconos vectoriales gratuitos. Podemos descargarlos con la condición de que la fuente de origen del icono debe ser reconocida.

 

5.3. Generación de imágenes con Inteligencia Artificial

La generación de imágenes con inteligencia artificial (IA) ha adquirido una importancia significativa en los últimos tiempos. Esta tecnología ha revolucionado la forma en que se crean, editan y utilizan imágenes en una amplia variedad de industrias y aplicaciones.

Los generadores de imágenes con IA se aplican en una variedad de campos, como diseño gráfico, publicidad, arte, medios, y por supuesto también, en el de la salud. Mediante distintas herramientas pueden usarse para crear ilustraciones, diseños, obras de arte, imágenes de salud y contenido visual para plataformas digitales.

Los generadores de imágenes con IA utilizan algoritmos y modelos de aprendizaje automático para crear imágenes realistas y detalladas a partir de datos y patrones previamente analizados. Estos sistemas se basan en redes neuronales y técnicas de generación de contenido que permiten producir imágenes de alta calidad de manera automatizada.

El proceso comienza con el entrenamiento de un modelo de IA utilizando un conjunto de datos amplio y diverso de imágenes. Estos datos pueden incluir fotografías, ilustraciones y otros tipos de imágenes. El modelo utiliza algoritmos de aprendizaje profundo, como redes neuronales convolucionales (CNN) o redes generativas adversarias (GAN), para aprender patrones, características y estilos presentes en las imágenes de entrenamiento. Durante el entrenamiento, la IA captura características visuales de las imágenes, como texturas, formas, colores y estructuras, y aprende a reconocer elementos comunes en las imágenes, como rostros, objetos, fondos y otros detalles visuales. Una vez entrenado, el modelo puede generar imágenes nuevas utilizando las características y patrones aprendidos.

 

Uso de herramientas de IA en la generación de nuevas imágenes a partir de texto. Obtenido de @javilop en Twitter.

 

Para generar una imagen, se proporciona al modelo una entrada aleatoria o condicional (llamada prompt), que guía la creación del contenido visual. A partir de ahí, el modelo aplica las relaciones aprendidas entre características para crear una imagen que se ajuste a los criterios establecidos. Además, los generadores de imágenes permiten ajustar y refinar diversos aspectos de la imagen generada, como colores, estilo, composición y detalles. Algunos sistemas permiten a los usuarios intervenir en el proceso de generación, ofreciendo opciones y preferencias para influir en el resultado final.

Con la revolución de la IA, aparecen cada día muchas herramientas que permiten sacarle el máximo potencial a esta tecnología. Algunas de ellas son gratuitas, otras de pago y la mayoría combinan ambos sistemas, es decir, ofrecen un número limitado de créditos para generar imágenes gratuitas y a partir de ahí, el usuario puede pagar una cantidad variable en función del número de imágenes o variaciones que desea generar. Además, la mayor parte de programas y aplicaciones que ya existían de edición de imágenes están incorporando a su arsenal de herramientas, tecnologías basadas en inteligencia artificial, que permiten generar nuevas imágenes o editarlas de forma sencilla a partir de sencillos comandos de texto o voz.

 

 

Uso de IA generativa en Photoshop

 

Algunas de las aplicaciones que se están utilizando para generar imágenes con IA son:

  • Dall-e 2
  • Craiyon
  • Midjourney
  • Scribble Diffusion
  • Stable Diffusion
  • Nightcafe
  • Picfinder
  • FreeImage.AI
  • Dreamstudio
  • Firefly

 

Es cuestión de poco tiempo que todas estas herramientas estén al alcance de cualquier usuario y se incorporen de forma natural a todos los programas de ofimática, por lo que dispondremos de ellos y podremos usarlos de forma sencilla para generar imágenes de todo tipo, que nos ayudarán a enriquecer nuestros textos, presentaciones e infografías de salud.

 

6. REDES SOCIALES PARA LA DIFUSIÓN DE IMÁGENES EN SALUD 

El uso de imágenes en Internet se ha convertido en un hecho tan habitual que incluso han surgido redes específicas que las han convertido en su contenido y formato principal. Aunque son de uso generalista, también se están utilizando en algunos casos con fines sanitarios, principalmente como herramientas de divulgación en salud.

 

6.1. Instagram

Es la red social dedicada a las imágenes y vídeos de tipo generalista más utilizada en estos momentos. Sus usuarios pueden subir sus fotos a las que pueden editar, aplicar filtros y acompañar de textos y etiquetas. Además de imágenes, también permite subir vídeos en distintos formatos, que quedan publicados en el muro principal o en forma de historias efímeras, que generalmente desaparecen a las 24 horas.

 En lo que se refiere al uso de esta red social en el ámbito de la salud, son muchos los usuarios y organizaciones sanitarias que comparten contenidos con consejos de salud, aunque la mayor parte de este tipo de cuentas están orientadas a difundir información sobre nutrición y ejercicio.

Algunos de los posibles usos de esta red con fines sanitarios son:

  • Difusión de información y consejos sanitarios para la adopción de estilos de vida saludable.
  • Realizar campañas de salud destinadas a usuarios que comparten contenidos en esta red.
  • Concienciación de la población frente a algún problema concreto de salud.
  • Proyectar la marca personal de los profesionales sanitarios.
  • Mejorar la imagen de las organizaciones de salud, que pueden utilizar esta red para mostrar los servicios e instalaciones y acercarlas a la población.
  • Mostrar productos y servicios y fidelizar a pacientes de clínicas o farmacias.
  • Compartir contenidos con otros profesionales a través del uso de hashtags o etiquetas relacionadas con la salud.

 

Cuenta de Instagram del Centers for disease control (CDC).

 

Algunas organizaciones como la Fundación Española del Corazón comparten en su cuenta de Instagram imágenes con consejos saludables. Otro ejemplo es el de Médicos Sin Fronteras, que cuenta con miles de seguidores y difunde imágenes de sus actividades humanitarias.

Cada vez más profesionales están usando Instagram para divulgar información de salud, combatir bulos o mejorar la formación de otros profesionales sobre diversos temas. Un ejemplo muy interesante es el de Elena Plaza, que a través de su cuenta ‘Urgenciasyemergencias’ realiza una gran labor divulgativa.

 

 

Cuenta en Instagram de Elena Plaza.

 

Son varios los hospitales que tienen presencia en esta red. Por resaltar uno de los casos más mediáticos, el Hospital St Jude Children’s Research de Estados Unidos comparte fotografías e historias de sus pacientes a través de una cuenta.

En 2015 Bayer Healthcare impulsó una campaña para educar a mujeres jóvenes españolas (las llamadas millenial) sobre los distintos métodos anticonceptivos existentes, con el objetivo de mejorar la toma de decisiones de este grupo. Para ello utilizó Instagram como red principal en la difusión de los mensajes, a través del canal y hashtag titulados Midecisionmaslibre, el cual superó las 5.000 seguidoras y una gran actividad impulsada por algunas jóvenes influencers con gran actividad en la red. Esta campaña supone un buen ejemplo de cómo adaptar la estrategia y lenguaje al público objetivo al que nos dirigimos en salud.

 

6.2. Redes y aplicaciones de imágenes específicas en salud

Ya en el propio ámbito de la salud, podemos encontrar redes sociales y aplicaciones que se configuran en torno a aplicaciones móviles y que están dedicadas a que los profesionales puedan compartir imágenes de forma privada.

InsightMedi y Figure1 son aplicaciones móviles que ofrecen a los profesionales sanitarios la posibilidad de compartir imágenes de salud, favoreciendo el aprendizaje entre pares, ya que sobre ella se pueden discutir diagnósticos y otro tipo de contenidos. Así los profesionales comparten casos clínicos de forma privada y manteniendo las garantías de privacidad y confidencialidad del paciente.

 

Imagen de la aplicación móvil Figure1.

 

De esta forma, estas aplicaciones ofrecen imágenes filtradas en función de los intereses de cada usuario y permiten la búsqueda por temas específicos. Y su carácter de red social permiten que podamos buscar y contactar con otros usuarios de la aplicación.

 

7. RECURSOS COMPLEMENTARIOS RECOMENDADOS

Infografías de salud

 

Uso de GIMP

Uso de Canva