{"id":3268,"date":"2024-08-26T13:13:22","date_gmt":"2024-08-26T17:13:22","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=3268"},"modified":"2024-08-26T13:30:22","modified_gmt":"2024-08-26T17:30:22","slug":"image-ratio-dimensions","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/","title":{"rendered":"Image Ratio & Dimensions"},"content":{"rendered":"\n

The following table catalogues the recommended image ratio and dimensions for blocks that have an image(s). These ratios and dimensions are primarily for how images display at the 1200px desktop view but because the site design is responsive, the blocks will automatically scale and rearrange for the best possible display based on the user\u2019s screen size.<\/p>\n\n\n\n

Image Ratios & Dimensions<\/h2>\n\n\n\n

(in alphabetical order)<\/em><\/p>\n\n\n\n

Recommended image ratios and dimensions for blocks with images.<\/caption>
Block<\/th>Ratio<\/th>Upload Dimension<\/th>Notes<\/th><\/tr><\/thead>
Events Block: Featured Image<\/td>3:2<\/td>2000px x 1333px<\/td><\/td><\/tr>
Explore More (2 & 3 Across)<\/td>Variable<\/td>1800px x 1013px<\/td>Choose an image with focal point in center<\/td><\/tr>
Full-Width Overlay<\/td>3:2<\/td>2000px x 1333px<\/td>Choose an image with focal point in center<\/td><\/tr>
Gallery<\/td>1:1 or auto-crop to 16:9<\/td>Variable<\/td><\/td><\/tr>
Highlight<\/td>1:1<\/td>400px x 400px<\/td><\/td><\/tr>
Image Text CTA<\/td>3:2<\/td>2000px x 1333px<\/td><\/td><\/tr>
Info Grid<\/td>16:9<\/td>1050px x 591px<\/td><\/td><\/tr>
Image Overlay Grid<\/td>16:9<\/td>1050px x 591px<\/td><\/td><\/tr>
Landing Page Hero<\/td>2.66:1<\/td>2000px x 750px<\/td>Choose an image with focal point in center<\/td><\/tr>
Landing Page Hero with Seal<\/td>Variable<\/td>2000px x 667px<\/td>Choose an image with focal point in center<\/td><\/tr>
Post (news article, blog post, etc.) – Featured Image<\/td>16:9<\/td>2000px x 1125px<\/td><\/td><\/tr>
People Stories (Person)<\/td>1:1<\/td>1050px x 1050px<\/td><\/td><\/tr>
People Stories: Background Image<\/td>Variable<\/td>2000px x 1125px<\/td>Choose a textural grayscale image<\/td><\/tr>
Promo with Photo Block<\/td>3:2<\/td>2000px x 1333px<\/td><\/td><\/tr>
Program Homepage Hero<\/td>16:9<\/td>1200px x 675px<\/td>Choose an image with focal point in center<\/td><\/tr>
Promo with Video: Video Poster (thumbnail)<\/td>16:9<\/td>2000px x 1125px<\/td><\/td><\/tr>
Promo with Video: Background Image<\/td>Variable<\/td>\u2265 3000px x 1688px<\/td>Choose a textural grayscale image<\/td><\/tr>
School Homepage Hero<\/td>Variable<\/td>2000px x 1125px<\/td>Choose an image with focal point in center<\/td><\/tr>
Stats Grid: Background Image<\/td>Variable<\/td>\u2265 3000px x 1688px<\/td>Choose a textural grayscale image<\/td><\/tr>
Tesaser Links<\/td>16:9<\/td>600px x 336px<\/td><\/td><\/tr>
Testimonial Block<\/td>1:1<\/td>1800px x 1800px<\/td><\/td><\/tr>
Video Full Width: Video Poster (Thumbnail)<\/td>16:9<\/td>2000px x 1125px<\/td><\/td><\/tr><\/tbody><\/table><\/div>\n","protected":false},"excerpt":{"rendered":"

The following table catalogues the recommended image ratio and dimensions for blocks that have an image(s). These ratios and dimensions are primarily for how images display at the 1200px desktop view but because the site design is responsive, the blocks will automatically scale and rearrange for the best possible display based on the user\u2019s screen […]<\/p>\n","protected":false},"author":1387,"featured_media":0,"parent":990,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"gu_featured_image_display":true,"footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-3268","page","type-page","status-publish","hentry"],"yoast_head":"\nImage Ratio & Dimensions - 1789 Handbook<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Ratio & Dimensions - 1789 Handbook\" \/>\n<meta property=\"og:description\" content=\"The following table catalogues the recommended image ratio and dimensions for blocks that have an image(s). These ratios and dimensions are primarily for how images display at the 1200px desktop view but because the site design is responsive, the blocks will automatically scale and rearrange for the best possible display based on the user\u2019s screen […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/\" \/>\n<meta property=\"og:site_name\" content=\"1789 Handbook\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-26T17:30:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/\",\"name\":\"Image Ratio & Dimensions - 1789 Handbook\",\"isPartOf\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\"},\"datePublished\":\"2024-08-26T17:13:22+00:00\",\"dateModified\":\"2024-08-26T17:30:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Content Editor\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Images & Media\",\"item\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Image Ratio & Dimensions\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/#website\",\"url\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/\",\"name\":\"1789 Handbook\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image Ratio & Dimensions - 1789 Handbook","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/","og_locale":"en_US","og_type":"article","og_title":"Image Ratio & Dimensions - 1789 Handbook","og_description":"The following table catalogues the recommended image ratio and dimensions for blocks that have an image(s). These ratios and dimensions are primarily for how images display at the 1200px desktop view but because the site design is responsive, the blocks will automatically scale and rearrange for the best possible display based on the user\u2019s screen […]","og_url":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/","og_site_name":"1789 Handbook","article_modified_time":"2024-08-26T17:30:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/","name":"Image Ratio & Dimensions - 1789 Handbook","isPartOf":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website"},"datePublished":"2024-08-26T17:13:22+00:00","dateModified":"2024-08-26T17:30:22+00:00","breadcrumb":{"@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/image-ratio-dimensions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/"},{"@type":"ListItem","position":2,"name":"Content Editor","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/"},{"@type":"ListItem","position":3,"name":"Images & Media","item":"https:\/\/sites.georgetown.edu\/1789-documentation\/content-editor\/images-media\/"},{"@type":"ListItem","position":4,"name":"Image Ratio & Dimensions"}]},{"@type":"WebSite","@id":"https:\/\/sites.georgetown.edu\/1789-documentation\/#website","url":"https:\/\/sites.georgetown.edu\/1789-documentation\/","name":"1789 Handbook","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sites.georgetown.edu\/1789-documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/users\/1387"}],"replies":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/comments?post=3268"}],"version-history":[{"count":4,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3268\/revisions"}],"predecessor-version":[{"id":3274,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/3268\/revisions\/3274"}],"up":[{"embeddable":true,"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/pages\/990"}],"wp:attachment":[{"href":"https:\/\/sites.georgetown.edu\/1789-documentation\/wp-json\/wp\/v2\/media?parent=3268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}