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

Recientemente, uno de nuestros lectores nos pidió una forma de evitar el color de la imagen y la pérdida de saturación en WordPress. Este es un problema común al que se enfrentan muchos usuarios de WordPress que cargan 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.

Pérdida de saturación y color de imagen en WordPress

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

Muchos fotógrafos capturan fotografías utilizando el espacio de color RGB de Adobe, que tiene más colores y ofrece resultados mucho mejores.

Sin embargo, la mayoría de las aplicaciones web, como WordPress, utilizan el espacio de color RGB. Cuando subes tu imagen, WordPress crea varios tamaños de imagen. Estas imágenes utilizan el espacio de color RGB que tiene menos colores que el formato RGB de Adobe.

WordPress también utiliza compresión en las imágenes redimensionadas, lo que también puede contribuir a una ligera pérdida de calidad. Así es como puede 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 vibrantes y muestran colores con precisión en tonos altos. Cuando se convierte en WordPress, esos colores vibrantes se reemplazan con tonos ligeramente apagados.

Pérdida de color y saturación en WordPress

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

Corregir la pérdida de color y saturación de imágenes en WordPress

La forma más sencilla de solucionar este problema es convirtiendo 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….

Guardar para web en Adobe Photoshop

Esto abrirá el cuadro de diálogo Guardar para web, donde puede marcar la casilla para convertir la imagen en RGB y guardarla. También puede incrustar el perfil de color con su imagen. Aunque no tendrá mucho efecto en los navegadores que lean una imagen.

Convertir colores a RGB y guardar para web en Adobe Photoshop

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.

Cambiar las políticas de gestión del color en Adobe Photoshop

Debe seleccionar ‘Web / Internet de América del Norte’ en el menú desplegable de configuración. A continuación, en la sección de políticas de gestión del color, seleccione RGB para ‘Convertir a RGB de trabajo’. Después de eso, haga clic en el botón Aceptar para guardar su configuración.

Ahora debe abrir la fotografía o imagen original que desea cargar. Si el perfil del espacio de trabajo no coincide, Photoshop mostrará una advertencia y le preguntará qué debe hacer.

Perfil de color no coincidente

Debe seleccionar ‘Convertir el color del documento en espacio de trabajo’ y luego hacer clic en Aceptar. El perfil de color de su foto ahora se convierte con mayor precisión. Ahora puede guardar la imagen para conservar sus cambios.

Repite el proceso para todas las imágenes que quieras subir. Ahora puede cargar de forma segura estas imágenes convertidas sin pérdida de color o saturación en WordPress.

Arregle la pérdida de color y saturación en WordPress con GIMP

Gimp es la poderosa alternativa gratuita a Adobe Photoshop. Puede usarlo para convertir el espacio de color para sus cargas de WordPress.

Básicamente, GIMP detecta cada imagen que intentas abrir para ver si tiene un perfil de color incrustado. En caso de que su imagen esté en el espacio de color Adobe sRGB, GIMP le mostrará automáticamente un cuadro de diálogo para convertirla.

GIMP detecta y sugiere para ocultar el espacio de color

A veces, es posible que una imagen no tenga un perfil de color incrustado o que GIMP no lo lea correctamente. En ese caso, deberá cambiar manualmente el espacio de color.

Primero necesita saber qué espacio de color puede estar usando su fotografía. Suponemos que es Adobe sRGB, pero podría ser diferente. Verifique su dispositivo de cámara para averiguar esto si no está seguro.

GIMP no tiene el perfil Adobe sRGB incorporado. Deberá descargar Adobe sRGB ICC Profile en su computadora.

Seleccione su sistema operativo y luego siga las instrucciones en pantalla. Podrá descargar perfiles ICC en un archivo zip. Extraiga el archivo zip y dentro de él 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 perfil de color …. Aparecerá un cuadro de diálogo como este:

Asignar perfil de color en GIMP

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 haya aplicado el perfil de color, GIMP ahora puede convertirlo de forma segura a RGB sin perder colores. Simplemente haga clic en Imagen »Modo» Convertir perfil de color …

Conversión de perfil de color en GIMP

GIMP ahora convertirá el perfil de color a RGB y podrá guardar su imagen. Repita el proceso para otras imágenes que desee cargar en 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. Es posible que también desee ver nuestra guía sobre 4 formas de prevenir el robo de imágenes en WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Publicaciones relacionadas

Botón volver arriba