{"id":28,"date":"2025-02-01T19:10:37","date_gmt":"2025-02-02T00:10:37","guid":{"rendered":"https:\/\/www.golive.clarku.edu\/jp\/?page_id=28"},"modified":"2025-10-30T11:49:48","modified_gmt":"2025-10-30T15:49:48","slug":"images","status":"publish","type":"page","link":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/","title":{"rendered":"Images"},"content":{"rendered":"\n<div class=\"wp-block-columns sidebar is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<p class=\"intro\">Photography is a powerful tool for establishing a sense of connection to the web audiences we serve. The images you select reinforce our identity as a diverse, global community of independent thinkers.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Image Selection<\/h2>\n\n\n\n<p>Choose images that:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Align with and reinforce the written content around it.<\/li>\n\n\n\n<li>Contain extra room around the composition. A composition that works well for print may change and crop unexpectedly in a responsive web theme.<\/li>\n\n\n\n<li>Establish connection with the viewer and show authentic social interactions. The image should create a sense of welcoming into our community and allow the viewer to imagine themselves at Clark.<\/li>\n\n\n\n<li>Shows diversity including: people from historically underrepresented groups, different body sizes, modes of gender expression, learning styles, ranges of ability, and social styles.&nbsp;<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\"><?xml encoding=\"utf-8\" ?><nav class=\"is-vertical wp-block-navigation is-content-justification-stretch is-layout-flex wp-container-core-navigation-is-layout-353c4f5a wp-block-navigation-is-layout-flex\" aria-label=\"Build a website submenu\"><ul class=\"wp-block-navigation__container  is-vertical wp-block-navigation\"><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/writing-for-the-web\/\"><span class=\"wp-block-navigation-item__label\">Writing for the Web<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/links\/\"><span class=\"wp-block-navigation-item__label\">Links<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/color\/\"><span class=\"wp-block-navigation-item__label\">Color<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/\"><span class=\"wp-block-navigation-item__label\">Images<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/documents\/\"><span class=\"wp-block-navigation-item__label\">Documents<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/accessibility\/\"><span class=\"wp-block-navigation-item__label\">Accessibility<\/span><\/a><\/li><li class=\" wp-block-navigation-item wp-block-navigation-link\"><a class=\"wp-block-navigation-item__content\" href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/how-tos\/\"><span class=\"wp-block-navigation-item__label\">How tos<\/span><\/a><\/li><\/ul><\/nav>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Image editing and size<\/h2>\n\n\n\n<p>The size of images that you upload will depend on what you\u2019re using them for.&nbsp; Always upload the smallest possible file in respect to both pixel dimensions and file size.&nbsp; Smaller is always better. Except in rare cases, never upload an image larger than 500kb or 2,500px wide.<\/p>\n\n\n\n<aside class=\"wp-block-group alignright boxout has-gray-100-background-color has-background is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-12dd3699 wp-block-group-is-layout-constrained\">\n<p>\ud83d\udca1 <a href=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/tips-for-headshots\/\">Tips for formatting portraits or headshot photos on clarku.edu<\/a>.<\/p>\n<\/aside>\n\n\n\n<ul class=\"wp-block-list\">\n<li>For portraits or headshots, we recommend that you crop the images square and save them as <strong>720px<\/strong> x <strong>720px<\/strong>.&nbsp; The file size should end up below <strong>80kb<\/strong>. Ideally, the face should be as wide as one-third of the square, and eye level should be one-third from the top of the image.<\/li>\n\n\n\n<li>For hero images that are going to be full-width, <strong>2,400px<\/strong> width is an appropriate size.&nbsp; You can likely get away with higher compression (50%) and the file size should be end up between <strong>200-400kb<\/strong>.<\/li>\n\n\n\n<li>For images that will be roughly half of the width of the page\u2019s main column, reduce images to <strong>1,000px<\/strong> wide.&nbsp; The file size should end up around <strong>60-150kb<\/strong>.<\/li>\n\n\n\n<li>Small images, like those will be only a third-column, 720px wide is a good choice, and the file size should be under <strong>100kb<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p>What about image height?&nbsp; There are no requirements, and you can use whatever height works best for the project. We typically recommend cropping with a <strong>3:2 proportion<\/strong>.&nbsp; At 3:2, a 2500px wide image will be 1,667px high; a 1,000px wide image will be 667px high, and a 720px wide image will be 480px high.&nbsp;<\/p>\n\n\n\n<p><em>Tip: <\/em>If you always use the same ratio, then your images become easily interchangeable.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Alternative Text for Images<\/h2>\n\n\n\n<p>It is important that you enter \u201calt\u201d text for each image. It\u2019s an accessibility requirement that gives visitors using assistive technology an equivalent browsing experience. Alternative text should be a concise description explaining the content and purpose of an image. For example, &#8220;bad&#8221; alt text would simply say <code>students<\/code>, whereas &#8220;good&#8221; alt text would say something like <code>Group of students walking through Red Square at Clark University.<\/code><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Copyright\/Attribution<\/h2>\n\n\n\n<p>You must secure rights to copyrighted images before using them on web pages, unless they are images that the University owns, has purchased, or has obtained permission to use on the web.<\/p>\n\n\n\n<p>Images that are in the public domain may be used if specified conditions are met for posting that material (for example, the author photographer must be cited).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photography is a powerful tool for establishing a sense of connection to the web audiences we serve. The images you select reinforce our identity as a diverse, global community of independent thinkers. Image Selection Choose images that: Image editing and size The size of images that you upload will depend on what you\u2019re using them [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":23,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-28","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.2 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Images - ClarkU WordPress<\/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:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Images\" \/>\n<meta property=\"og:description\" content=\"Photography is a powerful tool for establishing a sense of connection to the web audiences we serve. The images you select reinforce our identity as a diverse, global community of independent thinkers. Image Selection Choose images that: Image editing and size The size of images that you upload will depend on what you\u2019re using them [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/\" \/>\n<meta property=\"og:site_name\" content=\"ClarkU WordPress\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-30T15:49:48+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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/images\\\/\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/images\\\/\",\"name\":\"Images - ClarkU WordPress\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\"},\"datePublished\":\"2025-02-02T00:10:37+00:00\",\"dateModified\":\"2025-10-30T15:49:48+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/build-a-website\\\/images\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/wp-json\\\/wp\\\/v2\\\/pages\\\/28#breadcrumbs\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":0,\"name\":\"ClarkU\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/\"},{\"@type\":\"ListItem\",\"position\":1,\"name\":\"ClarkU WordPress\",\"item\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/#website\",\"url\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/\",\"name\":\"ClarkU WordPress\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.clarku.edu\\\/wordpress\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Images - ClarkU WordPress","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:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/","og_locale":"en_US","og_type":"article","og_title":"Images","og_description":"Photography is a powerful tool for establishing a sense of connection to the web audiences we serve. The images you select reinforce our identity as a diverse, global community of independent thinkers. Image Selection Choose images that: Image editing and size The size of images that you upload will depend on what you\u2019re using them [&hellip;]","og_url":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/","og_site_name":"ClarkU WordPress","article_modified_time":"2025-10-30T15:49:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/","url":"https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/","name":"Images - ClarkU WordPress","isPartOf":{"@id":"https:\/\/www.clarku.edu\/wordpress\/#website"},"datePublished":"2025-02-02T00:10:37+00:00","dateModified":"2025-10-30T15:49:48+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.clarku.edu\/wordpress\/build-a-website\/images\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/28#breadcrumbs","itemListElement":[{"@type":"ListItem","position":0,"name":"ClarkU","item":"https:\/\/www.clarku.edu\/"},{"@type":"ListItem","position":1,"name":"ClarkU WordPress","item":"https:\/\/www.clarku.edu\/wordpress"}]},{"@type":"WebSite","@id":"https:\/\/www.clarku.edu\/wordpress\/#website","url":"https:\/\/www.clarku.edu\/wordpress\/","name":"ClarkU WordPress","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.clarku.edu\/wordpress\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/28","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=28"}],"version-history":[{"count":11,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/28\/revisions"}],"predecessor-version":[{"id":580,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/28\/revisions\/580"}],"up":[{"embeddable":true,"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/pages\/23"}],"wp:attachment":[{"href":"https:\/\/www.clarku.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=28"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}