guardar para web produce png borrosos con trazado blanco

Tengo un problema que parece que no puedo solucionar. No me llamaría diseñador gráfico, ya que solo uso Photoshop e Illustrator en relación con el diseño web, por lo que sé lo suficiente como para ser peligroso. Tuve un problema varias veces en el pasado cuando uso guardar para web y guardo una imagen como png-24, sale borrosa y, a menudo, tiene un trazo blanco a lo largo del borde interior de partes de la imagen. No estoy seguro si eso tiene sentido, pero puedes verlo en acción con el logo aquí:

Observe que el avión gris en el fondo tiene un trazo blanco tenue. Lo creas o no, este es uno de los mejores ya que he estado leyendo mucho aquí y probando varias cosas. Lo último que intenté fue hacer que la imagen original tuviera 4 veces el tamaño que quería y me aseguré de que se reduciría exactamente sin medio píxel. Sin suerte.

En el cuadro de diálogo Guardar para web, todo se ve nítido y sin líneas blancas, y si hago clic en el botón "Vista previa", la imagen resultante es perfectamente nítida.

Si abro la imagen del sitio web en otra pestaña, el texto se ve más claro, pero las líneas blancas del avión siguen ahí. Así que supongo que Wordpress está causando algo de esto, pero no estoy seguro de cómo solucionarlo. También intenté cargar la imagen en el tamaño que quiero usar, que es de 120 px de altura.

¿Alguien tiene algún consejo?

publicando la captura de pantalla según lo solicitado, pero apenas se ve aquí:

ingrese la descripción de la imagen aquí

¿Podría publicar una captura de pantalla real con el problema visible? En mi W7, Firefox 29.0.1, el logotipo está en un fondo blanco, lo que hace que el trazado sea invisible.
agregué una captura de pantalla, pero el trazado en realidad está en la parte gris del avión en el fondo. Es como un rastreo interior, a falta de una palabra mejor. Es una línea blanca tenue justo dentro del borde de la aeronave.
¿Está utilizando Guardar para Web de Illustrator? Y si es así, ¿su logotipo tiene un fondo transparente?
Intenté usar Guardar para web de Illustrator, pero la versión que hay ahora es de la función Guardar para web en Photoshop. Obtuve resultados similares con ambos. y tiene un fondo transparente.

Respuestas (1)

Esto suena como un problema de representación del navegador en lugar del método que está utilizando para exportar la imagen desde Photoshop (la imagen se ve perfecta en Chrome).

¿Tu PNG realmente necesita un fondo transparente? Puede Guardar para Web con la casilla de verificación Transparente sin marcar para un fondo blanco sólido.

Finalmente, debido a que su imagen de origen tiene el mismo tamaño, puede usar la versión original cargada del logotipo (Synergy-316_120.png) en lugar de la imagen redimensionada de Wordpress (Synergy-316_120-316x120.png). Existe la posibilidad de que Wordpress haya hecho un mal trabajo al comprimir su imagen durante el proceso de carga/cambio de tamaño/compresión.

eso es extraño, porque estoy usando Chrome, pero lo saqué en firefox, y se ve muy bien allí. ¡PUAJ! En realidad, no necesito un fondo transparente, así que lo guardé como png sin transparencia y el avión ya no tiene el trazado blanco. Sin embargo, todavía está borroso en Chrome, así que tengo que resolverlo. En cuanto a la imagen redimensionada, creo que mi tema lo está haciendo a pesar de que la imagen que cargué tiene el tamaño deseado. Voy a tener que profundizar en eso.
Bien, creé una versión mucho más grande en Photoshop y luego reduje el tamaño en el cuadro de diálogo Guardar para web y eliminé la transparencia. Ahora se ve nítido en Chrome y Firefox. ¡Gracias por tu ayuda!
guardar para web produce png borrosos con trazado blanco
RespuestasAquíPolítica de privacidad1y, 0v