Blurry Placeholder

Blurry image placeholders and progressive image loading for better UX

Related plugins

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

$page->image('ukulele.jpg')->lazysrcset()

Srcset

by Bruno Meilick

Create responsive images using the picture element, including JavaScript-based lazy loading.

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

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

<script src="/js/main.9ad649fd.js">

Hashed Assets

by Johann Schopplich

File name hashes support for the css() and js() helpers

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');

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

A simple, customizable section for your Kirby project from which your clients can quickly copy commonly used characters to the clipboard.