---
title: "Breaking: Profile images render as a responsive picture"
manual: "Academic Contacts for Pages"
version: "main"
source: "Changelog/3.0/Breaking-ProfileImagesRenderAsPicture.rst"
rendered: "2026-09-18T06:17:05+00:00"
---

# Breaking: Profile images render as a responsive picture {#breaking-profile-images-render-as-a-responsive-picture}

## Description {#description}

The contacts content element renders every contact through the profile card
of `EXT:academic_persons`, `Partials/Profile/Item.html`, which renders
the profile image through the responsive image partial of `EXT:academic_base`
from 3.0 on. The image of a contact is therefore a `<picture>` with WebP
sources and a fallback `<img>` with the classes `card-img-top img-fluid`,
and a contact whose profile has no image shows the placeholder of the persons
plugins.

The plugin view registers
`EXT:academic_base/Resources/Private/Partials/` with the partial root
path key `-1`, below the keys `5` and `10` it uses already, and its settings
take the placeholder from the constant
`plugin.tx_academicpersons.image.placeholder.default`, the same one the
persons plugins read.

## Impact {#impact}

-   CSS that selects the image as a direct child of the card no longer
    matches.
-   Contacts without a profile image show the placeholder where they showed
    nothing.
-   A project that replaces the partial root paths of the plugin completely,
    and a page template that renders the contacts of the
    `\FGTCLB\AcademicContacts4pages\DataProcessing\ContactsProcessor`
    through `Profile/Item` in a view of its own, fail with an exception on the
    partial `Academic/Image` that the view cannot resolve.

## Affected Installations {#affected-installations}

Every installation that renders the contacts content element, or the contacts
of the data processor through the profile card.

## Migration {#migration}

1.  Adjust CSS that addresses the contact image.
1.  To keep contacts without a profile image empty, set
    `plugin.tx_academicpersons.image.placeholder.default` to an empty value.
1.  A view that renders `Profile/Item` \- the plugin view with replaced partial
    root paths, or the page view of a page template - lists the path of
    `EXT:academic_base` below the others:

    ```typoscript
    plugin.tx_academiccontacts4pages.view.partialRootPaths {
        -1 = EXT:academic_base/Resources/Private/Partials/
    }
    ```
1.  Flush the TYPO3 caches, so the Fluid template cache is rebuilt.