Tachyon

Tachyon is a faster than light image resizing service that runs on AWS. Super simple to set up, highly available and very performant.

Setup

Tachyon comes in two parts: the server to serve images and uses jetpack plugin for manipulating images. To use Tachyon, you need to run at least one server, as well as the jetpack plugin with additional plugin configuration on all sites you want to use it.

<?php
$cdn_image_domain_to_use        = 'https://{replace-me}.cloudfront.net'
$cdn_image_domain_to_use_parsed = wp_parse_url( $cdn_image_domain_to_use );

// Stop creating crops and just use the original image.
add_filter( 'jetpack_photon_noresize_mode', '__return_true' );

// Setup custom domain.
add_filter( 'jetpack_photon_domain', fn() => $cdn_image_domain_to_use );

// Trick jetpack to use our domain. See https://github.com/Automattic/jetpack/blob/946220362c7db84cad03c7fae4c76c5930b46fd5/projects/packages/image-cdn/src/class-image-cdn-core.php#L163-L175
add_filter(
	'jetpack_photon_pre_image_url',
	function ( $image_url ) use ( $cdn_image_domain_to_use_parsed ) {
		// Replace host with cloudfront.
		$parse_url = wp_parse_url( $image_url );

		return str_replace( $parse_url['host'], $cdn_image_domain_to_use_parsed['host'], $image_url );
	},
	20
);

Installation on AWS Lambda

We require using Tachyon on AWS Lambda to offload image processing task in a serverless configuration. This ensures you don't need lots of hardware to handle thousands of image resize requests, and can scale essentially infinitely. One Tachyon stack is required per S3 bucket, so we recommend using a common region bucket for all sites, which then only requires a single Tachyon stack per region.

Tachyon requires the following Lambda Function spec:

• Runtime: Node JS 18
• Function URL activated
• Env vars:
  • S3_BUCKET=my-bucket
  • S3_REGION=my-bucket-region
  • DOMAIN=my-domain.com

Take the lambda.zip from the latest release and upload it to your function.

For routing web traffic to the Lambda function, we recommend using Lambda Function URLs. These should be configured as:

• Auth type: None
• Invoke mode: RESPONSE_STREAM

We also recommend running an aggressive caching proxy/CDN in front of Tachyon, such as CloudFront. (An expiration time of 1 year is typical for a production configuration.)

Installation guide for cloudfront

1. Create a new CloudFront distribution.
2. Set the origin to the Lambda Function URL.
3. Setup OAC (Origin Access Identity) to provide cloudfront access to the lambda function.

   	aws lambda add-permission \
   	--statement-id "AllowCloudFrontServicePrincipal" \
   	--action "lambda:InvokeFunctionUrl" \
   	--principal "cloudfront.amazonaws.com" \
   	--source-arn "arn:aws:cloudfront::************:distribution/***********" \
   	--region "ap-southeast-2" \
   	--function-name <YOUR_FUNCTION_NAME>

4. Setup behavior to forward all requests to the Lambda Function.
5. Setup cache control to cache the images for a long time. (1 year is typical for a production configuration.) Only forward header for accept and use all query string for the cache key.
6. Origin request policy to forward all viewer headers except host header.

Diagram

sequenceDiagram
    participant User
    participant CloudFront
    participant Lambda
    participant Origin

    User->>CloudFront: Request resized image
    alt Image in CloudFront cache
        CloudFront->>User: Return cached image
    else Image not in CloudFront cache
        CloudFront->>Lambda: Forward request
        Lambda->>Origin: Request original image
        Origin->>Lambda: Return original image
        Lambda->>Lambda: Resize image
        Lambda->>CloudFront: Return resized image
        CloudFront->>CloudFront: Cache resized image
        CloudFront->>User: Return resized image
    end

Loading

Documentation

• Using Tachyon
• Hints and Tips

Credits

Original Tachyon service is created by Humanmade.

Tachyon is inspired by Photon by Automattic. As Tachyon is not an all-purpose image resizer, rather it uses a media library in Amazon S3, it has a different use case to Photon.

Tachyon uses the Sharp (Used under the license Apache License 2.0) Node.js library for the resizing operations, which in turn uses the great libvips library.

Looking for a different Tachyon?

Tachyon by Human Made provides image resizing services for the web, and is specifically designed for WordPress. "Tachyon" is named after the hypothetical faster-than-light particle.

Other software named Tachyon include:

• Tachyon by VYV - Video playback and media server.
• Tachyon by Cinnafilm - Video processing for the cinema industry.
• TACHYONS - CSS framework.