TypoScript Bilder Komprimierung
Dieses lib Objekt soll zeigen wie einzelne Bilder optimiert oder verändert werden können.
Basis ist das ursprüngliche Bild, was nicht via Fluid zum Beispiel komprimiert oder verändert werden kann,
deshalb wird das Bild an das lib Objekt übergeben, verändert und der neue Bildpfad zurückgeliefert.
Das kann natürlich wahlweise als <img ... Tag oder auch nur als Bild Pfad passieren.
// Image Tag with predefined compression
lib.convertImageToJpg = IMAGE
lib.convertImageToJpg {
file {
import.field = imgPath
ext = jpg
// set quality or other IM/GM params, eg: -rotate 90
params = -quality 80
// optional stuff
params.override.field = params
width.override.field = width
height.override.field = height
}
}
// Image Resource with predefined compression
lib.convertImgResourceToJpg = IMG_RESOURCE
lib.convertImgResourceToJpg {
file {
import.field = imgPath
ext = jpg
// set quality or other IM/GM params, eg: -rotate 90
params = -quality 80
// optional stuff
params.override.field = params
width.override.field = width
height.override.field = height
}
}
Verwendung in Fluid
// Fluid Inline Snippet:
{f:cObject(
typoscriptObjectPath:'lib.convertImageToJpg',
data:{
imgPath:yourImgUrl
}
)}
// Image width set:
{f:cObject(
typoscriptObjectPath:'lib.convertImageToJpg',
data:{
imgPath:yourImgUrl,
width: '800m'
}
)}
// Image compression and width set:
{f:cObject(
typoscriptObjectPath:'lib.convertImageToJpg',
data:{
imgPath:yourImgUrl,
params: '-quality 40',
width: '800m'
}
)}