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










  • ¿Cuántas veces ha ocurrido este problema? Tienes una imagen de gran apariencia, ya sea que la hayas encontrado o la hayas creado, subes esa imagen a tu galería de imágenes de WordPress  y ves que la imagen ha perdido saturación y color.

    La saturación de la imagen y la pérdida de color es definitivamente algo con lo que tienes que lidiar cuando trabajas con imágenes de WordPress. Desea que los colores de sus imágenes resalten, al igual que desea que los colores generales de su sitio web resalten y sean perfectos.

    La pregunta es; ¿Cuál es la diferencia y cómo solucionas la saturación de imagen y la pérdida de color en WordPress?

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

    La respuesta a esta pregunta es bastante simple. La mayoría de los fotógrafos profesionales, si no todos, toman fotografías utilizando el modelo de espacio de color Adobe sRGB. Este modelo tiene más colores y ofrece resultados más nítidos y limpios a la imagen final.

    Sin embargo, WordPress usa el modelo de color RGB. Cuando subes una imagen a tu galería de WordPress, se crean varios tamaños de imagen . Estas imágenes utilizan el modelo de color RGB y este modelo tiene menos colores disponibles que el formato de modelo de color Adobe sRGB.

    Cuando las fotos se toman con el modelo Adobe sRGB, son más limpias y muestran colores nítidos y destacados. Cuando esas mismas fotos se suben a WordPress, el toque de color puede perder un poco de brillo y no mostrarse tan nítido.

    Sin embargo, hay algunas formas de ajustar las imágenes de WordPress. Echemos un vistazo a cómo corregir la saturación y el color de la imagen en WordPress.

    Corrija la saturación y el color de la imagen en WordPress

    Para corregir el color y la saturación en las imágenes de WordPress, puede usar algunas técnicas diferentes. Además de usar un complemento de WordPress , la forma más rápida y sencilla de corregir la saturación y el color de la imagen es hacerlo antes de cargar las imágenes en WordPress.

    Para hacer esto necesitarás tener algo como Adobe Photoshop. Si no tiene Photoshop, también lo he vinculado a una alternativa gratuita llamada GIMP, a continuación. Voy a repasar un poco sobre GIMP en un momento.

    Corrija la saturación y el color de la imagen en WordPress usando Photoshop

    Inicie Adobe Photoshop y abra la imagen que desea corregir. Una vez que la imagen esté en su programa Photoshop, seleccione Archivo > Guardar para Web, en el menú ubicado en la parte superior de su pantalla.

    Nota: Se realizaron cambios menores en Adobe Photoshop en los últimos dos años. Esto incluye la función «Guardar para Web». Save for Web se basa en el producto ImageReady anterior, que ahora está descontinuado.

    Dicho esto, no se ha eliminado «Guardar para web», pero se ha movido un poco en el menú y se ha agregado el término «Legacy». Para acceder a esto, seleccione Archivo > Exportar > Guardar para web (heredado).

    También puede omitir el menú por completo utilizando el método abreviado de teclado existente de Photoshop: ctrl + alt + shift + s (para Windows) o cmd + opt + shift + s (para Mac).

    También puede personalizar el atajo seleccionando Atajos de teclado en el menú Editar.

    En Photoshop, haga clic en el archivo, luego exporte y luego guarde para el legado web

    Al hacer clic en la pestaña Guardar para Web (heredado), se mostrará el cuadro de configuración emergente de la función Guardar para Web. Esta sección le permitirá convertir la imagen en RGB y luego guardarla.

    El cuadro también le dará la opción de incrustar un perfil de color con su imagen. Sin embargo, hacer esto no hará mucha diferencia en cómo varios navegadores leerán su imagen de WordPress.

    Cuadro de diálogo Guardar para la función web de Photoshop

    Si el método anterior no le satisface, intente utilizar el método alternativo que se describe a continuación. Este método alternativo de Photoshop también corregirá la saturación y el color de la imagen en WordPress.

    Corregir la saturación y el color de la imagen en Photoshop Método 2

    En el menú de Adobe Photoshop en la parte superior de la pantalla, seleccione Editar y haga clic en Configuración de color. Esto abrirá el cuadro emergente de configuración de color.

    Hay dos cosas principales que desea cambiar en el cuadro emergente de esta configuración.

    1. Seleccione «North America Web/Internet» en el menú desplegable de configuración.
    2. En «Políticas de administración de color», seleccione RGB para «Convertir a RGB de trabajo».

    Cuando haya cambiado esas dos opciones, desplace el cursor y haga clic en el botón «Aceptar» para guardar su configuración.

    Realice sus selecciones en el cuadro de diálogo de configuración de color

    Ahora que ha completado este paso, abra la imagen en la que desea trabajar e introdúzcala en Photoshop.

    Si por casualidad el perfil del espacio de trabajo no coincide, Photoshop mostrará automáticamente un cuadro de advertencia emergente que le preguntará qué desea hacer.

    Seleccione la opción «Convertir el color del documento en espacio de trabajo» y luego haga clic en el botón «Aceptar» para guardar la configuración. Esto le dice a Photoshop que convierta con mayor precisión su perfil de color.

    Guarde la imagen para asegurarse de que se conserven todas sus opciones de configuración.

    Convierta el color del documento en espacio de trabajo

    Repita este proceso para cada imagen que desee cargar en la galería de su sitio web de WordPress. Ahora puede cargar todas las imágenes convertidas que haya hecho. Para todos los efectos, ahora ha solucionado con éxito la saturación y el color de la imagen en WordPress.

    Corrija la saturación y el color de la imagen en WordPress usando GIMP

    Ahora bien, si no tienes Photoshop, puedes hacer este proceso usando GIMP . Este es un software de edición de imágenes gratuito y de código abierto. Básicamente, GIMP detecta cada imagen que intenta abrir para ver si ya tiene un perfil de color incrustado.

    Si su imagen está en el modelo de color Adobe sRGB, GIMP le mostrará automáticamente un cuadro de configuración emergente para convertirla.

    Nota: GIMP no tiene el perfil Adobe sRGB incorporado. Tendrá que descargar el perfil RGB ICC de Adobe en su máquina.

    Corrija la saturación y el color de la imagen en WordPress usando un complemento

    También puede corregir el color y la saturación de la imagen en WordPress usando un complemento. Este método se aplica a todas las imágenes que ya tienes en el sitio web o aquellas que deseas agregar.

    Este método gratuito definitivamente ayudará a corregir la saturación y el color de la imagen.

    Nota: hay un par de complementos que pueden ayudar, pero ninguno está actualizado y es posible que no funcionen en la última versión de WordPress. Si aún desea probarlos, se llaman WP Resized Image Quality e ImageMagick Sharpen Resized Images.

    Simplemente instale y active el complemento desde su panel de administración de WordPress y pruébelo.

    Tendrá mucho éxito en la compresión y optimización de las imágenes de WordPress si utiliza cualquiera de las 10 mejores herramientas de compresión y tamaño de imágenes de WordPress disponibles en la actualidad.

    Terminología de imágenes para recordar

    Cuando intenta corregir la saturación y el color de la imagen en WordPress, es útil conocer y comprender la terminología de la imagen. Algunos de los métodos anteriores pueden requerir que trabaje con un determinado tipo de archivo.

    • JPEG, PNG, SVG: estos son los tipos de archivos de imagen más populares en la web. Nos vamos a centrar en los archivos JPEG y PNG, ya que son los tipos de archivos que más se benefician de la compresión y la optimización.
    • JPEG: el tipo de archivo JPEG suele ser mejor para imágenes de alta definición como fotos y gráficos web que no necesitan un fondo transparente.
    • PNG: el tipo de archivo PNG es mejor para cosas como íconos y logotipos. Utiliza un fondo transparente que lo hace versátil, independientemente de los colores o las imágenes del fondo. Los archivos PNG también se pueden optimizar significativamente después de editarlos con cualquier gran herramienta de diseño disponible .

    Espero que este artículo haya sido útil para mostrarle algunas formas fáciles de corregir la saturación y el color de la imagen en WordPress.

    Photoshop es la mejor opción disponible, pero si no tiene ese programa, hay otras vías que puede seguir. También puede mostrar los resultados de las fotos de antes y después en WordPress .

    ¿Ha utilizado alguno de los métodos anteriores para corregir la saturación y el color de la imagen en WordPress? ¿Te has topado con un nuevo complemento que hace esto automáticamente desde el tablero?