Image Sizes
The dimensions and aspect ratios for bot and your profile.
For those who are aesthetic profile gurus, you are probably looking for this page. Over here we have noted the exact dimensions and aspect ratios (if applicable) to all possible image uploading sections on CharSnap. Hope that you find this useful!
Check the image above for reference. From left to right, the following dimensions and aspect ratios for the bot creation images are: - Full Picture: 1549x2066 - Profile Picture: 625x625 [1:1] - Background Splash Art: 16:9 - Card (Website Display of Full Picture, explanation below): 4:5
The site crops the uploaded portrait to fit their card display. While the original image (Full Picture) shows the character's full body in their profile, the preview version trims it down to a close-up of the torso and face to fit the profile layout. It's an automatic crop that centers on the subject but may hide details like wings, accessories, or full outfits.
For now, there is no cropping tool on the website, so you are going to have the crop your images on your own before uploading them into the system. Please utilize the dimensions and aspect ratios above to your uttermost convenience.
Above this message is a preview of your profile banner, buckets, and attachment photos. You can find this on your own and others' profiles. The dimensions for these displays are: - Profile Banner: 1544x353 - Bucket + Attachment: 374x210
If you would like a visual comparison between how profile banners / headers would look on desktop versus mobile, it would be best to check out the following images below this text. They are made to show you what displays and parts of your images get trimmed off / shown on your profile display.
The picture ABOVE primarily shows the differences of how much the mobile versus desktop shows depending on your device. Desktops will have a more horizontal/wider display of your profile banner. On the other hand, mobile will have an even a larger width AND length preview of your profile banner.
Now below this text is a general idea of what both mobile and desktop previews are going to look like WITH the UI added on top. The greyed out boxes basically tell you what sections of your profile banner will be concealed / not shown.
Last updated