---
title: "SVG über IMAGE cObject als <img> einbinden"
url: "https://www.typo3.net/d/119527-svg-ueber-image-cobject-als-img-einbinden"
source: "typo3.net"
tags: ["TYPO3","TypoScript","Bilder","Frage","TYPO3 6.x"]
created: "2015-01-20"
last_reply: "2015-01-20"
replies: 2
solved: true
page: 1
pages: 1
lang: "de"
---

# SVG über IMAGE cObject als <img> einbinden

TYPO3 › TypoScript · 2 Antworten · gelöst · gestartet 2015-01-20

## Frage

**alfredbez** · 2015-01-20 · [Beitrag #1](https://www.typo3.net/d/119527-svg-ueber-image-cobject-als-img-einbinden/1)

Moin,
ich versuche gerade folgenden HTML-Code mit Typoscript zu generieren:

```html
<a href="/index.php">
    <img src="/fileadmin/templates/projektname/img/logo.svg" alt="">
</a>
```

Mein TS-Code:

```typoscript
lib.headerlogo = COA
lib.headerlogo {
  10 = IMAGE
  10 {
    file = /fileadmin/templates/projektname/img/logo.svg
    stdWrap {
      typolink {
        parameter = 1
      }
    }
  }
}
```

Das klappt leider nicht. Wenn ich allerdings die png-Datei angebe:

```typoscript
lib.headerlogo.10.file = /fileadmin/templates/projektname/img/logo.png
```

Dann wird alles richtig angezeigt, leider nur als png und nicht als svg.

Das cObject SVG (<https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/ContentObjects/Svg/Index.html>) habe ich mir auch schon angesehen, ist aber nicht das, was ich brauche, da es ein inline-SVG erzeugt (statt <img>-Tag).

## Beste Antwort

**toifel** · 2015-01-20 · [Beitrag #2](https://www.typo3.net/d/119527-svg-ueber-image-cobject-als-img-einbinden/2)

Warum dann über IMAGE? Das SVG muss i.d.R. ja nicht noch mal von ImageMagick bearbeitet werden.
Zudem brauchst du hier eigentlich kein COA, solange es nur ein einzelnes Unterobjekt gibt.

```typoscript
lib.headerLogo = TEXT
lib.headerLogo {
    value = <img src="/fileadmin/templates/projektname/img/logo.svg" />
    stdWrap.typolink.parameter = 1
  }
}
```

## Antworten

### [#2](https://www.typo3.net/d/119527-svg-ueber-image-cobject-als-img-einbinden/2) · toifel · 2015-01-20 · Beste Antwort

(Text siehe oben unter „Beste Antwort“.)

### [#3](https://www.typo3.net/d/119527-svg-ueber-image-cobject-als-img-einbinden/3) · alfredbez · 2015-01-20

Das COA habe ich genommen, weil ich ursprünglich noch weitere Elemente einfügen wollte.

Ich habe auch schon überlegt es einfach als TEXT statt IMAGE einzubinden, schien mir irgendwie "unsauber", aber man sollte ja nicht zu pingelig sein...

Habe ich jetzt einfach so umgesetzt, läuft auch, danke dir ;-)

@toifel : da ist eine schließende Klammer zu viel

PS: Wenn man es als TEXT einbaut, dann bitte auch an das alt-Tag denken

Meine Lösung sieht jetzt so aus:

```typoscript
lib.headerlogo = TEXT
lib.headerlogo {
  value = <img src="/fileadmin/templates/projektname/img/logo.svg" alt="" />
  stdWrap.typolink.parameter = 1
}
```

---

Quelle: „SVG über IMAGE cObject als <img> einbinden“, typo3.net, https://www.typo3.net/d/119527-svg-ueber-image-cobject-als-img-einbinden
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.