Generate <img> markup block for an image.
Project description
A module to generate performant HTML image markup for images hosted on assets.ubuntu.com. The markup will:
Use data-src attributes for lazysizes
Use predefined srcset break points
Resize the image with ?w=XX&h=XX query parameters
Prefix all image URLs with cloudinary proxy URLs, for CDN and image transformations
Parameters
path (mandatory string): The path to an asset on assets.ubuntu.com (e.g. /v1/9f61b97f-logo-ubuntu.svg)
alt (mandatory string): Alt text to describe the image
width (mandatory integer): The number of pixels wide the image should be
height (mandatory integer): The number of pixels high the image should be
col (optional): The number of Vanilla columns the image should span (helps define break points efficiently)
Django usage
# myapp/templatetags.py
from canonicalwebteam import image_template
from django import template
from django.utils.safestring import mark_safe
register = template.Library()
@register.simple_tag
def image(*args, **kwargs):
return mark_safe(image_template(*args, **kwargs))
# settings.py
TEMPLATES[0]["OPTIONS"]["builtins"].append("myapp.templatetags")
Flask usage
# app.py
from canonicalwebteam import image_template
from flask import Flask
app = Flask(__name__)
@app.context_processor
def utility_processor():
return {"image": image_template}
Project details
Release history Release notifications | RSS feed
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
Hashes for canonicalwebteam.image-template-0.1.0a5.tar.gz
Algorithm | Hash digest | |
---|---|---|
SHA256 | b66d040ea9be03b736231f979213653dc5b29347bc71c29a23c1632406d7adf5 |
|
MD5 | 27283fcd1ff6f4112342afc7a459d4ef |
|
BLAKE2b-256 | 945e4b5347345bbe9bedaa7360bbfd1830b66a6c3f66ea970cb409f84a0dc6ac |