---
title: "Introduction"
manual: "Connetation Elements"
version: "main"
permalink: "https://docs.typo3.org/permalink/connetation/t3wtk-elements:introduction@main"
source: "Introduction/Index.rst"
rendered: "2026-10-16T12:46:50+00:00"
---

# Introduction {#introduction}

## What does it do? {#what-it-does}

Connetation Elements adds a set of Bootstrap-based content elements to a
TYPO3 v14 site, built with [b13/container](https://packagist.org/packages/b13/container) and requiring
[connetation/t3wtk-base](https://packagist.org/packages/connetation/t3wtk-base) for shared theme
tokens, ViewHelpers, and Fluid layouts.

## Responsive images {#responsive-images}

Image-rendering elements use the `<ce:responsiveImage>` ViewHelper
(`Connetation\T3wtkElements\Classes\ViewHelpers\ResponsiveImageViewHelper`),
which outputs a WebP `srcset` ladder with `sizes`, capped at the
source file's width, honouring the backend image editor's crop. SVG and
GIF files are served unprocessed.

Server-side prerequisites (Install Tool):

-   `[GFX][processor_effects] = true` (sharpening after downscale is
    required for crisp output)
-   `webp` must be listed in `[GFX][imagefile_ext]` (this is the
    default in modern TYPO3 if the image processor supports it)
-   Editors should upload hero images at 2560px width or larger, since the
    srcset ladder is capped at the source file's width.