Skip to main content

Dynamic image resizing for Flask.

Project description

[![Build Status](https://travis-ci.org/mikeboers/Flask-Images.png?branch=master)](https://travis-ci.org/mikeboers/Flask-Images)

Dynamic image resizing for Flask.

This extension adds a resized_img_src function to the template context, which creates a URL to dynamically resize an image. This function takes either a path to a local image (either absolute, or relative to the IMAGES_PATH) or an URL to a remote image, and returns a URL that will serve a resized version on demand.

Alternatively, this responds to url_for(‘images’, filename=’…’, **kw) to ease transition from Flask’s static files.

For example:

~~~ <img src=”{{resized_img_src(‘logo.png’, width=100)}}” /> <img src=”{{resized_img_src(‘photo.jpeg’, width=400, height=300, mode=’crop’, quality=95)}}” /> OR <img src=”{{url_for(‘images’, filename=’logo.png’, width=100)}}” /> <img src=”{{url_for(‘images.crop’, filename=’photo.jpeg’, width=400, height=300, quality=95)}}” /> ~~~

Specify behaviour with keyword arguments:

  • mode: one of ‘fit’, ‘crop’, ‘pad’, or None:
    • ‘fit’: as large as possible while fitting within the given dimensions;

    • ‘crop’: as large as possible while fitting into the given aspect ratio;

    • ‘pad’: as large as possible while fitting within the given dimensions, and padding to the given dimensions with a background colour;

    • None: resize to the specific dimensions without preserving aspect ratio.

  • width and height: pixel dimensions; at least one is required.

  • format: The file extension to use (as accepted by PIL); defaults to the input image’s extension.

  • quality: JPEG quality; defaults to 75.

  • background: Background colour for padding; currently only accepts ‘white’ and defaults to black.

Installation

From PyPI:

~~~bash pip install Flask-Images ~~~

From GitHub:

~~~bash git clone git@github.com:mikeboers/Flask-Images pip install -e Flask-Images ~~~

Configuration

Configure Flask-Images via the following keys in the Flask config:

  • IMAGES_URL: The url to mount Flask-Images to; defaults to ‘/imgsizer’.

  • IMAGES_NAME: The name of the registered endpoint.

  • IMAGES_PATH: The paths to search relative to app.root_path for images.

  • IMAGES_CACHE: Where to store resized images; defaults to ‘/tmp/flask-images’.

  • IMAGES_MAX_AGE: How long to tell the browser to cache missing results; defaults to 3600. Usually, we will set a max age of one year, and cache bust via the modification time of the source image.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

Flask-Images-1.1.0.tar.gz (5.4 kB view details)

Uploaded Source

File details

Details for the file Flask-Images-1.1.0.tar.gz.

File metadata

File hashes

Hashes for Flask-Images-1.1.0.tar.gz
Algorithm Hash digest
SHA256 c652f6a4e87cc660d48a2f815f72f3a6e231bc4bae59da5e9e2a25b792b7e492
MD5 bfcabe280a08db216cb879eddb242ac4
BLAKE2b-256 2eb22d334221f6470aeeedb22912ae460d3cded135ed5e464c97077fa46a9753

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page