[Peek] Allow us to zoom in/out on previews

[cow1337killer3]

Description of the new feature / enhancement

Currently, image previews are displayed pixel-to-pixel and video previews are stretched to fit the Peek window. I think this is a good default, but it'd be great to be able to zoom in/out of both using the mousewheel. And what would be even better, would be having the Peek window automatically increase/decrease in size as we do it.

Scenario when this would be used?

This would be great for everyone, and it's especially needed for those with large resolution monitors, or people who work with graphics/UI design who need to examine small images all the time.

Supporting information

No response

[github-actions[bot]]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one and thumbs upping the other issue to help us prioritize it. Thank you!

Open similar issues:

• Peek UI Enhancement - Better Window Sizing (#29198), similarity score: 0.75
• Peek window custom size (#29043), similarity score: 0.75

Closed similar issues:

• Peek option 2 (#26241), similarity score: 0.76

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[htcfreek]

@dzeng21 Feel free to open a PR. Your contribution is welcome. Thank you for your work on this.

If you have any questions don't hesitate to ask them?

[ethanfangg]

@dzeng21 Hey! I'm one of the PowerToys internal folks (alongside @crutkas).

I like introducing the ability to zoom in or out of the Peek window (with both "Ctrl + mouse scroll" and also trackpad pinch/un-pinch gestures). I don't think this should also resize the window though.

It looks like this functionality does exist for some file types (i.e. pdfs), but certainly not all. Maybe a contribution here could be scoped to getting this to work for images (& other similar file types)? Thoughts?

[ethanfangg]

Hey @dzeng21, I think the first step is to clearly define a list of goals & non-goals here.

Here's a potential start that you can feel free to workshop...

Goals

• Users can zoom in/out on all common image types (PNG, JPEG, GIF, ICO, HEIC, etc.)
• Users can scroll up & down, and left to right, while zoomed in

Non Goals

• Zooming resizes the window (though the window should still be manually resizable) - if we really want this, maybe provide as a setting that is off by default
• Handling zoom for other file type genres (for now)

Important Definitions & Interactions

• Scroll bar: While zoomed in, if contents are cut off, we should show a scroll bar (both horizontal & vertical as applicable).
• Trackpad Behavior: Zoom in and out is handled by pinch/un-pinch of two fingers on trackpad. Two finger scroll is also an ability of the trackpad while interacting within the peek window (if a scroll bar is showing, see above).
• Mouse Scroll Wheel: Normal scroll should scroll vertically up and down (when vertical scroll is applicable). Shift + scroll should scroll horizontally left & right (when horizontal scroll is applicable). Ctrl + scroll should zoom in & out.

Note: Want to keep consistent with standards of interaction found on Figma & other OS's (zoom & scroll).