Download the PHP package withcandour/statamic-imgix without Composer
On this page you can find all versions of the php package withcandour/statamic-imgix. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
FAQ
Example:
In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
- Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
- To use Composer is sometimes complicated. Especially for beginners.
- Composer needs much resources. Sometimes they are not available on a simple webspace.
- If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
- Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Informations about the package statamic-imgix
Statamic Imgix
Generate imgix URLs from your antlers templates with the Statamic Imgix addon.
Installation
Install via composer:
Then publish the publishables from the service provider:
Config
After publishing the config you will have a config/imgix.php file. You will need to provide your imgix domain in here.
Usage
The addon will provide a set of Imgix tags for use in your antlers templates.
Tags
This addon will provide a set of imgix tags for generating imgix URL's and elements that use them. The minimum requirement for these tags is that you provide it with a path parameter, this is the path or url for the asset source, it is recommended that you use the {{ path }} variable returned inside of a pair of asset tags.
Tags will accept any of the Imgix manipulation parameters. Tags which generate a tag (such as the {{ imgix:image_tag }} tag) will also accept all standard HTML attributes (i.e 'alt'), these will then get added to the element/tag produced.
| Tag | Description |
|---|---|
| imgix | The base tag - this will simply generate an imgix URL |
| imgix:image_url | An alias of {{ imgix }} |
| imgix:image_srcset | Generates a srcset for use in an img tag |
| imgix:image_tag | Generates an <img />; tag from your parameters |
| imgix:responsive_image_tag | Generates an <img /> element with a srcset |
| imgix:responsive_picture_tag | Generates an <picture /> element for displaying different images at different sizes |
Imgix
The base {{ imgix }} tag will produce a simple imgix URL with any imgix manipulation parameters appended to the URL.
Image srcset
Similarly to the base tag, the {{ imgix:image_srcset }} tag will produce a string containing a srcset (suitable for use in an <img /> element). By default the srcset will contain @1x and @2x image sizes (to handle retina screens). You may override this behaviour by setting the srcset_resolutions in the config file; this will need to be an array of numbers, representing the resolutions.
For example:
Image tag
The {{ imgix:image_tag }} tag will produce an <img /> element with the 'src' attribute set to the image. Any and all HTML attributes may also be passed as parameters.
Responsive image tag
The {{ imgix:responsive_image_tag }} tag will combine the powers of the srcset and the image_tag tags to produce an <img /> element with a srcset attribute.
Responsive picture tag
This tag is a little different to the others, a special sizes parameter will be used to produce a <picture /> element with multiple <source /> blocks. This will enable you to target specific breakpoints in order to display correctly sized images.
For example:
This tag will produce a picture tag with sources so that:
- At 200-559px a 600x400 image will be shown
- At 560-767px a 920x550 image will be shown
- At 768px+ a 1500x960 image will be shown
Focal point cropping
This addon supports focalpoint cropping by using the {{ focus }} variable, generated using the focal point selector in the CMS. In order to use focalpoint cropping in your templates, combine fit="crop", crop="focalpoint" and focus="{focus}" (or :focus="focus") in the tag.
For example:
