When an image / photo is left or right aligned within the body of text in an article, the text often does not wrap correctly and the image turns out blurry. This happens every time a small and/or square format image is used.
We often embed headshots of people in articles, and because these images are typically smaller and square, the text wraps clumsily around them and the images are scaled up in the article, making them blurry. Even if the image file is made smaller ratio-wise when uploading, it's always blown up to the same size on the front end.
You can see live examples of this happening on production (+ a couple example images attached):
Production: https://www.businessoffashion.com/podcasts/luxury/transforming-luxury-a-new-bof-podcast-series/
Composer: https://businessoffashion.arcpublishing.com/composer/edit/OS3KLXYP4ZBDVJCVVKF4HJXP5U/
Production: https://www.businessoffashion.com/articles/news-analysis/voices-2021-bofs-annual-gathering-for-big-thinkers-is-back/
Composer: https://businessoffashion.arcpublishing.com/composer/edit/VLFS4CF3TBG3VPHMH4ETLDU44Y/
We've tried formatting these images and text in various ways, but there doesn't seem to be a way to make this work gracefully. Any help you can give would be appreciated as we often have articles with images like these that are linked to sponsorships.
Natalie Mugavero
Hi Natalie, thank you for the idea. I see how this can be improved. I will work with the Composer team to see how we can offer more flexibility with image size rendering and text wrapping.
Semi-related:
https://ideas.arcxp.com/ideas/SB-I-358
https://ideas.arcxp.com/ideas/SB-I-456