---
title: "Usage"
manual: "Imaginator"
version: "1.0"
permalink: "https://docs.typo3.org/permalink/schliesser/imaginator:usage@1.0"
source: "Usage/Index.rst"
rendered: "2026-10-13T11:21:40+00:00"
---

# Usage {#usage}

Editors pick the framing once per content element with the
[aspect-ratio field](https://docs.typo3.org/permalink/schliesser/imaginator:editor@1.0); the chosen [crop & focus area](https://docs.typo3.org/permalink/schliesser/imaginator:image-endpoint-crop@1.0) is honoured server-side; and the
[\<i:image> ViewHelper](https://docs.typo3.org/permalink/schliesser/imaginator:usage-viewhelper@1.0) turns it all into a real,
zero-config responsive `<picture>` / `<img>`.

-   [Aspect Ratio Field](https://docs.typo3.org/permalink/schliesser/imaginator:aspect-ratio-field@1.0)
-   [Crop & Focus Area](https://docs.typo3.org/permalink/schliesser/imaginator:crop-focus-area@1.0)
-   [Fluid ViewHelper](https://docs.typo3.org/permalink/schliesser/imaginator:fluid-viewhelper@1.0)