Skip to main content
Zetun Web
Technical quality

Visible quality. Prepared efficiently.

Precisely prepared images and fonts carry the premium impression.

A practice website works through rooms, atmosphere, details, typography, and spacing. These visible elements also shape loading behavior, mobile presentation, and layout stability.

Zetun Web treats images and fonts as design resources and technical resources at the same time: cropped appropriately, provided in modern formats, integrated locally, and prioritized for the first view.

How visible quality is available efficiently

  • Premium presentation

    Practice rooms, atmosphere, and service areas receive a presentation suited to the design and placement.

  • Suitable variants

    One source image becomes variants for different devices, sizes, displays, and browser support.

  • Local typography

    Font files are local where possible. Typography, loading behavior, and technical control work together.

  • Visible starting area

    Important images and fonts receive priority for the first view.

One motif becomes suitable resources

A motif receives suitable technical variants for display, devices, browser support, loading priority, and integration.

  • Source image

    The original forms the design source. Suitable variants for the website are created from it.

    Design source

  • Responsive sizes

    Phone, tablet, and desktop receive image sizes that fit the respective display.

    Suited to display

  • AVIF

    Modern browsers receive an efficient format when the motif and use case fit.

    Efficient format

  • WebP

    WebP complements delivery as a modern format with broad browser support.

    Broad browser support

  • Local fonts

    Typography comes from controlled integration so design and loading behavior fit together.

    Controlled integration

  • Visible starting area

    Important images and fonts receive targeted priority.

    Targeted priority

Image strategy

The image strategy connects source motif, display, browser support, and loading behavior.

  • Responsive sizes

    Different widths deliver suitable files for phone, tablet, and desktop.

  • Modern formats

    AVIF and WebP support efficient delivery and suitable browser support.

  • Loading behavior

    Images in the first view receive priority. Further images follow according to the page structure.

Font strategy

The font strategy connects typographic effect, local integration, early priority, and suitable fallbacks.

  • Local integration

    Font files are local where possible. Typography, loading behavior, and technical control remain closely connected.

  • Targeted preloads

    Fonts for the starting area receive early priority.

  • Fallbacks

    Fallback fonts support layout stability across devices and browsers.

What guides technical weighting

Image and font optimization follows source material, placement, design effect, and technical priority.

  • Visual material

    Source quality, motif, format, and placement shape achievable quality and file size.

  • Placement

    A hero image receives different priority than an image further down on a subpage.

  • Design effect

    Typographic effect can be weighted more highly than the smallest possible file size. The weighting follows design, priority, and technical effect.

Related technical topics

Visible quality needs suitable resources.

Images and fonts carry the presence when presentation, file size, loading behavior, and technical integration fit together.

Request a practice website Back to overview