---
title: "Problem mit retina Images"
url: "https://www.typo3.net/d/120158-problem-mit-retina-images"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage","TYPO3 6.x"]
created: "2015-05-03"
last_reply: "2015-05-04"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Problem mit retina Images

TYPO3 › TypoScript · 2 Antworten · gestartet 2015-05-03

## Eröffnungsbeitrag

**Niklas Lazinbee** · 2015-05-03 · [Beitrag #1](https://www.typo3.net/d/120158-problem-mit-retina-images/1)

Hallo,
bei der Anwendung von Bildern auf Retina-Displays stoße ich auf eine Problem, an dem ich schon länger herum rätsele.

Hier bietet ja die sourceCollection gute Möglichkeiten. Aber für folgendes Szenario scheitert das ganze meines Erachtens:

Bei den Konstanten steht: styles.content.imgtext.maxW = 600

Dann erstelle ich ein Bild im Backend gebe sagen wir 120px Breite ein, die Einstellung in der sourceCollection lautet

```typoscript
retina {	
	if {
		value = {$styles.content.imgtext.layoutKey}
		equals = default
		negate = 1
	}

	width = 600
	pixelDensity = 2

	srcsetCandidate = 600w 2x
	mediaQuery = (max-device-width: 600px) AND (min-resolution: 192dpi)
	dataKey = retina
}
```

Nun rechnet TYPO3 das Bild auf 1200px hoch, sinnvoll für eine gute Darstellung auf dem Retina-Display wäre doch 240px?

Wie kann ich TYPO3 dazu bewegen, die angegeben Bildgröße x2 zu nehmen und nicht die maximale Größe x2?

Beste Grüße
Niklas

## Antworten

### [#2](https://www.typo3.net/d/120158-problem-mit-retina-images/2) · toifel · 2015-05-04

Sollte funktionieren, wenn du nur maxW = 600 nutzt... die width also komplett raus.

### [#3](https://www.typo3.net/d/120158-problem-mit-retina-images/3) · Niklas Lazinbee · 2015-05-04

Beste Dank für den Tip. Das hatte ich zwar schon probiert aber in meiner speziellen Konfiguration hat es nicht das gewünschte Ergebnis gebracht. Aber das hat mich noch mal zum Nachdenken angeregt. Hier ist die spezielle Aufgabenstellung und die Lösung für alle die es interessiert:

Im Normalfall wäre das die Lösung

```typoscript
retina {
	
	if {
		value = {$styles.content.imgtext.layoutKey}
		equals = default
		negate = 1
	}
	
	maxW = 600
	
	pixelDensity = 2

	srcsetCandidate = 600w 2x
	mediaQuery = (max-device-width: 600px) AND (min-resolution: 192dpi)
	dataKey = retina
}
```

Ich hatte aber in Abhängigkeit von section_frame eine spezielle maxW definiert und zwar so:

```typoscript
tt_content.image.20.maxW.cObject = CASE
tt_content.image.20.maxW.cObject {
	key.field = section_frame

    default = TEXT  
	default.value = {$styles.content.imgtext.maxW}
	
    80 = TEXT
    80.value = 120
}
```

Diese Bilder hat TYPO3 dann auf 1200px hochgerechnet, da das System nicht mitbekommen hat, dass ich maxW umdefniert habe. Also teile ich das folgendermaßen mit:

```typoscript
tt_content.image.20.1.sourceCollection.retina.maxW.cObject = CASE
tt_content.image.20.1.sourceCollection.retina.maxW.cObject {
    key.field = section_frame

    default = TEXT  
    default.value = {$styles.content.imgtext.maxW}
	
    80 = TEXT
    80.value = 120
}
```

Und sie da, das Bild wird auf 240px berechnet.

---

Quelle: „Problem mit retina Images“, typo3.net, https://www.typo3.net/d/120158-problem-mit-retina-images
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.