Cómo corregir el color de la imagen y la pérdida de saturación en WordPress

Recientemente, uno de nuestros lectores nos pidió una forma de evitar la pérdida de color y la saturación de la imagen en WordPress. Este es un problema común al que se enfrentan muchos usuarios de WordPress al cargar fotos e imágenes. En este artículo, le mostraremos cómo corregir el color de la imagen y la pérdida de saturación en WordPress.

¿Por qué algunas imágenes pierden color y saturación en WordPress?

Muchos fotógrafos capturan fotografías utilizando el espacio de color Adobe RGB, que tiene más colores y proporciona resultados mucho mejores. Sin embargo, la mayoría de las aplicaciones web, como WordPress, utilizan el espacio de color RGB. Cuando carga su imagen, WordPress crea varios tamaños de imagen. Estas imágenes utilizan un espacio de color RGB que contiene menos colores que el formato RGB de Adobe. WordPress también usa compresión en imágenes redimensionadas, lo que también puede contribuir a una ligera pérdida de calidad. Aquí se explica cómo aumentar o disminuir la compresión de imágenes jpeg de WordPress. Las imágenes capturadas con el espacio de color Adobe sRGB son más vívidas y muestran colores con precisión en tonos altos. Una vez convertidos por WordPress, estos colores vibrantes se reemplazan con tonos ligeramente apagados.

Dicho esto, veamos cómo podemos evitar esta pérdida de color y saturación de la imagen en WordPress.

Se corrigió la pérdida de color y saturación de imágenes en WordPress.

La forma más sencilla de resolver este problema es convertir sus imágenes al espacio de color RGB antes de subirlas a WordPress. Esto se puede hacer fácilmente con Adobe Photoshop.
Método 1:
Abra su imagen en Adobe Photoshop y luego haga clic en Archivo »Guardar para Web….

Esto abrirá el cuadro de diálogo Guardar para Web, donde puede marcar la casilla para convertir la imagen a RGB y guardarla. También puede incrustar un perfil de color en su imagen. Aunque esto no afecta mucho a los navegadores que leen una imagen.

Método 2:
Utilice este método si no está satisfecho con el resultado del primer método. En Adobe Photoshop, vaya a Editar »Configuración de color. Esto abrirá el cuadro de diálogo de configuración de color.

Debe seleccionar "Web / Internet de América del Norte" en el menú desplegable de configuración. Luego, en la sección Políticas de administración del color, seleccione RGB para "Convertir a RGB funcional". Después de eso, haga clic en el botón Aceptar para guardar su configuración. Ahora debe abrir la foto o imagen original que deseaba descargar. Si el perfil del espacio de trabajo no coincide, Photoshop mostrará una advertencia y le preguntará qué debe hacer.

Debe seleccionar "Convertir el color del documento al espacio de trabajo" y hacer clic en Aceptar. El perfil de color de su foto ahora se convierte con mayor precisión. Ahora puede guardar la imagen para mantener sus cambios. Repite el proceso para todas las imágenes que quieras descargar. Ahora puede descargar de forma segura estas imágenes convertidas sin pérdida de color o saturación en WordPress.

Pérdida de color y saturación fija en WordPress con GIMP

Gimp es la poderosa alternativa gratuita a Adobe Photoshop. Puede usarlo para convertir el espacio de color de sus descargas de WordPress. Básicamente, GIMP detecta cada imagen que intentas abrir para ver si tiene un perfil de color incorporado. Si su imagen está en el espacio de color Adobe sRGB, GIMP le mostrará automáticamente un cuadro de diálogo para convertirla.

A veces, es posible que una imagen no tenga un perfil de color incorporado o que GIMP no la lea correctamente. En este caso, deberá cambiar manualmente el espacio de color. Primero necesita saber qué espacio de color puede usar su foto. Suponemos que es Adobe sRGB, pero podría ser diferente. Compruebe su cámara para averiguarlo si no está seguro. GIMP no tiene un perfil sRGB de Adobe integrado. Deberá descargar Adobe sRGB ICC Profile en su computadora. Seleccione su sistema operativo, luego siga las instrucciones en pantalla. Podrá descargar los perfiles ICC en un archivo zip. Extraiga el archivo zip y dentro verá el archivo AdobeRGB1998.icc. Una vez que haya descargado el perfil ICC. Simplemente abra su imagen con GIMP y haga clic en Imagen »Modo» Asignar un perfil de color .... Aparecerá un cuadro de diálogo como este:

Haga clic en el menú desplegable y luego busque el perfil ICC que descargó anteriormente. Haga clic en el botón Asignar para aplicarlo. Una vez que aplique el perfil de color, GIMP ahora puede convertirlo de forma segura a RGB sin perder colores. Simplemente haga click Imagen »Modo» Convertir perfil de color ...

GIMP ahora convertirá el perfil de color a RGB y podrá guardar su imagen. Repite el proceso para las otras imágenes que quieras subir a WordPress. Esperamos que este artículo le haya ayudado a corregir el color de la imagen y la pérdida de saturación en WordPress. También puede consultar nuestra guía sobre 4 formas de evitar el robo de imágenes en WordPress. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.