You've finally finished your database — it looks great. You select a gallery view... only to find out your images are getting cropped unexpectedly. What about if you pick a medium-sized card? What if you resize the window?

Especially if you have text in your images, this can become very frustrating to deal with. This is why I have created a quick guide to make sure you know what the safe space is in an image in gallery view.

The ratio for an image that is just the right size is 1.8. The ones I use are 1800px wide and 1000px high. Based on those calculations, I found the following to be true:


Small

Min. width: 1400px

Min. height: 950px

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/9c1fe078-1a59-4130-8b43-60e0aff02ded/2.png


Medium

Min. width: 1500px

Min. height: 850px

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/e3d977dc-7784-4f0f-b12f-dcd981f91690/3.png


Large

Min. width: 1450px

Min. height: 650px

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/5647cdc2-da58-43e4-8791-3915577ab82c/4.png


Any Size

If you don't yet know the card size you will be using, or you are likely to switch between them constantly.

Min. width: 1400px

Min. height: 650px

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/50a83957-cfc2-47bf-b410-61680aeb8b13/1.png