...
A large image that takes up the full width of the article (image is 2400x1600px)
source: https://business.wisc.edu/news/example/ A medium image that has its own row (image is 500x500px)
A small image that sits next to some text (image is 266x266px)
source: https://business.wisc.edu/news/business-casual-march-2023/ |
|---|
Jumbotron (large photo or photo slideshow)
- Guidelines:
Use this block to showcase 1-10 photos. If multiple images are added, they will be in a slideshow.
- The max number of images you can use is 10; beyond this number, the block will not work properly on mobile screens.
- Keep the paragraph copy to 250 characters or fewer and use a similar amount of copy for each photo in a single slideshow
- Photo size: we recommend using our website's standard image size - 2400x1600px
- Image width must always be 2400px
- Image heights can vary, but all images in the same slideshow should have the same heights
- Other image heights that work well: 1050px, 1350px
- Set the image ratio field to best display your images.
- Recommended: 21x9 or 16x9
- Play around with the options or find the ratio below that matches your image dimensions:
- Image dimensions are 2400x1050px –> Choose image ratio: 21x9
- Image: 2400x1350px –> Image ratio: 16x9
- Image: 2400x1600px –> First try 16x9 ratio; if the images are cropped too much, try 4x3 ratio
Lazy Load Youtube Video
- Guidelines:
- Use this block anytime you want to embed a Youtube video in your post.
- Do not use the "Youtube" block – that block displays videos at a much smaller size and they take longer to load on the page, which could create problems for the user.
- Photo size for image override: 1176x662px (you can use a larger image size, but if the proportions are different, the image will get cropped)
- Use this block anytime you want to embed a Youtube video in your post.
- How to embed YouTube videos in your article
...