Digital Style Guide
Photos
A quality setting of 75 is automatically applied to the following image types. Downsampling before upload is not required.
The recommended size for any square asset is 590x590, a size which allows for flexibility of use.
| Hero | |
| Minimum Size | 1600x900 |
| Resolution | 72dpi |
| Format | JPG |
| Home Page Cards, Full Width | |
| Minimum Size | 1200x675px |
| Resolution | 72dpi |
| Format | JPG |
| Home Page Cards, Half Width | |
| Minimum Size | 590x590 |
| Resolution | 72dpi |
| Format | JPG |
| Story Thumbnail | |
| Minimum Size | 360x270 |
| Resolution | 72dpi |
| Format | JPG |
| Place Thumbnail | |
| Minimum Size | 800x600 |
| Resolution | 72dpi |
| Format | JPG |
| Author Profile Photo | |
| Minimum Size | 100x100 |
| Resolution | 72dpi |
| Format | JPG |
| CK Callout | |
| Minimum Size | 560x420 |
| Resolution | 72dpi |
| Format | JPG |
| CK Feature | |
| Minimum Size | 360x360 |
| Resolution | 72dpi |
| Format | JPG |
| Modal Images | |
| Minimum Size | 480x640 |
| Resolution | 72dpi |
| Format | JPG |
| Guide Thumbnail | |
| Minimum Size | 280x280 |
| Resolution | 72dpi |
| Format | JPG |
| Promos, Image | |
| Size | 1600x800 |
| Resolution | 72dpi |
| Format | JPG |
| Promos, Pattern | |
| Size | N/A; The image will tile based on the original size of the image |
| Resolution | 72dpi |
| Format | PNG |
| Optimization | PNG-32 for semi transparent patterns, or PNG-24/PNG-8 for non-transparent patterns. |
| Sponsor Block | |
| Minimum Size | |
| Resolution | 72dpi |
| Format | JPG or PNG* |
| Optimization | If JPG, 40-80%. If PNG, saved at 32-bit to preserve alpha transparency. Please read the notes on using PNGs at the bottom of this page. |
| Full Bleed Photo (single column layout) | |
| Minimum Size | 1600px wide; will display height of original image in proportion to width; no autocropping. |
| Resolution | 72dpi |
| Format | JPG |
| Photo carousel (single column layout) | |
| Minimum Size | 1200px wide; will display height of original image in proportion to width; no autocropping. |
| Resolution | 72dpi |
| Format | JPG |
PNGs
PNGs should be used only for readable graphics or visuals requiring fine detail.
Save PNGs at 8-bit or 16-bit. Must be at least 800px wide.
When a PNG is uploaded, the system assumes it is an infographic or similar visual asset and treats it differently. This means that it is important to upload graphics as PNGs, and photos as JPGs. Uploading the wrong content in the wrong format will create visual or performance problems.
PNG are still converted to JPGs for file size purposes. However, they are not compressed as much as other images. Large PNGs, when uploaded, aren't resized down past 800px in width. This means that on mobile, even if text is too small to see, users will be able to pinch-zoom the image to view the image at greater detail. This increases the amount of data in the images, and naturally makes them slower.
Colors
This May, for Preservation Month, we’re celebrating the power of place—and the countless ways, big and small, that preservation creates. Preservation Month is our chance to show why our work matters!
Celebrate!