PHPackages                             b13/vh\_imagedata - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Image & Media](/categories/media)
4. /
5. b13/vh\_imagedata

ActiveTypo3-cms-extension[Image & Media](/categories/media)

b13/vh\_imagedata
=================

Viewhelper for accessing data of a (processed) image for further use (like <img>-tag w/ lazy loading etc.)

v1.1.1(5y ago)05GPL-2.0-or-laterPHP

Since Nov 4Pushed 5y ago7 watchersCompare

[ Source](https://github.com/b13/vh_imagedata)[ Packagist](https://packagist.org/packages/b13/vh_imagedata)[ RSS](/packages/b13-vh-imagedata/feed)WikiDiscussions master Synced today

READMEChangelog (2)DependenciesVersions (4)Used By (0)

EXT:vh\_imagedata
=================

[](#extvh_imagedata)

Viewhelper to build custom ``-Tag
--------------------------------------

[](#viewhelper-to-build-custom-img-tag)

This viewhelper calculates an image based on `` without rendering an image tag, making the data available in the content of the viewhelper for manual use or rendering custom image tags. The rendering takes all crop settings into account.

### Basic useage example

[](#basic-useage-example)

```

```

### Allowed attributes

[](#allowed-attributes)

The following attributes can be passed to the ViewHelper. All attributes normally allowed for `f:image` can be passed but not all make sense.

ArgumentTypeInfoasstringName of variable to create. Defaults to `imageData`altstringSpecifies an alternate text for an image'titlestringTooltip text of elementsrcstringa path to a file, a combined FAL identifier or an uid (int). If $treatIdAsReference is set, the integer is considered the uid of the sys\_file\_reference record. If you already got a FAL object, consider using the $image parameter insteadtreatIdAsReferenceboolgiven src argument is a sys\_file\_reference recordimageobjecta FAL objectcropstringboolcropVariantstringselect a cropping variant, in case multiple croppings have been specified or stored in FileReferencewidthstringwidth of the image. This can be a numeric value representing the fixed width of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.heightstringheight of the image. This can be a numeric value representing the fixed height of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.minWidthintminimum width of the imageminHeightintminimum width of the imagemaxWidthintminimum width of the imagemaxHeightintminimum width of the imageabsoluteboolForce absolute URLvaluemixedValue to assign. If not in arguments then taken from tag content### Returned data

[](#returned-data)

The ViewHelper returns an array with all the image data as `{imageData}` or the variable name you set in argument `as`. The array contains these values:

KeyInfowidthWidth of the rendered imageheightHeight of the rendered imageuriURL of the image renderedaltAlt tag for the image, taken from the sys\_file\_record, the sys\_file\_reference or from the "alt"-argument of the viewhelpertitleTitle tag for the image, taken from the sys\_file\_record, the sys\_file\_reference or from the "title"-argument of the viewhelperratioThe ratio of the cropped/rendered image (width / height), meaning 1.77777 for an image with 16:9 ratioheightRatioThe ratio of height to width, for use in inline styles of containers for responsive imageslinkValue of the link field from sys\_file\_referenceprocessingInstructionsOriginal processing instructions used for image rendering (including crop-values as array)processedImageThe processed fileoriginalImageThe original fileInstalling
----------

[](#installing)

Use Composer to add to your project:

`composer require b13/vh_imagedata`

Set the namespace the ViewHelper in your Fluid template where needed:

```

```

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity4

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity59

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~228 days

Total

3

Last Release

1921d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/3862523?v=4)[David Steeb](/maintainers/davidsteeb)[@davidsteeb](https://github.com/davidsteeb)

---

Top Contributors

[![davidsteeb](https://avatars.githubusercontent.com/u/3862523?v=4)](https://github.com/davidsteeb "davidsteeb (13 commits)")

---

Tags

TYPO3 CMSB13base

### Embed Badge

![Health badge](/badges/b13-vh-imagedata/health.svg)

```
[![Health](https://phpackages.com/badges/b13-vh-imagedata/health.svg)](https://phpackages.com/packages/b13-vh-imagedata)
```

###  Alternatives

[sitegeist/sms-responsive-images

Provides ViewHelpers and configuration to render valid responsive images based on TYPO3's image cropping tool.

34493.1k2](/packages/sitegeist-sms-responsive-images)[goat1000/svggraph

Generates SVG graphs

132849.6k3](/packages/goat1000-svggraph)[lochmueller/focuspoint

Focuspoint integrate the focal point method to crop images in the frontend of the web page. Use the jQuery-focuspoint plugin (https://github.com/jonom/jquery-focuspoint example http://jonom.github.io/jquery-focuspoint/demos/helper/index.html) to crop the images. Use the function as wizard in the file list view and directly in the content element.

23179.1k](/packages/lochmueller-focuspoint)[blueways/bw-focuspoint-images

Image Editor for adding focus points to images

12102.7k1](/packages/blueways-bw-focuspoint-images)[fab/media-upload

Fluid widget for mass uploading files on the Frontend using HTML5 techniques powered by Fine Uploader - http://fineuploader.com/

1927.8k1](/packages/fab-media-upload)[contao/image

Contao image library

131.7M9](/packages/contao-image)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)