Contao extension to provide the possibility of defining alternative images to be used on different output devices.

inspiredminds

Last update: May 30, 2022

Related tags

Imagery contao-image-alternatives

Overview

Contao Image Alternatives

This extensions expands the capabilities of using responsive images with art direction in Contao. You will have the possibility to define a set of alternatives which will then allow you to define the respective alternatives per image in the file manager.

Suppose you want to use different images for a certain image size depending on the output device, i.e. a specific image for desktop, for tablets and for mobile. You can define a set of alternatives called mobile and tablet for example (desktop will be the fallback - the original image):

# config/config.yaml
contao_image_alternatives:
    alternatives:
        - tablet
        - mobile

Now you can choose the alternatives for each image separately in Contao's file manager:

The back end labels for each alternative can be translated via the image_alternatives translation domain:

# translations/image_alternatives.en.yaml
tablet: Tablet
mobile: Mobile

Within your image size settings you can then choose per media query item, whether an alternative image should be chosen for this particular image size:

Alternatively you can also set the alternative in your config via contao_image_alternatives.sizes.*.items. Note that the name of the size must be same name as in contao.image.sizes and the media query for each item must match with the ones in contao.image.sizes.*.items:

# config/config.yaml
contao_image_alternatives:
    alternatives:
        - tablet
        - mobile
    sizes:
        example:
            items:
                -
                    media: '(max-width: 480px)'
                    alternative: mobile
                -
                    media: '(max-width: 800px)'
                    alternative: tablet

When you choose the configured image size in your content element or module, the generated images will automatically use the alternative versions for each source image for the particular image size media query item.

The Tinify API allows you to compress and optimize WebP, JPEG and PNG images.

The Tinify API allows you to compress and optimize WebP, JPEG and PNG images. It is designed as a REST service. The client libraries in various languages make it very easy to interact with the Tinify API.

10 May 13, 2022

Simple, fast and secure archive for images

Slim Image Archive Simple*, fast and secure archive for images: Create multiple categories with multiple albums with multiple images! Manage multiple

24 Oct 23, 2021

The image server plugin allows you to add responsive images via config without extra elements

Grav image server plugin adds picture tag with loading, responsive, high density images

7 Dec 30, 2022

Create beautiful generative background images from a string. Based on jasonlong/geo_pattern

GeoPattern This is a PHP port of jasonlong/geo_pattern. Generate beautiful tiling SVG patterns from a string. The string is converted into a SHA and a

106 Aug 17, 2022

⚡ Dynamically generated, customizable SVG that gives the appearance of typing and deleting text. Typing SVGs can be used as a bio on your Github profile readme or repository.

2k Jan 9, 2023

PHP library to easily edit image with GD extension. Resize, crop, merge, draw, and many more options !

PHP Image Editor PHP library to easily edit image with GD extension. Resize, crop, merge, draw, and many more options ! ✨ Supporting ⭐ Star this repos

17 Nov 13, 2022

Image manager extension for the Yii PHP framework.

yii-imagemanager Image manager extension for the Yii PHP framework. Introduction I started this project to reduce the need for boilerplate code when w

23 Aug 28, 2020

Contao extension to provide content templates for pages.

Contao Content Templates In Contao, the regular content of a page can be made up of different articles, each assigned to different sections of a page

7 Oct 11, 2022

BicBucStriim streams books, digital books. It fills a gap in the functionality of current NAS devices that provide access to music, videos and photos

BicBucStriim streams books, digital books. It fills a gap in the functionality of current NAS devices that provide access to music, videos and photos -- but not books. BicBucStriim fills this gap and provides web-based access to your e-book collection.

392 Dec 31, 2022

TYPO3 CMS extension which checks used CSS selectors in HTML output of the current page and removes CSS declarations which are unused.

EXT:css_coverage TYPO3 CMS extension which checks used CSS selectors in HTML output of the current page and removes CSS declarations which are unused.

3 Apr 8, 2022

A Laravel package to output a specific sql to your favourite debugging tool. The supported log output is Laravel Telescope, Laravel Log, Ray, Clockwork, Laravel Debugbar and your browser.

Laravel showsql A Laravel package to output a specific sql to your favourite debugging tool, your browser or your log file. Use case You often want to

196 Dec 28, 2022

Mockery is a simple yet flexible PHP mock object framework for use in unit testing with PHPUnit, PHPSpec or any other testing framework. Its core goal is to offer a test double framework with a succinct API capable of clearly defining all possible object operations and interactions using a human readable Domain Specific Language (DSL).

Mockery Mockery is a simple yet flexible PHP mock object framework for use in unit testing with PHPUnit, PHPSpec or any other testing framework. Its c

10.3k Jan 1, 2023

Enables the possibility generating sanitized URL parts from persisted patterns.

#Persisted sanitized pattern mapping What does it do? Enables the possibility generating sanitized URL parts from persisted patterns. How does it work

1 Apr 7, 2022

The objective of this project is to manage The Website Manga, this site permits to Client to show, read and download Manga with the possibility to react, vote, and save his data.

5 Nov 23, 2022

Releases(1.1.0)

1.1.0(Oct 10, 2022)
Introduce alternatives for important parts.

Source code(tar.gz)
Source code(zip)
1.0.0(Aug 31, 2022)
Initial release.

Source code(tar.gz)
Source code(zip)

Contao extension to provide the possibility of defining alternative images to be used on different output devices.

Related tags

Overview

Contao Image Alternatives

You might also like...

The Tinify API allows you to compress and optimize WebP, JPEG and PNG images.

Simple, fast and secure archive for images

The image server plugin allows you to add responsive images via config without extra elements

Create beautiful generative background images from a string. Based on jasonlong/geo_pattern

⚡ Dynamically generated, customizable SVG that gives the appearance of typing and deleting text. Typing SVGs can be used as a bio on your Github profile readme or repository.

PHP library to easily edit image with GD extension. Resize, crop, merge, draw, and many more options !

Image manager extension for the Yii PHP framework.

Contao extension to provide content templates for pages.

BicBucStriim streams books, digital books. It fills a gap in the functionality of current NAS devices that provide access to music, videos and photos

TYPO3 CMS extension which checks used CSS selectors in HTML output of the current page and removes CSS declarations which are unused.

A Laravel package to output a specific sql to your favourite debugging tool. The supported log output is Laravel Telescope, Laravel Log, Ray, Clockwork, Laravel Debugbar and your browser.

Enables the possibility generating sanitized URL parts from persisted patterns.

The objective of this project is to manage The Website Manga, this site permits to Client to show, read and download Manga with the possibility to react, vote, and save his data.

A package for defining scoped styles in Livewire components

This extension expands WSOAuth extension and provide a EveOnline SSO login method

This project uses dflydev/dot-access-data to provide simple output filtering for cli applications.

Contao Open Source CMS

The news bundle adds news functionality to Contao 4

Releases(1.1.0)

1.1.0(Oct 10, 2022)

1.0.0(Aug 31, 2022)

Owner

inspiredminds

Alternative image provider for fakerphp using picsum.photos

ImageWorkshop is a PHP5.3+ library that helps you to manage images based on GD library

GifCreator is a PHP class that creates animated GIF from multiple images

Create images with embedded text using advanced typography

Easily convert images with Glide

A PHP GD + TwitterOAuth demo to dynamically generate Twitter header images and upload them via the API.

Optimize your images on the fly with Glide for Laravel.

Upload SVG images in Magento 2.x

PHP library to resize, scale and crop images.

Inline Images Protocol implementation for PHP.