{"id":98,"date":"2016-09-14T13:13:25","date_gmt":"2016-09-14T17:13:25","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/cfa\/research-sister\/?page_id=98"},"modified":"2022-03-01T09:55:42","modified_gmt":"2022-03-01T14:55:42","slug":"image-guidelines","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/cfa\/content-guides\/image-guidelines\/","title":{"rendered":"Image Guidelines"},"content":{"rendered":"<h3>Saving your images<\/h3>\n<p>In general, you should try to keep your images below 250kb, or as low as possible without sacrificing image quality.<\/p>\n<p>The newer versions of Photoshop CC have two options for exporting: Generator and Save for Web and Devices (the older version). Save for Web and Devices gives you tighter control over the file size\u2014so for now, we still recommend using that to export your images. But you may find Generator works just fine and keeps your file sizes under the 250kb recommendation as well. Try both and see which you like best.<\/p>\n<p>Unless you\u00a0need transparency or animation, stay away from .gif and .png formats. Stick with .jpg.<\/p>\n<p>If you&#8217;re having trouble getting your image to 250kb without sacrificing quality, try saving it out at the lowest possible value and\u00a0run the image through<span>\u00a0<\/span><a href=\"https:\/\/imageoptim.com\/mac\">ImageOptim<\/a>. ImageOptim is an easy-to-use compression service that won&#8217;t affect image quality but will reduce file size. Just drag your image in and it will compress!<\/p>\n<h3>Banner Images<\/h3>\n<p><span>Banner images will be<\/span><span>\u00a0<\/span>cropped\u00a0automatically on upload\u00a0for desktop and mobile devices.<span>\u00a0Images should be\u00a0<\/span>under 250KB<span>\u00a0<\/span>and<span>\u00a0<\/span><strong>at least\u00a03840 by 2048 pixels<\/strong>,\u00a0with\u00a0the focal point of the image in the vertical and horizontal center.<span>\u00a0<\/span>Use this<span>\u00a0<\/span><a href=\"\/cfa\/files\/2018\/09\/banner-image-template.psd\">Photoshop template<\/a><span>\u00a0<\/span>as a guide.<\/p>\n<p>To learn more about banners and layout options, please visit the<span>\u00a0<\/span><a href=\"https:\/\/wpdocs.bu.edu\/cfa\/banners\/\">Banners<\/a>\u00a0pages in the <a href=\"https:\/\/wpdocs.bu.edu\/cfa\/templates\/\">Templates and Content Examples<\/a>\u00a0section of this site.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Saving your images In general, you should try to keep your images below 250kb, or as low as possible without sacrificing image quality. The newer versions of Photoshop CC have two options for exporting: Generator and Save for Web and Devices (the older version). Save for Web and Devices gives you tighter control over the [&hellip;]<\/p>\n","protected":false},"author":7267,"featured_media":0,"parent":173,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"bu-publication":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/98"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/users\/7267"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/comments?post=98"}],"version-history":[{"count":17,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/98\/revisions"}],"predecessor-version":[{"id":1489,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/98\/revisions\/1489"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/pages\/173"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/media?parent=98"}],"wp:term":[{"taxonomy":"bu-publication","embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/cfa\/wp-json\/wp\/v2\/bu-publication?post=98"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}