statamic-placeholders

KO | EN

gitlite — search

#hacktoberfest #react #machine-learning #rust #deep-learning #linux #macos #java #windows #cli #kubernetes #vue #security #mcp

statamic-placeholders

(★ 10)

Generate image placeholders of Statamic assets for smoother lazyloading

statamic-placeholders 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Statamic Placeholder Images

[![Latest Version on Packagist](https://img.shields.io/packagist/v/daun/statamic-placeholders.svg)](https://packagist.org/packages/daun/statamic-placeholders)
[![Test Status](https://img.shields.io/github/actions/workflow/status/daun/statamic-placeholders/ci.yml?label=tests)](https://github.com/daun/statamic-placeholders/actions/workflows/ci.yml)
[![Code Coverage](https://img.shields.io/codecov/c/github/daun/statamic-placeholders)](https://app.codecov.io/gh/daun/statamic-placeholders)
[![License](https://img.shields.io/github/license/daun/statamic-placeholders.svg)](https://github.com/daun/statamic-placeholders/blob/master/LICENSE)

**Generate image placeholders of Statamic assets for smoother lazyloading.**

![Example image placeholders](https://raw.githubusercontent.com/daun/statamic-placeholders/main/art/example-placeholder.png)

Low-Quality Image Placeholders (LQIP) improve the perceived performance of sites by showing a small
blurry placeholder image while the high-quality version is loading and are often used in combination
with progressive lazyloading.

## Features

- Create blurry image placeholders for assets
- Choose between ThumbHash, BlurHash, and Average Color placeholders
- Generate placeholders on upload, or optionally on demand
- Console commands for batch generation

## How It Works

The addon ships with a **Placeholder Image** fieldtype and will automatically generate a small blurry
placeholder image for each asset with this fieldtype in its blueprint. In your frontend views, you
can access the image placeholder as a data URI string to display while the high-quality image is
loading.

## Quick Start

1. Install using `composer require daun/statamic-placeholders`
2. Add a `placeholder` field to your asset blueprint → `assets.yaml`
3. Display placeholder data uris using the `{{ placeholder }}` field inside an `{{ asset }}` tag

## Documentation

Read the [documentation](./DOCUMENTATION.md) for a detailed guide to setting up and configuring the addon.

## License

[MIT](https://opensource.org/licenses/MIT)

statamic-placeholders

statamic-placeholders 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

statamic-placeholders

statamic-placeholders 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README