{"repo":"codingjoe/django-pictures","free":true,"listed":false,"github":"https://github.com/codingjoe/django-pictures","clone":"git clone https://github.com/codingjoe/django-pictures.git","description":"Responsive cross-browser image library using modern codes like AVIF & WebP","language":"Python","stars":283,"topics":["django","responsive","webp","avif","pillow","image-processing","grid","cdn","picture","hacktoberfest"],"license":"BSD-2-Clause","category":"media-processing","readme_excerpt":"Django Pictures Responsive cross-browser image library using modern codes like AVIF & WebP. - responsive web images using the picture tag - native grid system support - serve files with or without a CDN - placeholders for local development - migration support - async image processing via [Django Tasks][django-tasks] - [DRF] support Sponsors Usage Before you start, it can be a good idea to understand the fundamentals of responsive images. Once you get a feeling how complicated things can get with all device types, you'll probably find a new appreciation for this package, and are ready to adopt in your project :) The keyword arguments m=6 l=4 define the columns the image should take up in a grid at a given breakpoint. So in this example, the image will take up six columns on medium screens and four columns on large screens. You can define your grid and breakpoints as you want, refer to the grid columns and breakpoints sections. The template above will render into: Note that arbitrary attributes can be passed to either the or element by prefixing parameters to the {% picture %} tag with picture or img respectively. Setup Installation Settings If you have either Dramatiq or Celery installed, we will default to async image processing. You will need workers to listen to the pictures queue. [!IMPORTANT] Starting with Django version 6.0, this package leverages Django's built-in task framework for async image processing by default. You will need to add the pictures queue to your TASKS","default_branch":null,"files":null,"tree":[],"storefront":"/r/codingjoe","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/codingjoe/django-pictures/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}