Right now, all images are background images that are set to cover the desired frame (they are cropped to fit). This is done in css with:
i {
background-size: cover;
}
We should have a toggle, where images that may readily be cropped are displayed as they are right now, and images like logos, screenshots, etc that should be displayed as <img> tags with a max-width and max-height, or a background image with the css:
i {
background-image: contain;
}
For example: The headline image in this blog post is pretty underwhelming because it is cropped.
This should be set in the admin interface (when the media item is uploaded) and stored on the image object (in Image.py).
Right now, all images are background images that are set to cover the desired frame (they are cropped to fit). This is done in css with:
We should have a toggle, where images that may readily be cropped are displayed as they are right now, and images like logos, screenshots, etc that should be displayed as
<img>
tags with amax-width
andmax-height
, or a background image with the css:For example: The headline image in this blog post is pretty underwhelming because it is cropped.
This should be set in the admin interface (when the media item is uploaded) and stored on the image object (in
Image.py
).