A Python web server that uses Pillow to dynamically scale, crop, transform and serve images from S3 or the local filesystem
Thumpy is a Python web service that crops and scales images. It doesn’t store anything. It’s meant to be used as an origin server sitting behind a CDN such as Amazon CloudFront.
Yg.thumpy is the YouGov fork of Thumpy.
Settings are stored in the settings.yaml file. They should include: - the name and access keys to your S3 bucket - compression quality (e.g. 80) - list of CORS allowed hosts
Thumpy serves images using the same paths as their storage location on S3. Conversion parameters are specified in the query string, using an interface inspired by TimThumb.
Scale the width to 200px, and the height proportionally:
Scale the height to 150px, and the width propotionally:
Specify both height and width:
Scaling (Post processing)
Same as Scaling (above) but applied to the output image after all transformations
Crop the width to 200 and the height to 100:
Crop the width and height to 50:
- Thumpy will always scale first before any cropping.
- Thumpy always crops from the center of the image.
Reveal Mask / Zoom Cropping
Minimum 3 parameters required: - Top offset (e.g. zct=100px) - Left offset (e.g. zcl=100px) - Width or Height of the output crop from the offsets. If only one is provided the other will automatically be assigned the other’s value.
The mask should be applied to the original image which means there is no scaling but only masking.
See: Scaling (Post processing) to get the scaled mask/crop.
Get 100px x 50px scaled crop off a larger image with a reveal mask of 350px x 175px applied at 20px x 10px top-left offset.
- Example of a greyscale image with no resizing::
If the “cloudfront_ugliness” option in thumpy’s config is set to true, then the image modification parameters will be pulled from the first segment of the path instead of the URL query string.
This is to workaround Amazon Cloudfront dropping the URL query string when making requests to your origin server. Example:
For the original, unaltered image, place an “o” where the query string would go, like this: