Blurry Placeholder

Blurry image placeholders and progressive image loading for better UX

Related plugins

Heroicons

by Adam Kiss

Plugin that provides heroicons as snippets to embed, customisable with a class argument.

CloudConvert

by Bruno Meilick

Plugin to convert your files to other file types (i.e. mov to animated gif), using cloudconvert.com

ImageOptim

by Bruno Meilick

Thumb component to optimize images using the ImageOptim Api

Imgix

by diesdas.digital

If this plugin gets activated, it will serve all images via imgix.

Convert JPG and PNG to WEBP

by Felix Häberle

This plugin converts JPG, JPEG and PNG into much smaller WEBP – speed up your website!

Tiles

by hana+nils

Tiles is a plugin to serve basic vector map tiles (.mbtiles). The plugin provides routes for styles, tilejson and vector tiles that can be …

WebP

by Hash&Salt

A snippet and Kirby tag for using WebP images in templates and within textareas. This plugin will convert uploaded files to WebP on the …

Autofavicon

by Thomas Günther

Automatically generates an SVG favicon

return [
    'medienbaecker.autoresize' => [
        'maxWidth' => 2000,
        'maxHeight' => 2000,
        'quality' => 90
    ]
];

Autoresize

by Thomas Günther

Automatically resize images on upload

images:
  type: files
  maxpixels: 2000000
  #two million pixels

Maxpixels

by Roman Steiner

Resize images in the browser before uploading them to the server.

Autofocus

by Sylvain Julé

Content aware image cropping

BlurHash

by Tobias Möritz

Optimized image placeholders with the BlurHash algorithm

return [
  'werbschaft.uploadExtended' => [
    'rename'            => true,
    'excludeCharacters' => ['_','__'],
    'tinyPng'           => true,
  ]
];

Upload Extended

by Werbschaft

More options when uploading files like name changes, resizing via Kirby or compression and optional resizing via TinyPNG.

Other plugins by Johann Schopplich

<?= js('assets/js/main.js') ?>

<!-- will become -->
<script src="/assets/js/main.9ad649fd.js"></script>

Hashed Assets

by Johann Schopplich

File name hashes support for css() and js() helpers. Without rewrite rules!

fields:
  example:
    label: Paste code here
    type: blocks
    fieldsets:
      - code

Highlighter

by Johann Schopplich

Server-side syntax highlighting for the Kirby code block & KirbyText

kirbylog('Something happened', 'error');

Kirbylog

by Johann Schopplich

Zero-dependency global kirbylog() helper for any content

fields:
  security: fields/locked-pages

Locked Pages

by Johann Schopplich

Password-protect pages easily, Panel blueprint included

Punctuation Section

by Johann Schopplich

Copy commonly used characters to your clipboard