somehow-digital/typo3-media-processing

Media Processing

v0.3.2 2023-05-29 08:30 UTC

Requires

• php: ^8.1
• ext-openssl: *
• typo3/cms-core: ^12.4 || dev-main

Requires (Dev)

• jetstreamlabs/pinte: ^1.0
• roave/security-advisories: dev-latest

GPL-3.0

• Thomas Deinhamer

• performance
• media
• image
• extension
• resize
• responsive
• crop
• cloudflare
• typo3
• thumbor
• bunny
• Webp
• heif
• imgproxy
• avif
• imagekit
• sirv
• heic
• imagor
• optimole

README

Media Processing for TYPO3 integrates various image processing libraries and SaaS cloud services into TYPO3 by leveraging their APIs to process images. This basically replaces the need for local image processing libraries like ImageMagick for image processing operations.

Currently, all integrations support resize and crop operations for images.

Integrations

• imgproxy library
• imagor library
• thumbor library
• optimole.com service
• bunny.net service
• cloudflare.com service
• imagekit.io service
• sirv.com service
• imgix.com service
• cloudinary.com service
• cloudimage.io service

Installation 📦

Composer Mode

composer require somehow-digital/typo3-media-processing

Legacy Mode

Download and install the media_processing extension from the TYPO3 TER.

Requirements

• TYPO3 12
• PHP with openssl extension

Setup ⚙️

By choosing and configuring one of the available image processing integrations, TYPO3 will use the configured integration to process images instead of using the local image processing library.

Configuration

Extension configuration is located in the TYPO3 backend under Admin Tools → Settings → Extension Configuration.

common common

option	type	description	default
integration	options	Service integration to use for image processing.	null
storage	bool	Enable local storage of processed files.	false
backend	bool	Enable image processing in the backend.	true
frontend	bool	Enable image processing in the frontend.	true

imgproxy integration.imgproxy

option	type	description	default
api_endpoint	string	The API endpoint of the imgproxy service.	null
source_loader	options	The source loader of the imgproxy service.	uri
source_uri	string	The origin host URL where files are stored.	null
signature	bool	Enable signature of the imgproxy service.	false
signature_key	string	The signature key of the imgproxy service.	null
signature_salt	string	The signature salt of the imgproxy service.	null
signature_size	int	The signature size of the imgproxy service.	null
encryption	bool	Enable encryption of the imgproxy service.	false
encryption_key	string	The encryption key of the imgproxy service.	null

See also the official imgproxy documentation for more information.

imagor integration.imagor

option	type	description	default
api_endpoint	string	The API endpoint of the imagor service.	null
source_loader	options	The source loader of the imagor service.	uri
source_uri	string	The origin host URL where files are stored.	null
signature	bool	Enable signature of the imagor service.	false
signature_key	string	The signature key of the imagor service.	null
signature_algorithm	options	The signature algorithm of the imagor service.	sha1
signature_length	int	The signature size of the imagor service.	null

See also the official imagor documentation for more information.

thumbor integration.thumbor

option	type	description	default
api_endpoint	string	The API endpoint of the thumbor service.	null
source_loader	options	The source loader of the thumbor service.	uri
source_uri	string	The origin host URL where files are stored.	null
signature	bool	Enable signature of the thumbor service.	false
signature_key	string	The signature key of the thumbor service.	null
signature_algorithm	options	The signature algorithm of the thumbor service.	sha1
signature_length	int	The signature size of the thumbor service.	null

See also the official thumbor documentation for more information.

optimole.com integration.optimole

option	type	description	default
api_key	string	The API key of the optimole service.	null
source_uri	string	The origin host URL where files are stored.	null

See also the official optimole documentation for more information.

bunny.net integration.bunny

option	type	description	default
api_endpoint	string	The Pull Zone URL of the bunny.net service.	null
source_uri	string	The origin host URL where files are stored.	null

See also the official bunny.net documentation for more information.

cloudflare.com integration.cloudflare

option	type	description	default
api_endpoint	string	The API endpoint of the cloudflare service.	null
source_uri	string	The origin host URL where files are stored.	null

See also the official cloudflare documentation for more information.

imagekit.io integration.imagekit

option	type	description	default
api_endpoint	string	The API endpoint of the imagekit service.	null
source_uri	string	The origin host URL where files are stored.	null
signature	bool	Enable signature of the imagekit service.	false
signature_key	string	The signature key of the imagekit service.	null

See also the official imagekit.io documentation for more information.

sirv.com integration.sirv

option	type	description	default
api_endpoint	string	The API endpoint of the sirv service.	null
source_uri	string	The origin host URL where files are stored.	null

See also the official sirv.com documentation for more information.

imgix.com integration.imgix

option	type	description	default
api_endpoint	string	The API endpoint of the imgix service.	null
source_loader	options	The source loader of the imgix service.	folder
source_uri	string	The origin host URL where files are stored.	null
signature	bool	Enable signature of the imgix service.	false
signature_key	string	The signature key of the imgix service.	null

See also the official imgix.com documentation for more information.

cloudinary.com integration.cloudinary

option	type	description	default
api_endpoint	string	The API endpoint of the cloudinary service.	null
delivery_mode	options	The source loader of the cloudinary service.	fetch
source_uri	string	The origin host URL where files are stored.	null
signature	bool	Enable signature of the cloudinary service.	false
signature_key	string	The signature key of the cloudinary service.	null
signature_algorithm	options	The signature algorithm of the cloudinary service.	sha1

See also the official cloudinary.com documentation for more information.

cloudimage.io integration.cloudimage

option	type	description	default
api_endpoint	string	The API endpoint of the cloudimage service.	null
source_uri	string	The origin host URL where files are stored.	null
signature	bool	Enable signature of the cloudinary service.	false
signature_key	string	The signature key of the cloudinary service.	null

See also the official cloudimage.io documentation for more information.

Usage 🪄

Backend

The backend Invalidate processed media action can be used to invalidate processed files for the active media processing integration.

CLI

The TYPO3 CLI cleanup:invalidatemedia command can be used to invalidate processed files for the active media processing integration.

vendor/bin/typo3 cleanup:invalidatemedia

Support 🛟

• Discord
• Discussions
• Issues

Roadmap 🚧

Version 1.0.0 🏷️ developing

• ✅ Support for TYPO3 12.
• ✅ Support resizing and cropping operations.
• ✅ Integration for imgproxy library.
• ✅ Integration for imagor library.
• ✅ Integration for thumbor library.
• ✅ Integration for optimole.com service.
• ✅ Integration for bunny.net service.
• ✅ Integration for cloudflare.com service.
• ✅ Integration for imagekit.io service.
• ✅ Integration for sirv.com service.
• ✅ Integration for imgix.com service.
• ✅ Integration for cloudinary.com service.
• ✅ Integration for cloudimage.io service.
• ✅ Backend toolbar action and CLI command for processed media invalidation.
• Release.

Version 2.0.0 🏷️ planning

• Support for manual and smart focus/gravity configuration.
• Integration for glide library.
• Integration for imaginary library.
• Integration for imageflow library.
• Integration for fastly.com service.
• Integrations per site.
• Send HEAD requests to speed up image generation.

Version 3.0.0 🏷️ researching

• Integration for gumlet.com service.
• Integration for more image processing libraries/services.
• Integration for video processing libraries/services.

somehow.digital