# Inline Images

his paragraph contains inline images, ![](https://images.unsplash.com/photo-1694337596156-ffee96affe24?crop=entropy\&cs=srgb\&fm=jpg\&ixid=M3wxOTcwMjR8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDgwNzYzNjJ8\&ixlib=rb-4.0.3\&q=85) this first one was using the "original" size, and then this <img src="https://images.unsplash.com/photo-1705086867540-86ee11e93f8b?crop=entropy&#x26;cs=srgb&#x26;fm=jpg&#x26;ixid=M3wxOTcwMjR8MHwxfHJhbmRvbXx8fHx8fHx8fDE3MDgwNzYzNjJ8&#x26;ixlib=rb-4.0.3&#x26;q=85" alt="" data-size="line">one is using the line size.

This image has intrinsic 400px width, but renders as 300px: ![](https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FNHdiWiuP8tfsoPkPoNYk%2Fphoto-1598449356475-b9f71db7d847.jpeg?alt=media\&token=120f80d4-d407-4043-a860-9587ff032ec6)

Some customers add Cards with inline images instead of Cover images. When they do, we should still respect the 300px width despite the Card being under 250px. The contents of the images should be centered.

<table data-view="cards"><thead><tr><th></th><th></th><th></th></tr></thead><tbody><tr><td><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FosZkNBSuTVmlxpGiqA2d%2Fphoto-1614683574679-beee9c2ab699.jpeg?alt=media&#x26;token=8cce17a2-3e4c-4b10-bc8e-290b2185d3f9" alt=""></td><td></td><td></td></tr><tr><td><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FrJLOjCFYEQeS8MO2g7qk%2Fphoto-1611773780085-ebd3b4662f51.jpeg?alt=media&#x26;token=630fa795-c799-44b3-a4b4-5ca1b922a108" alt=""></td><td></td><td></td></tr><tr><td><img src="https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2F5hzV1RlT8kY5XakSuzTP%2Fphoto-1533422902779-aff35862e462.jpeg?alt=media&#x26;token=5a31df86-6700-4d5b-a7ee-3a1e69466367" alt=""></td><td></td><td></td></tr></tbody></table>

Finally, we should make sure to render tiny inline images correctly:

11x11 ![](https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FnHAOoADyt6TU62KRzxnQ%2F10x10.png?alt=media\&token=55ae5d9f-d0a6-4bf5-890d-8cf8948c3a32)

16x16 ![](https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2FIzOZKhApFW406fJhQR3m%2F16x16.png?alt=media\&token=84af7b93-efa2-407a-9e66-94839aeaaeb9)

22x22 ![](https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2Fu6GC1sJo67mnS3O9XkLt%2F22x22.png?alt=media\&token=fc1e7594-b2f6-40ad-9429-34b07679129b)

Images in links should not zoom when clicked, for [example ![](https://2711667370-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTTP0yGzzc0gLR37hd6yw%2Fuploads%2Fu6GC1sJo67mnS3O9XkLt%2F22x22.png?alt=media\&token=fc1e7594-b2f6-40ad-9429-34b07679129b) ](https://gitbook-v2-4y3t9489q-gitbook.vercel.app/url/gitbook.gitbook.io/test-gitbook-open/text-page).
