Skip to content
Jakob Holz edited this page Dec 1, 2024 · 2 revisions

This page describes how images are presented and processed on our website.

The gallery

Our tech stack features a integrated gallery function.

By specifying the images in the pages header and including the {% include gallery %} keyword in the body, a gallery is automatically included on the page.

Thumbnails

It is necessary to include a second thumbnail image for every image in the gallery. This thumbnail version of the image has to follow the following naming convention to be automatically processed. For example: The thumbnail for the image photo1.jpg has to be named photo1-thumb.jpg

Our gallery page

We have a gallery page that aims to give a quick impression of the events. The images are 1172 x 1147 pixels and saved in the jpg format.

File format

It is generally recommended to use jpg or webp format for images due to their high compression rate which enables faster loading times and such better SEO. webp will typically offer better compression in my personal experience but this may not always be the case for every image.

Tools

Recommended free tools for image manipulation:

When resizing or downsampling multiple images, you can save time by using Windows PowerToys which includes a simple but effective tool for batch resizing.

Clone this wiki locally