---
title: "sourceCollection mit crop zum responsive Image"
url: "https://www.typo3.net/d/127504-sourcecollection-mit-crop-zum-responsive-image"
source: "typo3.net"
tags: ["Extensions","Bilder","Frage","HTML & CSS","TYPO3 8"]
created: "2019-03-22"
last_reply: "2019-03-22"
replies: 1
solved: false
page: 1
pages: 1
lang: "de"
---

# sourceCollection mit crop zum responsive Image

Extensions · 1 Antwort · gestartet 2019-03-22

## Eröffnungsbeitrag

**xpert911** · 2019-03-22 · [Beitrag #1](https://www.typo3.net/d/127504-sourcecollection-mit-crop-zum-responsive-image/1)

Hallo Zusammen,

jetzt habe ich mal ne Frage an die Profis.
Ich nutze im Augenblick in einem Projekt picturefill und srcset innerhalb Typo3 zum Rendern von Responsive Images.

Mein Code sieht in Teilen derzeit so aus und ich würde gerne erreichen, dass bei der "phone" darstellung ein Hochformat Bild aus dem derzeitigen Panoramabild erzeugt wird.

In meiner Naivität, bin ich davon ausgegangen, dass es genügt, ein "c" für Crop bei der wdth bzw. maxW anzugeben und leider funktioniert das nicht. Was mache ich falsch oder kann ich an dieser Stelle mit 600c nicht erreichen, dass in der Mitte ein Ausschnitt von 600px Breite herausgeschnitten wird?

Wäre euch für eine Antwort sehr dankbar ;-)

tt_content.image.20.1.sourceCollection >
tt_content.image.20.1.sourceCollection {

small {
    width = 200
    srcsetCandidate = 319w
    mediaQuery = (max-width: 319px)
    dataKey = small
  }
  phone {
    width = 600c
    maxW = 600c
    quality = 100
    srcsetCandidate = 599w
    file.cropVariant = mobile
    mediaQuery = (max-width: 599px)
    dataKey = phone
  }
...

## Antworten

### [#2](https://www.typo3.net/d/127504-sourcecollection-mit-crop-zum-responsive-image/2) · Teisinger · 2019-03-22

das sollte helfen: <https://jweiland.net/typo3/codebeispiele/typoscript/bildausschnitt-mit-typoscript.html>

---

Quelle: „sourceCollection mit crop zum responsive Image“, typo3.net, https://www.typo3.net/d/127504-sourcecollection-mit-crop-zum-responsive-image
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.