¿Cómo conservo la calidad del texto en un png de GIMP subido a Facebook? [duplicar]

Usé Gimp para crear una imagen de cita y la subí a Facebook. Me aseguré de usar solo colores seguros para la web, y las fuentes que estoy usando son Impact Condensed y Arial. Sin embargo, la imagen cargada pierde calidad drásticamente y las fuentes no son nítidas/rodeadas por una niebla/están borrosas:

Antes de cargar:Imagen generada por GIMP

Después de cargar:Imagen subida a Facebook

Si abre las imágenes en una nueva pestaña, puede ver claramente la diferencia entre los dos.

Primer plano de fuente corrupta

Intenté habilitar/deshabilitar el entrelazado (Adam7) y las demás configuraciones de exportación, pero no he podido marcar la diferencia. Toda ayuda apreciada.

Respuestas (3)

Tu imagen inicial es más pequeña que la que descargas de FB. Por lo tanto, ha sido reescalado por FB y no hay mucho que puedas hacer en Gimp ya que el texto no se escala bien.

Pero tal vez FB está cambiando la escala de la imagen porque no proporcionaste la imagen en el tamaño estándar esperado. ¿Qué pasa si usas una imagen de 1375x92?

Dado que su imagen es todo texto, otra solución sería usar una imagen vectorial (SVG). Estos son compatibles con todos los navegadores modernos (pero se debe verificar el soporte de FB).

Estas son capturas de pantalla de la imagen ampliada para mostrar cómo el texto es diferente en mi computadora y cuando se carga en Facebook. El tamaño de la imagen tanto de la imagen original como de la imagen cargada es de 650x325. Buscaré crear un svg. Lo había considerado, pero asumí que Facebook no lo admitiría.

Realmente no respondo, pero...

Estaba teniendo problemas con las imágenes de Twitter. Finalmente, hice un poco de búsqueda de "cuál es el mejor tamaño para una imagen de Twitter". Según recuerdo, las proporciones para eso eran 7x6. No sé sobre Facebook.

Si la imagen no tiene las proporciones correctas, o incluso si es más grande o más pequeña, es posible que Facebook esté modificando el tamaño, lo que podría generar algo de borrosidad o distorsión. Por supuesto, asegúrese de que la imagen también tenga suficiente resolución.

Constrúyalo en el mejor tamaño y es posible que vea una mejora. Vale la pena intentarlo para ver si ayuda.

Mi imagen es 650x325, entonces 2:1. Entonces, ¿tendría que intentar hacer la imagen de 700x600?
No. Copié mi xcf y moví los objetos para que coincidieran con 525x488, que es aproximadamente 7: 6 y todavía tengo la fuente borrosa. 700x600 y 350x300 eran demasiado grandes y pequeños para mi presupuesto, respectivamente.

En general, para obtener la mejor calidad, debe cambiar el tamaño del arte de modo que no se necesite interpolación. Por ejemplo, obtendrá mucha mejor calidad al bajarlo al 50% que al 62%, aunque este último sea más grande. La diferencia proviene de la necesidad de averiguar cómo representar los fragmentos de píxeles supervivientes. Esto es particularmente malo con el tipo, que es donde entran las buenas sugerencias.

Solo traté de cambiar su tamaño por sugerencia de xenoid. La imagen tiene exactamente el mismo tamaño tanto en mi computadora como en Facebook.
No se. Acabo de sacar las 2 imágenes en p'shop 7 y no pude ver mucha diferencia. Veo algunos artefactos de cambio de tamaño en la segunda imagen, pero el número y el suavizado de los píxeles reales me parecen bastante bien.
Agregué un primer plano de la segunda imagen. Básicamente, veo un patrón a cuadros gris en el medio, arriba y debajo de cada una de las letras.
Si te refieres a un patrón irregular e indistinto en el área de fondo, son los artefactos de cambio de tamaño que mencioné. Ellos podrían ser lo que te está molestando al respecto. Lo que hice fue mirar el punto sobre la i, porque es regular y si ocurre algo extraño, será visible allí, así como en cualquier lugar. No vi nada gracioso. El suavizado no es idéntico en ambos casos, pero implica la misma cantidad de píxeles de desvanecimiento.
Acabo de echar un vistazo a tu nueva imagen. Eso es mucho más regular que los artefactos que vi y que normalmente veo cuando se cambia el tamaño. No estoy seguro de lo que está pasando con eso. Casi parece que el fondo negro tiene algo de transparencia, y se ve un fondo de tablero de ajedrez de p'shop. La clave es que tus imágenes de texto se vean bien.