Skip to main content

Image Specifications

This document defines the recommended image sizes and technical requirements for different use cases in Willba's webshop and CMS system.

Format: PNG

Size: 600×215 px

note

SVG images cannot be used in document templates, so it's safest to use PNG format for all logos.

Favicon​

Format: favicon.ico

Contents: At least 32×32 px (preferably also 48×48 px)

The favicon appears in the browser tab and bookmarks.

Room Facilities​

Format: SVG or PNG

Size: 64×64 px

File size: Under 5 kB

These icons are used to display room and space features.

Background Images and Category Images​

Usage: Filter Banner Background and Category Images

Format: WebP

Size: 2560×1440 px

Quality: 80%

WebP Format

WebP is a highly compressed file format that helps pages load faster. The image resolution must be high, as these images are displayed at full screen width.

Event and Room Cards​

Usage: Cover Image and sales link theme image (PreviewCard)

Format: WebP

Size: 1200×900 px (aspect ratio 4:3)

Quality: ~75%

Target file size: Under 80 kB

These images appear on event and room cards in listings.

Event and Room Page Images​

Usage: Gallery and detail pages

Format: WebP

Size: 1920×1280 px (aspect ratio 3:2)

Quality: 80%

Used in event and room page image galleries.

Thank You Page Image​

Usage: Thank You Page

Format: WebP

Size: 2400×1000 px (aspect ratio 2.4:1)

Quality: 80%

The thank you image appears on the thank you page after an order or enrollment.

Best Practices​

  • Optimize images before upload: Use image compression tools to reduce file size without compromising quality
  • Use WebP format: Modern browsers support WebP format, which offers the best quality-to-size ratio
  • Check aspect ratio: Ensure images are in the correct aspect ratio to avoid cropping
  • Test on different devices: Verify image visibility on both mobile devices and desktop browsers
  • Use descriptive file names: Use clear file names to facilitate content management