Download the PHP package daun/processwire-image-placeholders without Composer

On this page you can find all versions of the php package daun/processwire-image-placeholders. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

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 PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • 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.
Please rate this library. Is it a good library?

Example code of daun/processwire-image-placeholders

Informations about the package processwire-image-placeholders

ProcessWire Image Placeholders

A ProcessWire module to generate image placeholders for smoother lazyloading.

Supports ThumbHash, BlurHash, and average color placeholders.

Why use image placeholders?

Low-Quality Image Placeholders (LQIP) are used to improve the perceived performance of sites by displaying a small, low-quality version of an image while the high-quality version is being loaded. The LQIP technique is often used in combination with progressive lazyloading.

How it works

This module will automatically generate a small blurry image placeholder for each image that is uploaded to fields configured to use them. In your frontend templates, you can access the image placeholder as a data URI string to display while the high-quality image is loading. See below for markup examples.

Placeholder types

The module supports generating various types of image placeholders. The recommended type is ThumbHash which encodes most detail and supports transparent images.

ThumbHash

ThumbHash is a newer image placeholder algorithm with improved color rendering and support for transparency.

BlurHash

BlurHash is the original placeholder algorithm, developed at Wolt. It currently has no support for alpha channels and will render transparency in black.

Average color

Calculates the average color of the image.

Installation

Install the module using composer from the root of your ProcessWire installation.

Open the admin panel of your site and navigate to Modules → Site → ImagePlaceholders to finish installation.

Configuration

You'll need to configure your image fields to generate image placeholders.

Setup → Fields → [images] → Details → Image placeholders

There, you can choose the type of placeholder to generate. If you're installing the module on an existing site, you can also choose to batch-generate placeholders for any existing images.

Usage

Accessing an image's lqip property will return a data URI string of its placeholder.

Accessing it as a method allows setting a custom width and/or height of the placeholder.

Markup

Using a lazyload library like lazysizes or vanilla-lazyload, you can show a placeholder image by using its data URI as src of the image.

Another technique is rendering the placeholder and the original image as separate images on top of each other. This allows smoother animations between the blurry unloaded and the final loaded state.

Support

Please open an issue for support.

Credits

Blue Tomato's deprecated ImageBlurhash module inspired and set the standard for this module.

License

MIT

All versions of processwire-image-placeholders with dependencies

PHP Build Version
Package Version
Requires php Version >=7.0
ext-gd Version *
ext-exif Version *
composer/installers Version ~1.0
kornrunner/blurhash Version ~1.2.1
srwiez/thumbhash Version ^1.2
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package daun/processwire-image-placeholders contains the following files

Loading the files please wait ....