Archived topic

Losing Quality

5 replies · Started by Sebastián on July 11, 2017

Viewing posts 1–6 of 6

July 11, 2017 at 11:41 am #347803

So i been struggling A LOT with my featured images because they are losing quality. I don't know why. I've already tried different things. I have Photoshop and Illustrator but i can't find the right combination.

So now im trying SVG format using a plugin called SVG support and it works well: http://www.mmarketingonline.com/tendencias-del-marketing-en-el-2017

The featured images are not losing any quality

BUT...

When im in the blog page it looks like this: http://www.mmarketingonline.com/blog/page/3/
Screenshot: http://i.imgur.com/uOmnDzt.png

How can I fix it?

Thanks

July 11, 2017 at 1:46 pm #347837

Hi there,

Try specifying a size:

.post-image img {
    width: 200px;
    height: 100px;
}

July 11, 2017 at 1:54 pm #347843

Didn't worked: http://i.imgur.com/2w4JUdk.png

July 11, 2017 at 1:55 pm #347845

Hmm the image link is not valid: https://i0.wp.com/www.mmarketingonline.com/wp-content/uploads/2017/07/Tendencias-del-Marketing.svg?resize=280%2C150

July 11, 2017 at 2:20 pm #347856

Ok let's forget about SVG Format because i searched on google and it has problems with Jetpack.

Why im losing so much quality with the other formats though?

SVG Format: http://i.imgur.com/YfHSdCb.png

PNG 24/PNG 8 and JPEG High Quality Format looks like this: http://i.imgur.com/1BfKpE5.png

The difference is HUGE.

July 11, 2017 at 3:28 pm #347880

I think that's just due to the scaling. GP does not interfere with the picture quality.

You can maybe try scaling down the original picture first before uploading using WordPress Edit Media: https://codex.wordpress.org/Edit_Media

Not sure if it would make a difference though.

This archived topic is closed to new replies.

Start building better websites today.