{ width=300 align=left }
{ width=300 align=right }
<pstyle="clear: both;"></p>
<br/>
* Image reference
<figuremarkdown>

<figcaption>centered image with credits/reference</figcaption>
</figure>
* Download reference
Links to reference files, PDF, booklets,
??? tip "about your images.."
1. Remember to credit/reference all your images to their authors. Open source helps us create change faster together, but we all deserve recognition for what we make, design, think, develop.
2. remember to resize and optimize all your images. You will run out of space and the more data, the more servers, the more cooling systems and energy wasted :) make a choice at every image :)
This image is optimised in size with resolution 72 and passed through tinypng for final optimisation.
## Overview material research outcomes
_example from the documentation of [Loes Bogers](https://class.textile-academy.org/2020/loes.bogers/) TextileLab Amsterdam 2019-20_