¿Cómo exportar archivos JPG en diferentes tamaños sin perder calidad de imagen?

Siempre es un proceso doloroso para mí guardar una obra de arte de Photoshop e Illustrator para la Web en 25 o incluso 50 kb con la calidad adecuada, incluso si no hay tantos detalles gráficos. Además, a menudo tiene una calidad extraña después del cambio de 300 a 72 ppp.

¿Existen enfoques generales para guardar para la web con buena calidad (como original) en tamaños pequeños, medianos y grandes?

Por ejemplo, necesito un archivo de 25k para el cliente como el tamaño más pequeño (pero el problema es que en realidad es el tamaño principal que usarán). Aquí está el original vs 25k:

Las fuentes y los vectores se ven terriblemente pixelados (escala 800%):

ingrese la descripción de la imagen aquí

El degradado parece demasiado lineal (escala 100%):

ingrese la descripción de la imagen aquí

(escala 800%):

ingrese la descripción de la imagen aquí

La regla número 1 de Olenia no intenta comprimir imágenes sintéticas como logotipos con compresión jpeg. ¡No funcionará!
Los gráficos por computadora se guardan mejor en formato PNG, lo que genera una imagen más limpia y, con frecuencia, un archivo más pequeño. Como se dijo anteriormente, SVG también puede ser una opción.
Gracias, pero la agencia web, por ejemplo, quiere .eps o bien 300ppi-JPEG...
¿Por qué querría una agencia web JPG de 300ppi? Eso no tiene ningún sentido para mí. Como ha visto, los gráficos con colores sólidos no se ven tan bien como los archivos JPEG. PNG (o SVG) es la única forma de hacerlo. Me parece que quienquiera que pida archivos JPEG no sabe de lo que está hablando y necesita ser instruido en gráficos para la web. Si yo fuera tú, les mostraría la captura de pantalla de arriba (con la pixelación) y luego les mostraría cómo se vería como PNG. ¡Buena suerte!
@Olenia luego entrega eps
@BANG Supongo que JPG ocupará menos espacio.
@Olenia Eso no es cierto con este tipo de gráfico... Ver mi próxima respuesta ↓

Respuestas (2)

La respuesta (en este caso) es guardar como PNG. Si quieren JPG de 300ppi para la web, entonces no saben qué diablos están haciendo allí.

El hecho es que con gráficos de color sólido como estos, guardar en PNG producirá archivos de menor tamaño que JPG (y de mejor calidad).

Aquí hice un gráfico de ejemplo y fui a Guardar para Web en Illustrator... Este es un JPG con una calidad del 60% (abra las imágenes en una nueva pestaña para verlas en tamaño completo):

Cuadro de diálogo Guardar para Web: JPG

Primer plano JPG

Ejemplo 1: JPG

Entonces, con JPG, el tamaño del archivo es de 22.2kb. Y esto es a 72 ppp... Exportar a 300 ppp (en la configuración de calidad 'Medio') hace que el archivo supere los 100 kb:

Ejemplo 1.2: JPG @ 300ppi

Ahora aquí está el mismo gráfico que PNG-24:

Cuadro de diálogo Guardar para Web: PNG

Primer plano PNG

Ejemplo 2: PNG-24

Como puede ver, con PNG-24, el tamaño del archivo se ha reducido a 11,8 kb.

Eso sirve para probar mi punto, pero llevémoslo aún más lejos... Con este ejemplo, si exporto como PNG-8, puedo reducir aún más el tamaño del archivo; ridículamente bajo sin siquiera intentarlo:

Ejemplo 3: PNG-8

Este archivo es sólo 5.2kb.

Es posible que desee intentar guardarlo en un formato SVG. Es un gráfico vectorial específicamente para el diseño web receptivo (desde pantallas de teléfonos hasta monitores grandes).

Espero que esto ayude.

Gracias, todavía no experimenté el formato SVG. Pero necesito saber cómo obtener el mejor JPG posible.
¿Cómo exportar archivos JPG en diferentes tamaños sin perder calidad de imagen?
RespuestasAquíPolítica de privacidad1y, 1v