title: Crop variants for tt_content image
body: <p>I tried the first time the new image manipulation feature in TYPO3 and stumbled upon some problems. I am using TYPO3 8.7.16. The image processing is working correctly (tested in install tool using ImageMagick).</p>
  
  <p>For testing purposes I overrided the TCA of tt_content:</p>
  
  <pre><code>$GLOBALS['TCA']['tt_content']['columns']['image']['config'] ['overrideChildTca']['columns']['crop'] = [
      'config' =&gt; [
          'cropVariants' =&gt; [
              'desktop' =&gt; [
                  'title' =&gt; 'Desktop',
                  'selectedRatio' =&gt; '4:3',
                  'allowedAspectRatios' =&gt; [
                      '4:3' =&gt; [
                          'title' =&gt; '4:3',
                          'value' =&gt; 4 / 3,
                      ],
                  ],
              ],
              'tablet' =&gt; [
                  'title' =&gt; 'Tablet',
                  'selectedRatio' =&gt; '16:9',
                  'allowedAspectRatios' =&gt; [
                      '16:9' =&gt; [
                          'title' =&gt; '16:9',
                          'value' =&gt; 16 / 9,
                      ],
                  ],
              ],
              'mobile' =&gt; [
                  'title' =&gt; 'Mobile',
                  'selectedRatio' =&gt; '2:3',
                  'allowedAspectRatios' =&gt; [
                      '16:9' =&gt; [
                          'title' =&gt; '2:3',
                          'value' =&gt; 2 / 3,
                      ],
                  ],
              ],
          ],
      ],
  ];
  </code></pre>
  
  <p>When I use the editor for image manipulation I can crop the different formats and after accepting the manipulation I see the cropped images as preview in the content element:</p>
  
  <p><a href="https://i.stack.imgur.com/LOcOc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LOcOc.png" alt="After manipulating the images"></a></p>
  
  <p>After saving the content element I see the following (the cropped images are not shown anymore):</p>
  
  <p><a href="https://i.stack.imgur.com/r3ZCF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/r3ZCF.png" alt="After saving the content element"></a></p>
  
  <p>Is this a bug? But that doesn't bother me much for now.</p>
  
  <p>Now I tried to show e.g. the cropped desktop image in frontend. I copied the Media/Rendering/Image.html partial and changed the content to:</p>
  
  <pre><code>&lt;f:image image="{file}" cropVariant="desktop" width="480" alt="{file.alternative}" title="{file.title}" /&gt;
  </code></pre>
  
  <p>I thought that is enough to show the cropped image, but it was not. I see the original file. When I debugged the file reference I see, that the configuration for the cropped images are stored correctly in sys_file_reference:</p>
  
  <p><a href="https://i.stack.imgur.com/kNikm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kNikm.png" alt="debugging information"></a></p>
  
  <p>Now I have no clue what to do to get the cropped images in frontend.</p>
  
  <p>Any ideas?</p>
  
  <p>Edit: Now I found the problem, I had some issues with ImageMagick, so that the cropped images cannot be created.</p>