...
These are specific recommendations for each image component on SF.gov. You can read more about choosing good images in our Image guide.
Image | Recommendations | Example |
|---|
Homepage campaign | Minimum 550 px wide Horizontal is recommended Can be square or vertical if your text is long Keep subjects in the center of the image to avoid cropping
| |
Profile photo | | |
News | Minimum 375 px wide Horizontal is recommended The full image will be displayed on the news page, but it will be cropped for the thumbnail Keep subjects in the center of the image to avoid cropping
| |
Event | Minimum 375 px wide Horizontal is recommended The full image will be displayed on the event page, but it will be cropped for the thumbnail Keep subjects in the center of the image to avoid cropping
| |
Department logo | Minimum 100 x 100 px Choose a version of your logo that is more square (rather than very tall or very wide) Choose a version that doesn’t include a tagline (on a website, it may be too small to read) White or transparent background recommended
| |
Department spotlight top | | |
Department spotlight middle | Minimum 550 px wide Square or horizontal is recommended Can be vertical if your text is long Keep subjects in the center of the image to avoid cropping
| |
Topic spotlight | Minimum 550 px wide Square or horizontal is recommended Can be vertical if your spotlight text is long Keep subjects in the center of the image to avoid cropping
| |
Campaign logo | | |
Campaign spotlight | Minimum 550 px wide Square or horizontal is recommended Can be vertical if your spotlight text is long Keep subjects in the center of the image to avoid cropping
| |
Campaign top facts | Minimum 375 px wide Square, vertical, or horizontal are all OK Choose the same size image for all facts, if possible
| |
Campaign featured image | Minimum 1000 px wide Horizontal
| |
Location | | |
Information page | | |