image_requirements
Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
|
image_requirements [2016/04/07 00:59] samia |
image_requirements [2019/01/02 16:18] ryan Added Video Background Requirements into the Doc |
||
|---|---|---|---|
| Line 24: | Line 24: | ||
| Use this design guide when sizing your landscape images for your site. Notice that each design varies in size and scales according to the device it is being viewed on. | Use this design guide when sizing your landscape images for your site. Notice that each design varies in size and scales according to the device it is being viewed on. | ||
| - | {{:screencasts:landscape-image-guide.jpg?940|}} | ||
| + | {{::landscape-image-guide-edited-resized_copy.jpg?940|}} | ||
| =====Default Size Recommendations for all Designs===== | =====Default Size Recommendations for all Designs===== | ||
| ^ Template Design ^ Landscape Image Size ^ Header Logo Image Size ^ | ^ Template Design ^ Landscape Image Size ^ Header Logo Image Size ^ | ||
| - | | Molly | 1100x560 px | 400 x 86 px* | | + | | Molly | 1100x720 px | 400 x 86 px* | |
| | Miranda | 2200x720 px | 400 x 86 px* | | | Miranda | 2200x720 px | 400 x 86 px* | | ||
| | Miranda Thin | 2200x550 px | 400 x 86 px* | | | Miranda Thin | 2200x550 px | 400 x 86 px* | | ||
| - | | Steph w/ Both Tag Line and Search | 920×415 px | 50-100px high and up to 750px wide | | ||
| - | | Steph w/ Tag Line | 920×365 px | 50-100px high and up to 750px wide | | ||
| - | | Steph w/ Search | 920×365 px | 50-100px high and up to 750px wide | | ||
| - | | Steve w/ Both Tag Line and Search | 960×415 px | 50-100px high and up to 750px wide | | ||
| - | | Steve w/ Tag Line | 960×365 px | 50-100px high and up to 750px wide | | ||
| - | | Steve w/ Search | 960×365 px | 50-100px high and up to 750px wide | | ||
| - | | NR w/ Both Tag Line and Search | 960×415 px | 50-100px high and up to 750px wide | | ||
| - | | NR w/ Tag Line | 960×365 px | 50-100px high and up to 750px wide | | ||
| - | | NR w/ Search | 960×365 px | 50-100px high and up to 750px wide | | ||
| - | | ADR w/ Both Tag Line and Search | 960×415 px | 50-100px high and up to 750px wide | | ||
| - | | ADR w/ Tag Line | 960×365 px | 50-100px high and up to 750px wide | | ||
| - | | ADR w/ Search | 960×365 px | 50-100px high and up to 750px wide | | ||
| *Any logo will shrink to fit in a 200×43px container while keeping its aspect ratio | *Any logo will shrink to fit in a 200×43px container while keeping its aspect ratio | ||
| Line 67: | Line 55: | ||
| The provided gallery images are optimized for viewing on a laptop screen. They all work well with the Molly template, which is offers standardized header landscape images. However, for the Miranda and Miranda Thin templates, not all of the images will be displayed in their entirety across all pages due to the variances in layout design. Please be sure to test the images on your specific template choice and adjust your image selection accordingly. | The provided gallery images are optimized for viewing on a laptop screen. They all work well with the Molly template, which is offers standardized header landscape images. However, for the Miranda and Miranda Thin templates, not all of the images will be displayed in their entirety across all pages due to the variances in layout design. Please be sure to test the images on your specific template choice and adjust your image selection accordingly. | ||
| + | ====== Video Background Minimum Requirements ====== | ||
| + | The video background file should be in a .mp4 file and has an 8 MBs file limit. It is recommended that the video should have at least 30 Frames Per Second (FPS). **While lower FPS rates are supported, keep in mind that a higher FPS will result in a better quality video.** There is no recommended length but only a maximum file size of 8 MBs. | ||
image_requirements.txt · Last modified: 2020/05/28 19:26 by michaels
Page Tools
