Optimización de imágenes

Buenas, tengo un sitio web en wordpress, con fondo de color, el problema que me encuentro ahora es que al colocarle imagenes se ven los bordes como recortados y pixelados (adjunto captura), aclaro que las imágenes las exporto yo mismo con Adobe illustrator, en “exportar para web” y las he exportado en png o en gif, siempre con fondo transparente, y al ponerlas en mi sitio se ven con pésima calidad. Que estoy haciendo mal? Alguna sugerencia?

Captura de pantalla:
![Screenshot_20201128-163449|293x500](upload://qSshLq93esJfH9JRLrjP4Ad5aVU.png

Muchas gracias

Hola Diego, no se ve la imagen adjunta.

No me sube la imagen, dejo mi pagina para que vean como me quedan las imágenes de mas abajo. https://garabatosweb.com.ar/

Hola Diego, parecería ser algún problema de configuración en Illustrator, fijate si estás usando PNG-24.
Saludos!

2 Me gusta

Muchas gracias wayramarketing! Me sirvió tu sugerencia, las cambié a PNG-24 y mejoraron mucho.

Gracias!!! Saludos

1 me gusta

Te sumo otro punto. Las imágenes de fondo, algunas están en gif y pesan más de 250kb. Te convendría que sean jpg con bastante compresión, ya que tenés un layer semitransparente encima que te ayuda a ocultar cualquier defecto por compresión.

Antes de subirlas pasalas por https://tinypng.com/ para bajarles el peso sin perder calidad.

Espero que ayude!
Saludos!

2 Me gusta