Configuración de color de Photoshop para diseño web

¿Qué configuración de perfil de color debe usarse en Photoshop para diseño web? ¿El efecto de calibración del monitor guarda para las imágenes web?

Mantengo mi monitor calibrado con un colorímetro y quiero asegurarme de que mis colores sean consistentes en todos los principales navegadores.

Utilizo mi perfil de monitor calibrado para mi espacio de trabajo, la gestión del color está desactivada y no incrusto un perfil para guardar en la web e intento usar .png 24 siempre que sea posible. ¿Es esta la mejor práctica?

Configuraciones de color

Guardar para web

"Color Management" y "desarrollo web" nunca deben usarse en la misma oración, a menos que califiquen con "no molestar", "pérdida de tiempo" o "fuggedaboudit". Los motivos descritos por el cespedista son correctos. Todavía tengo que ver una oficina (que no sea un estudio de diseño gráfico) donde dos monitores muestren los mismos colores. Las computadoras domésticas son al menos igual de malas.

Si trabaja principalmente en la web, entonces sRGB debe ser su valor predeterminado, porque ese es el estándar para Internet y es lo que todos los agentes de usuario (navegadores) están diseñados para mostrar.

NO incruste un perfil de color en imágenes para sitios web. Añaden tamaño a la imagen, pero no agregan ninguna información útil, por lo que todo lo que debe hacer es hacer que sus páginas sean más pesadas. Cuando guarde para Web y dispositivos desde Photoshop, asegúrese de desmarcar "Incrustar perfil de color". Como medida de seguridad, mantenga marcada la opción "Convertir a sRGB" (en caso de que se trate de una imagen que esté en otro espacio de color y se olvide de convertirla).

Para responder a sus otras preguntas: La calibración del monitor no afecta a las imágenes SfW, excepto cuando utiliza su perfil de monitor como el perfil de color para la imagen (lo que nunca debe hacer por ningún motivo o para cualquier otro propósito que no sea el fondo de escritorio personal).

PNG-24 es útil para imágenes con transparencia. Si no hay transparencia involucrada, jpeg generalmente da un archivo más pequeño para la misma calidad de imagen y para imágenes simples con pocos colores, y especialmente si tienen bordes duros (los logotipos son el ejemplo clásico) .gif es a menudo la mejor opción.

Bueno, el gran problema es que pasarás mucho tiempo y cuidado al calibrar y elegir los colores (¡bueno para ti!) Y lo más probable es que los vean personas que ni siquiera pueden trabajar. Botones de "brillo" en su monitor. Mis compañeros de trabajo (que no son de diseño) tienen dos pantallas, y ninguna de ellas coincide. Entonces, si se pregunta "¿Hay alguna forma de que este rojo particular que solicitó mi cliente siempre se vea correcto en función de la minuciosa calibración que realicé?" la respuesta va a ser tristemente:

No.

Pero (y esto es bastante grande) toda la atención que toma es importante. Al mantener un perfil consistente, todas sus páginas / colores se verán iguales en el mismo monitor. Solo recuerde que no todos no usan el mismo monitor que usted, por lo que no siempre se verá igual.

Al no incrustar un perfil, puede dejar la puerta abierta para que un navegador anule el perfil actual. Si puede lograr que los principales navegadores acuerden el manejo del color, probablemente haya algún tipo de premio Nobel para usted.

En pocas palabras, sí , todo el cuidado que está tomando es importante y la configuración que está utilizando es buena (aunque personalmente buscaría un perfil RGB un poco más genérico). Pero solo tendrá tanto control una vez que su diseño abandone su máquina y salga al gran mundo de usuarios web desconocidos.

+1 Chris, esta es realmente una buena pregunta, exactamente no lo sé, pero cuando me interesé por esta pregunta encontré algunos artículos sobre el mismo, podría ser que te ayuden a medida que cambié mi configuración de acuerdo con ellos, por favor toma una mirada, también podría resolver tu curiosidad.

1. gestión del color por ivan
2. Consejos para gestionar el color en Photoshop para web
3. Gestión de color para combinar colores en múltiples dispositivos
4. esta configuración que nadie debería usar para photoshop

Espero que esto no ayude un poco .......

Mi sincero sentimiento sobre la gestión del color web refleja los expresados ​​anteriormente, pero con algunas advertencias.

En términos generales, tiene sentido mantener un flujo de trabajo administrado por color en su extremo para que al menos pueda tener un buen punto de partida, si está diseñando fuera de un flujo de trabajo administrado por color, y su combinación de monitor / software es bastante a la hora del almuerzo (matices de color no intencionados, problemas de gama y gama, etc.), aumenta el riesgo de que el equipo de otro usuario final no calibrado esté fuera de control una cantidad equivalente en la dirección opuesta, y termine viendo algo que es el doble de en primer lugar se muestra mal que si estuviera diseñado dentro de un flujo de trabajo administrado por color, en función de las decisiones de color sesgadas que tomó.

Además, aunque nunca etiqueto imágenes gráficas (encabezados, navegación, fondos, etc.) para sitios web y plantillas de sitios web (ya que esto puede dar lugar a desagradables desajustes entre los colores especificados en hexadecimal y las imágenes de color administrado que terminan obteniendo un color administrado en los pocos navegadores que realmente respetan los perfiles de color), me hago a menudo fotografías de etiquetas. Particularmente imágenes de mayor resolución. En la rara ocasión en que el usuario final está viendo el contenido en un navegador con gestión de color, los perfiles aseguran que el usuario está viendo la fotografía tal como fue tomada, y que los tonos de piel humana, cielos, agua, etc. representado adecuadamente.