¿Cómo exporto un SVG de Illustrator para que se reproduzca bien en tamaños pequeños?

Vengo de un fondo de Photoshop y esta es la primera vez que incursiono con la IA.

Me gustaría mostrar el logotipo de mi producto en un tamaño pequeño en una página web (alrededor de 15 píxeles de altura). Actualmente tengo un PNG (creado en Photoshop) pero la fuente está bastante entrecortada. Supongo que tiene que ver con la escala.

Para solucionarlo, ahora estoy tratando de trabajar en Illustrator y guardar como SVG. Probé un montón de cosas, pero el logotipo se ve muy bien en tamaños grandes, pero no en pequeños.

Así es como es grande:

ingrese la descripción de la imagen aquí

Pero así es como se muestra cuando está cerca del tamaño que estoy buscando:

ingrese la descripción de la imagen aquí

¿Cómo hago que el texto más pequeño sea más suave en mi página web?

Intenté configurar el suavizado en la ventana de caracteres, pero está deshabilitado. ¿Debería incluso intentar usar un SVG o debería intentar arreglar mi PNG en Photoshop?

Respuestas (2)

Debe usar un tipo de letra que se escale a tamaños más pequeños, lo que permite que el navegador represente la fuente con mayor claridad. No todos los tipos de letra son adecuados para letras extremadamente pequeñas, lo mismo ocurre con algunos tipos que tampoco son adecuados para letras grandes, ya que se vuelven demasiado pixeladas.

SVG es un formato de archivo vectorial, por lo que las decisiones de suavizado las toma el software que representa el SVG, en este caso, el navegador.

Creo que en el tamaño que buscas, se ve bien. Pero si desea poder modificar las cosas, tendrá que crear una versión de trama que luego pueda ingresar píxel por píxel y modificar el suavizado manualmente.

¿Cómo exporto un SVG de Illustrator para que se reproduzca bien en tamaños pequeños?
RespuestasAquíPolítica de privacidad1y, 0v