---
title: "Feature: #101391 - Add base64 attribute to ImageViewHelper"
manual: "TYPO3 Core Changelog"
version: "main"
permalink: "https://docs.typo3.org/permalink/changelog:feature-101391-1689772689"
source: "Changelog/13.3/Feature-101391-AddBase64OptionToImageViewHelper.rst"
typo3-version: "13.3"
typo3-major: 13
type: "feature"
issue: 101391
forge: "https://forge.typo3.org/issues/101391"
tags: ["Fluid", "ext:fluid"]
rendered: "2026-10-03T08:19:36+00:00"
---

# Feature: #101391 - Add base64 attribute to ImageViewHelper {#feature-101391-1689772689}

See [forge#101391](https://forge.typo3.org/issues/101391)

## Description {#description}

The ViewHelpers [\<f:image>](https://docs.typo3.org/other/typo3/view-helper-reference/main/en-us/Global/Image.html#typo3-fluid-image) and
[\<f:uri.image>](https://docs.typo3.org/other/typo3/view-helper-reference/main/en-us/Global/Uri/Image.html#typo3-fluid-uri-image) now
support the attribute `base64="true"` that will provide
a possibility to return the value of the image's `src` attribute
encoded in base64.

```html
<f:image base64="true" src="EXT:backend/Resources/Public/Images/typo3_logo_orange.svg" height="20" class="pr-2" />
<img src="{f:uri.image(base64: 'true', src:'EXT:backend/Resources/Public/Images/typo3_logo_orange.svg')}">
```

Will result in the according HTML tag providing the image encoded in base64.

```html
<img class="pr-2" src="data:image/svg+xml;base64,PHN2...cuODQ4LTYuNzU3Ii8+Cjwvc3ZnPgo=" alt="" width="20" height="20">
<img src="data:image/svg+xml;base64,PHN2...cuODQ4LTYuNzU3Ii8+Cjwvc3ZnPgo=">
```

This can be particularly useful inside `TYPO3CMSCoreMailFluidEmail` or
to prevent unneeded HTTP calls.
