# Gebruikerskaartvoorbeeld in Voorkeuren

**URL:** https://meta.discourse.org/t/user-card-preview-in-preferences/235270
**Category:** Feature
**Created:** [6 augustus 2022 om 01:53 UTC](https://meta.discourse.org/t/user-card-preview-in-preferences/235270 "2022-08-06T01:53:01Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![darkpixlz](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/darkpixlz/32/549896_2.png) [@darkpixlz](https://meta.discourse.org/u/darkpixlz)
#### Post date: [6 augustus 2022 om 01:53 UTC](https://meta.discourse.org/t/user-card-preview-in-preferences/235270/1 "2022-08-06T01:53:01Z")

</div>

I mean something like this quick mockup I made

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/e/5/4e5c1473f475fb80833e957745f57f6c29443bd5.jpeg)

This would be helpful for a few reasons;

- You get to see what it looks like
- Make sure the image fits correctly

The existing image preview is ok, it’s just it doesn’t scale to content in the card.

A preview like this would be amazing for those reasons I stated, and it would be right above the save button. I deleted the birthday element for this example, but it would go under there.

And also note I have no code for this, I made that mockup in photoshop, I haven’t tried making it at all yet.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [6 augustus 2022 om 04:28 UTC](https://meta.discourse.org/t/user-card-preview-in-preferences/235270/2 "2022-08-06T04:28:49Z")

</div>

The part of the picture that can be seen can be different depending of the size of the screen.

> [@User Card Background Size, how do I trick the algorithm?](https://meta.discourse.org/t/user-card-background-size-how-do-i-trick-the-algorithm/115729/3):
>
> Long live the pretty! fistAn explanation how card backgrounds work Let’s start with a card with no background on desktop The card width is 580px and its height is ~154px Now let’s add a background to this card via the User Card Background preference The image I’ll be using is this one I will make the card content semi-transparent in some of my examples below so we can focus on the background. Once we add the background, w…
