---
title: "Usage"
manual: "Imaginator"
version: "main"
permalink: "https://docs.typo3.org/permalink/schliesser/imaginator:usage@main"
source: "Usage/Index.rst"
rendered: "2026-10-13T11:21:46+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@main); the chosen [crop & focus area](https://docs.typo3.org/permalink/schliesser/imaginator:image-endpoint-crop@main) is honoured server-side; and the
[\<i:image> ViewHelper](https://docs.typo3.org/permalink/schliesser/imaginator:usage-viewhelper@main) turns it all into a real,
zero-config responsive `<picture>` / `<img>`.

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