Guardar imágenes vectoriales en Illustrator para un blog web

El diseño de gráficos no es mi profesión, sin embargo, sé cómo usar Illustrator para crear imágenes/gráficos vectoriales simples. No tengo idea de qué formato u otros atributos considerar al guardar una imagen para verla en la web. He buscado en este foro problemas similares que otros podrían haber enfrentado, pero no sigo la jerga de diseño utilizada.

La forma en que trato de guardar la imagen para mi blog es con la opción Guardar para web en Illustrator, donde elijo JPEG y le doy un nombre de archivo. Luego importo esta imagen al blog.

Las imágenes se ven borrosas, irregulares y malas. No se ve nada tan sorprendente como lo hace, nativo en Illustrator. También noto que la dimensión de la imagen se reduce una vez que la publico en el blog. ¿Cómo puedo determinar las dimensiones correctas para la imagen? No soy dueño del blog, solo soy un blogger invitado en su plataforma.

Respuestas (2)

Las imágenes de Illustrator se pueden exportar en una serie de formatos que son compatibles con los navegadores web, incluidos formatos raster como JPEG o PNG, y el formato vectorial SVG.

Todos estos funcionan en la web y son compatibles con la mayoría de los navegadores; sin embargo, es posible que los SVG no funcionen en todos los sitios de blogs, a menos que el propietario del blog haya habilitado la carga de archivos SVG.

El problema con su jpeg suena como si no lo hubiera exportado con suficientes píxeles, o quizás con baja calidad (alta compresión). Sin embargo, sin verlo, no sé cuánta ayuda específica puedo brindarle aquí. Todo lo que puedo decir es esto, ¿ha intentado generarlo en un tamaño más grande, con configuraciones de mayor calidad (menos compresión)?

Además, los navegadores generalmente muestran imágenes en las páginas web con la resolución nativa del dispositivo en el que se están viendo, a menos que tenga el zoom de su sistema operativo configurado en algo diferente al 100%. Sin duda, esto podría ser la causa de que se acerquen las imágenes pequeñas y explicaría la degradación de la calidad, pero esta es una configuración del usuario, no tiene nada que ver con la imagen en sí.

No digas suficiente resolución (o píxeles) solo di suficientes píxeles
@joojaa estuvo de acuerdo. Editado!
Gracias Billy y Joojaa. Me gustaría disculparme. Ahora estoy pensando que el problema es con el sitio. Las imágenes se redimensionan ligeramente a un tamaño más pequeño y luego, cuando se publican, se ven irregulares. Cuando hago clic en la imagen para abrirla en otra pestaña, se ve bien. Esto significa que voy a tener que encontrar una manera de mantener la calidad de las imágenes, incluso si el sitio las cambia de tamaño.
Si el sitio web que está utilizando está cambiando el tamaño/remuestreando las imágenes o reprocesándolas de alguna manera no deseada, entonces puede alojar las imágenes en un sitio diferente, como imgur(dot)com, por ejemplo.

Si sus imágenes son simples, puede guardarlas en Illustrator como SVG (Scalable Vector Graphics). Puede hacerlo en Archivo > Guardar como.

Todos los principales navegadores admiten, al menos parcialmente (SVG 1.1), el formato de archivo SVG. De esta forma las imágenes conservarán su calidad, incluso si se redimensionan.

Gracias Spike. Acabo de intentar cargar el archivo de imagen SVG y aparece el mensaje "El tipo de imagen está prohibido".
Los SVG de @John están prohibidos de forma predeterminada para algunos sistemas de administración de contenido, como Word Press. Entonces, a menos que pueda convencer a la persona que administra el blog para que cambie esa configuración, no podrá cargar archivos SVG. Esto no tiene nada que ver con su navegador.