La imagen pequeña .png exportada de Adobe Illustrator CC 2017 está pixelada

Exporté una imagen .png de Adobe Illustrator CC 2017 para usarla como logotipo en mi sitio web. Es bastante grande (1241 px x 1346 px) y está ralentizando el sitio drásticamente. Debe tener alrededor de 100 px x 105 px, pero cuando lo exporto desde Illustrator en este tamaño, está completamente pixelado.

He cambiado el tamaño de la mesa de trabajo, con un borde de 2px y, por lo que sé, estoy haciendo todo lo que normalmente hago para exportar una imagen .png desde Illustrator.

Estaría muy agradecido si alguien pudiera aconsejarme sobre esto, ya que me está distrayendo.

Gracias de antemano nigel

¿Está escalando la imagen en la página web después de haberla hecho tan pequeña? Si escalas una pequeña imagen rasterizada, ¡verás los píxeles! ¿Por qué no usas un SVG? Entonces podría escalarlo a cualquier tamaño que desee.

Respuestas (1)

100 x 105 píxeles es muy pequeño. No hay muchos píxeles en la imagen, por lo que cualquier nivel de detalle aparecerá pixelado, especialmente si la está viendo con un gran aumento. Sin embargo, si la imagen en cuestión va a ser muy pequeña en el sitio web, debería verse bien.

Como ejemplo, aquí hay una captura de pantalla de 100 x 105 píxeles de esta página:

ingrese la descripción de la imagen aquí

Lo he escalado para que puedas ver los píxeles. Se ve muy pixelado en este tamaño, pero en el contexto (arriba) se ve bien. Los mismos píxeles, solo que más pequeños. Es de esperar que este sea el caso con su imagen, pero si la imagen aparece pixelada en el contexto del diseño de la página final, probablemente deba tener una resolución más alta.

La imagen pequeña .png exportada de Adobe Illustrator CC 2017 está pixelada
RespuestasAquíPolítica de privacidad1y, 2v