Skip to content

make-responsive-images

Generate responsive images automatically, for websites to use srcset and sizes in the <img> tags.

This way you serve an optimal image for each device viewport size.

Test Coverage Publish Package version Python Versions

Installation

Install from PyPI

pip install make-responsive-images

Usage

resize [OPTIONS] COMMAND [ARGS]...

Options

  • -v, --version: Show the application's version and exit.
  • --help: Show this message and exit.

Commands

  • image: Resize one image

Usage

resize image [OPTIONS] [IMAGE]

Arguments

  • [IMAGE]: [default: /workspace/tests/fixtures/xfer-original.jpg]

Options

  • --widths TEXT: Widths of new images, in pixels [default: 600,1000,1400]
  • --html / --no-html: Generate HTML tag [default: True]
  • --classes TEXT: Classnames to add to the tag (e.g. class="img-fluid")
  • --img-sizes TEXT: Sizes for the tag (e.g. sizes="100vw") [default: 100vw]
  • --lazy / --no-lazy: Adds loading="lazy" to tag for SEO [default: False]
  • --alt TEXT: Adds alt="" to the tag (e.g. alt="Funny image") [default: ]
  • --dir TEXT: Images directory to prepend to the src (e.g. src="dir/image")
  • --fmt TEXT: Image type to save as ("jpg" and "webp" supported) [default: webp]
  • --qual INTEGER: Compression to apply (i.e. 0=max, 100=min) [default: 100]
  • --lower / --no-lower: Converts filename to lowercase [default: True]
  • --dashes / --no-dashes: Converts underscores to dashes for SEO [default: True]
  • --flask / --no-flask: Uses Python Flask's 'url_for('static', ...)' [default: False]
  • --help: Show this message and exit.

Author Info

Sean McCarthy is Chief Data Scientist at IJACK Technologies Inc, a leading manufacturer of fully-automated pumps to green the oil and gas industry.


Sean McCarthy's blog LinkedIn GitHub Twitter Facebook Medium Instagram