Skip to content

This is a preprocessor for mdbook. Explicitly setting the width and height of image elements will reduce layout deviations and improve CLS.

License

Notifications You must be signed in to change notification settings

CoralPink/mdbook-tailor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

mdbook-tailor

This is a preprocessor for mdbook.

We plan to take some more time before a major release 🐣

🔺It includes some issues as noted in Issues.

Purpose

The following warnings in PageSpeed Insights can be eliminated by using this preprocessor.

warning

Explicitly setting the width and height of image elements will reduce layout deviations and improve CLS.

Corresponding image file

The image files that this project can handle depend on Imaging library.

An Image Processing Library

It supports PNG, JPEG, GIF, WebP etc. as generally used in web pages 😉

🔺AVIF is not currently supported.

Installation

  1. Use cargo to install.
cargo install mdbook-tailor
  1. Add the following to book.toml.
[preprocessor.tailor]

Usage

  1. Use markdown notation as usual.
![example](example.webp)
  1. Do the mdbook build as usual.
mdbook build

The HTML generated from the above steps should contain the image size as measured by the mdbook-tailor. In addition, a delayed loading setting will be added!

<img src="example.webp" alt="example" width="789" height="456" loading="lazy">

Example

This is actually a site I am producing myself ☺️

License

Licensed under either of

at your option.

Contribution

Unless you explicitly state otherwise, any contribution intentionally submitted for inclusion in the work by you, as defined in the Apache-2.0 license, shall be dual licensed as above, without any additional terms or conditions.

About

This is a preprocessor for mdbook. Explicitly setting the width and height of image elements will reduce layout deviations and improve CLS.

Topics

Resources

License

Stars

Watchers

Forks

Languages