Zoomable Images

All images in Prezet are automatically enhanced with zoom functionality via alpinejs-zoomable. Click any image to open a fullscreen view where you can zoom and pan to examine details.

This is particularly helpful for screenshots containing text or complex diagrams where readers need to see fine details clearly.

#How It Works

Click the example image below to open the fullscreen viewer:

Features:

• Fullscreen overlay
• Zoom in/out with buttons, mouse wheel, or keyboard (+ and -)
• Pan by dragging
• Close by clicking outside, using the close button, or pressing Escape

When you open an image in the fullscreen viewer, it automatically loads the highest resolution version from the srcset for optimal quality.

#Keyboard Shortcuts

#Configuration

Disable zoom functionality in config/prezet.php:

'image' => [
    'widths' => [480, 640, 768, 960, 1536],
    'sizes' => '92vw, (max-width: 1024px) 92vw, 768px',
    'zoomable' => false,
],