Image Optimization

Image Optimization

📣 Special thanks to the Tech team at GOLF for inspiring this one!

ParOne supports image optimizations when receiving thumbnails.

width

The width parameter enables dynamic width resizing based on pixels and percent values.

Use width={value}

  • An integer between 1 and 8192.
  • A fraction between 0 and 0.99 (e.g. ,0.5)
  • A percentage between 0 and 100 followed by the letter p (e.g., 50p).

Example

<!-- Scale thumbnail to 480px for mobile -->
<img src="https://thumbnails.parone.io/123?width=480">

<!-- Scale thumbnail to 20% of size -->
<img src="https://thumbnails.parone.io/123?width=20p">