BlurHash

Optimized image placeholders with the BlurHash algorithm

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

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 …

Blurry Placeholder

by Johann Schopplich

Blurry image placeholders and progressive image loading for better UX

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

Autofocus

by Sylvain Julé

Content aware image cropping

ImageMagick Extended

by Tobias Möritz

Extend Kirby's built-in ImageMagick driver, work better with GIFs and APNGs

ThumbHash

by Tobias Möritz

Smarter image placeholders with the ThumbHash algorithm – supports transparency!

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 Tobias Möritz

Icon Field

by Tobias Möritz

A simple Icon field for Kirby - throw your Icon pack in a folder, add the field to your blueprints and you're good to go.

ImageMagick Extended

by Tobias Möritz

Extend Kirby's built-in ImageMagick driver, work better with GIFs and APNGs

// site/snippets/component.php
<div <?= merge('h-full w-full bg-neutral-100', $class) ?>></div>

// site/templates/default.php
<?php snippet('component', ['class' => 'w-1/2']) ?>

// output
<div class="h-full bg-neutral-100 w-1/2"></div>

Tailwind Merge

by Tobias Möritz

Intelligently merge Tailwind classes without style conflicts in your Kirby templates

ThumbHash

by Tobias Möritz

Smarter image placeholders with the ThumbHash algorithm – supports transparency!