(TYPO3, TypoScript)

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'
    }
)}