Images need correcting on edges as PNG. Recommend exporting these as SVG.

[mjabbink]

IN exporting to PNG the edges of the artwork are creating lighter aliasing which is not good when they are on dark backgrounds. It causes little borders to show up which looks amateur.

https://www.carbondesignsystem.com/
https://www.carbondesignsystem.com/whats-happening/news-and-articles/

examples of current

Details

[mjabbink]

@jeanservaas @thyhmdo These images need to be either exported better or corrected in PS so the edges do not have the crappy aliasing OR better yet, these types of images can be SVG since they are vector and will look great.

[thyhmdo]

I did not make these, I think Jeannie has either PS or Illustration files?

[mjabbink]

@jeanservaas Can you provide Thy with your Ai files for these. I would like to resolve this issue since it looks lame on mobile

[mjabbink]

I think these need to be SVGs to avoid this or you all have to pay special attention to the borders of the images once you make them PNGs because it looks like they get compressed which may cause this.

[thyhmdo]

Just sent Josh these images for update
https://ibm.ent.box.com/folder/144694477942

[mjabbink]

@alisonjoseph @tay1orjones Let’s please get this issue closed this sprint.

[sstrubberg]

Reached out to @aledavila and @thyhmdo directly on Slack earlier this week.

Reposting here for clarity the images that we are pulling are coming directly from Medium through the MediumPosts component I made for the Gatsby Theme. In other words, we aren't hosting these images, Medium is. The authors of their respective articles will need to update accordingly.

[sstrubberg]

We tried to upload the SVG's to Medium and it turns out they aren't supported.. womp womp...

So now we need to make a decision, go back to the old, manual way of updating this content, where we control the source imagery, or do we use the automated component that just pulls in the content automatically at build time with the unfortunate side effect of these artifacts happening.

Is there a way we can still use a PNG and get the same quality? Does it have to be SVG?

[aledavila]

I'll surface this again. What is the consensus on this since we cannot upload svgs to medium.

@mjabbink @jeanservaas @sstrubberg