# 100% 75% 50% next to images in preview window

**URL:** https://meta.discourse.org/t/100-75-50-next-to-images-in-preview-window/299883
**Category:** UX
**Created:** [March 18, 2024, 10:24pm UTC](https://meta.discourse.org/t/100-75-50-next-to-images-in-preview-window/299883 "2024-03-18T22:24:01Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![jidanni](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jidanni/32/291938_2.png) [@jidanni](https://meta.discourse.org/u/jidanni)
#### Post date: [March 18, 2024, 10:24pm UTC](https://meta.discourse.org/t/100-75-50-next-to-images-in-preview-window/299883/1 "2024-03-18T22:24:01Z")

</div>

Upload a small image, only a few lines tall.

 ![Screenshot 2024-03-19 06.16.10](https://global.discourse-cdn.com/meta/original/4X/2/3/d/23d0aac722c49e4c39f357635da3eb771377f3bf.png)  
With all the “Caption with AI” banners etc. it is hard to see your image in the preview window.  
What’s worse is the confusing 100% 75% 50% dialog (with no mouseovers on each button.)  
At first glance it seems like a upload progress indicator.  
Good, my photo uploaded 100%.  
But now come to think of it, they probably are for if you want to resize your image to that percent size. Ah, no wonder the 100% is not clickable (thus black). Again, mouseovers wouldn’t hurt.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [March 19, 2024, 1:56pm UTC](https://meta.discourse.org/t/100-75-50-next-to-images-in-preview-window/299883/2 "2024-03-19T13:56:23Z")

</div>

Yes, we do need to improve this specifically for small images.

Thanks for pointing out the lack of detail on hover, that should be an easy addition.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [March 22, 2024, 2:18pm UTC](https://meta.discourse.org/t/100-75-50-next-to-images-in-preview-window/299883/4 "2024-03-22T14:18:39Z")

</div>

The next Discourse update will add hover titles: [UX: add title attribute to composer preview image controls by awesomerobot · Pull Request #26301 · discourse/discourse · GitHub](https://github.com/discourse/discourse/pull/26301)

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/e/c/4ec73731dab55e03774695f0db91ccec20c9a0a5.png)

---

<div class="post-metadata">

### Author: ![j.jaffeux](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/j.jaffeux/32/60297_2.png) [@j.jaffeux](https://meta.discourse.org/u/j.jaffeux)
#### Post date: [June 28, 2024, 9:11pm UTC](https://meta.discourse.org/t/100-75-50-next-to-images-in-preview-window/299883/6 "2024-06-28T21:11:42Z")

</div>