imgResource

An imgResource one of the following:

  1. A resource plus imgResource properties.

    Filetypes can be anything among the allowed types defined in the configuration variable $GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext'] . Standard is gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai,svg,webp.

  2. A GIFBUILDER object. See the object reference for GIFBUILDER.
Examples

Here "file" is an imgResource:

EXT:site_package/Configuration/TypoScript/setup.typoscript
10 = IMAGE
10 {
    file = fileadmin/toplogo.gif
    file.width = 200
}
Copied!

GIFBUILDER:

EXT:site_package/Configuration/TypoScript/setup.typoscript
10 = IMAGE
10.file = GIFBUILDER
10.file {
    # GIFBUILDER properties here...
}
Copied!

Properties

ext

ext

ext
Type
string / stdWrap
Default
web

Target file extension for the processed image. The value web checks if the file extension is one of gif, jpg, jpeg, png, or svg and if not it will find the best target extension. The target extension must be in the list of file extensions perceived as images. This is defined in $GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext'] in the install tool.

Standard is gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai,svg,webp.

width

width

width
Type
integer / stdWrap

If both the width and the height are set and one of the numbers is appended by an m, the proportions will be preserved and thus width and height are treated as maximum dimensions for the image. The image will be scaled to fit into the rectangle of the dimensions width and height.

If both the width and the height are set and at least one of the numbers is appended by a c, crop-scaling will be enabled. This means that the proportions will be preserved and the image will be scaled to fit around a rectangle with width/height dimensions. Then, a centered portion from inside of the image (size defined by width/height) will be cut out.

The c can have a percentage value (-100 ... +100) after it, which defines how much the cropping will be moved off the center to the border.

Notice that you can only use either m or c at the same time!

Examples

This crops 120x80px from the center of the scaled image:

EXT:site_package/Configuration/TypoScript/setup.typoscript
lib.image {
    width = 120c
    height = 80c
}
Copied!

This crops 100x100px; from landscape-images at the left and portrait- images centered:

EXT:site_package/Configuration/TypoScript/setup.typoscript
lib.image {
    width = 100c-100
    height = 100c
}
Copied!

This crops 100x100px; from landscape-images a bit right of the center and portrait-images a bit higher than centered:

EXT:site_package/Configuration/TypoScript/setup.typoscript
lib.image {
    width = 100c+30
    height = 100c-25
}
Copied!

height

height

height
Type
integer / stdWrap

See width.

params

params

params
Type
string / stdWrap

GraphicsMagick/ImageMagick command line:

fx. -rotate 90, -negate or -quality 90

sample

sample

sample
Type
boolean
Default
0

If set, -sample is used to scale images instead of -geometry. Sample does not use anti-aliasing and is therefore much faster.

noScale

noScale

noScale
Type
boolean / stdWrap
Default
0

If set, the image itself will never be scaled. Only width and height are calculated according to the other properties, so that the image is displayed resized, but the original file is used. Can be used for creating PDFs or printing of pages, where the original file could provide much better quality than a rescaled one.

Examples

Here test.jpg could have 1600 x 1200 pixels for example:

EXT:site_package/Configuration/TypoScript/setup.typoscript
file = fileadmin/test.jpg
file.width = 240m
file.height = 240m
file.noScale = 1
Copied!

This example results in an image tag like the following. Note that src="fileadmin/test.jpg" is the original file:

<img src="fileadmin/test.jpg" width="240" height="180" />
Copied!

crop

crop

crop
Type
string / stdWrap
Default
not-set (when file/image is a file_reference the crop value of

Changed in version 13.2

SVG images are now processed natively in SVG during cropping. To keep the old behaviour of transferring them into PNG, you can set ext to png explicitly.

It is possible to define an area that should be taken (cropped) from the image. When not defined in typoscript the value will be taken from the file_reference when possible. With this setting you can override this behavior.

the file reference is used)

Examples

Disable cropping set by the editor in the back-end:

EXT:site_package/Configuration/TypoScript/setup.typoscript
tt_content.image.20.1.file.crop =
Copied!

Overrule/set cropping for all images:

EXT:site_package/Configuration/TypoScript/setup.typoscript
tt_content.image.20.1.file.crop = 50,50,100,100
Copied!

Natively crop a SVG image:

EXT:site_package/Configuration/TypoScript/setup.typoscript
page.10 = IMAGE
page.10.file = 2:/myfile.svg
page.10.file.crop = 20,20,500,500
Copied!

cropVariant

cropVariant

cropVariant
Type
string
Default
default

Since it's possible to define certain crop variants you can specify which one to use here.

Examples

Use 'desktop' crop variant:

EXT:site_package/Configuration/TypoScript/setup.typoscript
tt_content.image.20.1.file {
    crop.data = file:current:crop
    cropVariant = desktop
}
Copied!

frame

frame

frame
Type
integer / stdWrap

Chooses the frame in a PDF or GIF file.

"" = first frame (zero)

import

import

import
Type
path / stdWrap

value should be set to the path of the file

with stdWrap you get the filename from the data-array

Examples

This returns the first image in the field "image" from the data-array:

EXT:site_package/Configuration/TypoScript/setup.typoscript
tt_content.image.20.1.file {
    import = uploads/pics/
    import.field = image
    import.listNum = 0
}
Copied!

treatIdAsReference

treatIdAsReference

treatIdAsReference
Type
boolean / stdWrap
Default
0

If set, given UIDs are interpreted as UIDs to sys_file_reference instead of to sys_file. This allows using file references, for example with import.data = levelmedia: ....

maxW

maxW

maxW
Type
integer / stdWrap

Maximum width

maxH

maxH

maxH
Type
integer / stdWrap

Maximum height

minW

minW

minW
Type
integer / stdWrap

Minimum width (overrules maxW/maxH)

minH

minH

minH
Type
integer / stdWrap

Minimum height (overrules maxW/maxH)

stripProfile

stripProfile

stripProfile
Type
boolean
Default
0

If set, the GraphicsMagick/ImageMagick-command will use a stripProfile-command which shrinks the generated thumbnails. See the Install Tool for options and details.

If processor_stripColorProfileByDefault is set in the Install Tool, you can deactivate it by setting stripProfile=0.

Examples
EXT:site_package/Configuration/TypoScript/setup.typoscript
10 = IMAGE
10.file = fileadmin/images/image1.jpg
10.file.stripProfile = 1
Copied!

Masking (m)

Masking:

Masking:

(Black hides, white shows)

m.mask

m.mask

m.mask
Type
imgResource

The mask with which the image is masked onto m.bgImg. Both m.mask and m.bgImg is scaled to fit the size of the imgResource image!

Note: Both m.mask and m.bgImg must be valid images.

m.bgImg

m.bgImg

m.bgImg
Type
imgResource

Note: Both m.mask and m.bgImg must be valid images.

m.bottomImg

m.bottomImg

m.bottomImg
Type
imgResource

An image masked by m.bottomImg_mask onto m.bgImg before the imgResources is masked by m.mask.

Both m.bottomImg and m.bottomImg_mask is scaled to fit the size of the imgResource image!

This is most often used to create an underlay for the imgResource.

Note: Both "m.bottomImg" and m.bottomImg_mask must be valid images.

m.bottomImg_mask

m.bottomImg_mask

m.bottomImg_mask
Type
imgResource

(optional)

Note: Both m.bottomImg and m.bottomImg_mask must be valid images.

Examples

This scales the image fileadmin/toplogo.png to the width of 200 pixels:

EXT:site_package/Configuration/TypoScript/setup.typoscript
file = fileadmin/toplogo.png
file.width = 200
Copied!