¿Qué formato es mejor en Illustrator?

[CieloGe]

Buenas, he diseñado un logo en AI y quiero subirlo a mi web, pero al ponerlo en formato png (que es, de los que la red lee, el de mejor calidad) y reducir el tamaño para asustarlo al encabezado, pierde infinidad de calidad.
¿Cuál sería el mejor formato legible por la web como imagen para que no pierda calidad y se vea nítido?

[zerokilled]

buenas...
https://litmus.com/blog/png-gif-or-j...u-use-in-email. de todos modos, el formato no lo es todo. no puedes pretender una imagen que contiene muchos detalles, mantenga su calidad de detalles al reducir el tamaño (dimensiones). de hecho, naturalmente, por mucho o poco que alteres las dimensiones, es suficiente para impactar negativamente la calidad de la imagen. cuando reduces dimensiones, se descartan pixeles; cuando estiras las dimensiones, se agregan pixeles con información especulativa.

[pzin]

De último yo subo todo en SVG, al menos lo que puedo.

[CieloGe]

Gracias Zerokilled!

Creo que seguiré probando formatos hasta dar con uno adecuado jaja

[CieloGe]

Iniciado por pzin

De último yo subo todo en SVG, al menos lo que puedo.

Sí, ese formato me gusta, pero al subirlo me da error, la web solo acepta jpg, jpeg, png, gif, pdf, doc, ppt, odt, pptx, docx, pps, ppsx, xls, xlsx, key.

[Rafael]

CieloGe. No tengo ni idea qué cosa estés exportando o cómo lo estés haciendo, pero el formato NO importa. png o jpg. Si no se vé bien, es que no lo estás haciendo correctamente. Sube una muestra y clarifica qué cosa no te gusta.

[CieloGe]

Iniciado por Rafael

CieloGe. No tengo ni idea qué cosa estés exportando o cómo lo estés haciendo, pero el formato NO importa. png o jpg. Si no se vé bien, es que no lo estás haciendo correctamente. Sube una muestra y clarifica qué cosa no te gusta.

Te pongo ejemplo rafael:

Logotipo hecho en illustrator (texto y líneas) guardado en formato png:

file:///Users/CieloGeremia/Desktop/logonaranja.png



Esto tengo que reducirlo a 230pix por 210px para meterlo de logo en una web, al hacerlo queda esto:

file:///Users/CieloGeremia/Desktop/logonaranja%20reducido.png


Pierde bastante calidad para mi gusto y no es nada presentable en una web.

¿Me explico?


(dime si los enlaces pueden verse, o como subo una imagen aquí jajajaja )

[Rafael]

No se pueden ver las imágenes poniendo la ruta de tu disco duro.

[CieloGe]

Png sin reducir :




Png reducido:

[Linton]

Un logo debe ser reducible sin pérdida. Ese tamaño, que en absoluto es mínimo, ya casi deja en precario las líneas discontinuas de arriba.
Si reduces el logo al tamaño habitual que se estila en muchas webs, desaparecerá dicho detalle. No es fallo del formato, sino del diseño.

[CieloGe]

Iniciado por Linton

Un logo debe ser reducible sin pérdida. Ese tamaño, que en absoluto es mínimo, ya casi deja en precario las líneas discontinuas de arriba.
Si reduces el logo al tamaño habitual que se estila en muchas webs, desaparecerá dicho detalle. No es fallo del formato, sino del diseño.

Aunque tienes razón, y debería separar más las líneas juntas para que al reducirlo no se pierdan, es precisamente lo que menos me preocupa del diseño.
Mi alerta es debida a la falta de nitidez de la tipografía y de las líneas en sí, más que la pérdida de éstas mismas. ¿Comprendes?

[zerokilled]

¿donde estas reduciendo las dimensiones? no es lo mismo si lo haces en un editor de vectores que en un editor de bitmap.

[CieloGe]

Iniciado por zerokilled

¿donde estas reduciendo las dimensiones? no es lo mismo si lo haces en un editor de vectores que en un editor de bitmap.

En photoshop!
¿dónde lo hago?

[zerokilled]

ahi es donde tienes el problema. cuando reduces las dimensiones, se descartan pixeles. aparte, el método de resample también juega un papel importante. la redimensión deberias hacerlo en illustrator. de hecho, es probable que no tengas que hacerlo. simplemente, cuando exportes la imagen a un formato bitmap, le asignas una resolución de 72 ppi.

[CieloGe]

Iniciado por zerokilled

ahi es donde tienes el problema. cuando reduces las dimensiones, se descartan pixeles. aparte, el método de resample también juega un papel importante. la redimensión deberias hacerlo en illustrator. de hecho, es probable que no tengas que hacerlo. simplemente, cuando exportes la imagen a un formato bitmap, le asignas una resolución de 72 ppi.

Al ponerlo a 72ppp se sigue viendo igual de mal, y en illustrator cómo se reduce una imagen? Botón derecho, transformar, escala, y bajas el porcentaje? Nunca he reducido ahí.
Si es ese el método, también se ve mal...

[saturado]

Iniciado por CieloGe

Al ponerlo a 72ppp se sigue viendo igual de mal, y en illustrator cómo se reduce una imagen? Botón derecho, transformar, escala, y bajas el porcentaje? Nunca he reducido ahí.
Si es ese el método, también se ve mal...

Crea un documento nuevo con las dimensiones que quieras y necesites y después adaptas el logo a esa mesa. Así creo que es más simple para que no te líes.

[CieloGe]

Iniciado por saturado

Crea un documento nuevo con las dimensiones que quieras y necesites y después adaptas el logo a esa mesa. Así creo que es más simple para que no te líes.

Creo que lo tengo! Gracias saturado ;)

[Linton]

Otra cosa: yo no interpreto lo de arriba como carreteras, porque en una carretera las rayas discontinuas no son pinceladas fusiformes: son rectángulos bien ostensibles.

[CieloGe]

Iniciado por Linton

Otra cosa: yo no interpreto lo de arriba como carreteras, porque en una carretera las rayas discontinuas no son pinceladas fusiformes: son rectángulos bien ostensibles.

Lo sé, per pensé que unas rayas tan grotescas con un rectángulo bastante llamativo abajo sería demasiado brusco, ¿no crees?

[Rafael]

Iniciado por saturado

Crea un documento nuevo con las dimensiones que quieras y necesites y después adaptas el logo a esa mesa. Así creo que es más simple para que no te líes.

Solo complemento. Al crear esta nueva mesa de trabajo pon como unidades pixeles.

[CieloGe]

Iniciado por Rafael

Solo complemento. Al crear esta nueva mesa de trabajo pon como unidades pixeles.

Hecho!

[saturado]

Iniciado por Rafael

Solo complemento. Al crear esta nueva mesa de trabajo pon como unidades pixeles.

Gracias Rafael por el complemento; se me paso el detalle.

Saludos.