{"id":1739,"date":"2026-02-16T22:36:16","date_gmt":"2026-02-17T03:36:16","guid":{"rendered":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/?page_id=1739"},"modified":"2026-02-16T22:36:17","modified_gmt":"2026-02-17T03:36:17","slug":"how-to-update-the-staff-spotlight-feature-image","status":"publish","type":"page","link":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/","title":{"rendered":"How to update the staff spotlight feature image"},"content":{"rendered":"
\n\n
\n \n
\n
\n
\n
\n\t\t\t\t

How to update the staff spotlight feature image<\/h1>\n\n<\/div>\n\t\t\t\t
<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n\n<\/div>\n\n <\/section>\n\n\n
\n\n
\n \n
    \n
  1. Download zip file<\/a>.\n

    Begin by opening the template.ai file in Adobe Illustrator. Refer to the Adobe Illustrator navigation toolbar located at the very top of the program. File<\/strong> > Place<\/strong> > Locate your image you’d like to feature and click Place<\/strong>.<\/p>\n

    \"\"<\/p>\n

      \n
    • Once the image is placed, with the image still selected in blue, in the top navigation bar go to Window<\/strong> > Align<\/strong> > Horizontal Align Center<\/strong>.<\/li>\n
    • Currently since each image submitted by the staff are different dimensions, there are no specific dimensions for how large the staff images should be, however you do want to make sure it is centered, displays the person well (main focal point with no cutting off the top of the head) and extends vertically past the top of the dartboard and underneath the banner (so vertically there is no more exposed white space.)<\/li>\n
    • You may click and drag it into the white dartboard frame, and then while holding the Shift key, either scale up or down to resize the image accordingly. The shift key keeps the image from distorting.<\/li>\n<\/ul>\n

      \"\"<\/li>\n

    • Next, to create the background image, on the keyboard, type the following shortcuts in order, Command C<\/strong> to copy, Command 2<\/strong> to lock the current selection, and then Command B<\/strong> to paste the duplicate image in the back. Horizontally Extend the image on both sides until there is no white space showing on either the left or right side. (You don\u2019t have to hold down the Shift key this time.)<\/li>\n
    • With that image still selected, in the navigation toolbar go to E\ufb00ect<\/strong> > Blur<\/strong> > Gaussian Blur> Adjust the radius to 250 and click OK<\/strong>.<\/li>\n
    • To ensure the banner is stll in the front, Select the \u201cSta\ufb00 Spotlight<\/strong>\u201d rectangle, right click and mouse over Arrange<\/strong> > Bring to Front<\/strong>.<\/li>\n
    • If the image appears to bleed past the artboard that is \ufb01ne, because only the content that is placed within the artboard will show on the exported version.<\/li>\n
    • To save it as an .ai \ufb01le in the navigation toolbar select File<\/strong> > Save<\/strong>. To export it to a di\ufb00erent \ufb01le format, go to File<\/strong> > Export<\/strong> > Export As<\/strong>, click to check \u201cUse Artboards<\/strong>\u201d, and choose the \ufb01le type (PNG or JPEG), which is the preferred method to upload to the Rutgers IT website.<\/li>\n<\/ul>\n<\/div>\n\n <\/div>\n\n <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":992,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"page-category":[],"class_list":["post-1739","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nHow to update the staff spotlight feature image - Rutgers IT Site Documentation<\/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:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to update the staff spotlight feature image - Rutgers IT Site Documentation\" \/>\n<meta property=\"og:url\" content=\"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/\" \/>\n<meta property=\"og:site_name\" content=\"Rutgers IT Site Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-17T03:36:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-staff-spotlight-feature-image\\\/\",\"url\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-staff-spotlight-feature-image\\\/\",\"name\":\"How to update the staff spotlight feature image - Rutgers IT Site Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/#website\"},\"datePublished\":\"2026-02-17T03:36:16+00:00\",\"dateModified\":\"2026-02-17T03:36:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-staff-spotlight-feature-image\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-staff-spotlight-feature-image\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/how-to-update-the-staff-spotlight-feature-image\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Rutgers IT Site Documentation\",\"item\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to update the staff spotlight feature image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/#website\",\"url\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-documentation\\\/\",\"name\":\"Rutgers IT Site Documentation\",\"description\":\"A Rutgers IT Service\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/it.rutgers.edu\\\/rutgers-it-site-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":"How to update the staff spotlight feature image - Rutgers IT Site Documentation","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:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/","og_locale":"en_US","og_type":"article","og_title":"How to update the staff spotlight feature image - Rutgers IT Site Documentation","og_url":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/","og_site_name":"Rutgers IT Site Documentation","article_modified_time":"2026-02-17T03:36:17+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/","url":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/","name":"How to update the staff spotlight feature image - Rutgers IT Site Documentation","isPartOf":{"@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/#website"},"datePublished":"2026-02-17T03:36:16+00:00","dateModified":"2026-02-17T03:36:17+00:00","breadcrumb":{"@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/how-to-update-the-staff-spotlight-feature-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Rutgers IT Site Documentation","item":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/"},{"@type":"ListItem","position":2,"name":"How to update the staff spotlight feature image"}]},{"@type":"WebSite","@id":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/#website","url":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/","name":"Rutgers IT Site Documentation","description":"A Rutgers IT Service","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages\/1739","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/users\/992"}],"replies":[{"embeddable":true,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/comments?post=1739"}],"version-history":[{"count":1,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages\/1739\/revisions"}],"predecessor-version":[{"id":1740,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/pages\/1739\/revisions\/1740"}],"wp:attachment":[{"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/media?parent=1739"}],"wp:term":[{"taxonomy":"page-category","embeddable":true,"href":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/wp-json\/wp\/v2\/page-category?post=1739"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}