{"id":1722,"date":"2026-02-16T22:14:34","date_gmt":"2026-02-17T03:14:34","guid":{"rendered":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/?page_id=1722"},"modified":"2026-06-07T15:41:28","modified_gmt":"2026-06-07T20:41:28","slug":"home-page-image-specifications","status":"publish","type":"page","link":"https:\/\/it.rutgers.edu\/rutgers-it-site-documentation\/home-page-image-specifications\/","title":{"rendered":"Home page image specifications"},"content":{"rendered":"
\n\n
\n \n
\n
\n
\n
\n\t\t\t\t

Home page image specifications<\/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

Depending upon the type of image selected for the home page, it.rutgers.edu, three image versions might be necessary so that the image displays optimally for desktop, tablet, and mobile views. When editing the page you will see three separate fields for each image. <\/p>\n

If there is a specific focus point on the image in relation to the overlay text, use these recommended specifications: <\/p>\n

1. Desktop<\/strong>: 2880 X 1200 pixels (width x height)<\/p>\n

2. Tablet<\/strong>: 1536 X 1000 pixels (width x height)<\/p>\n

3. Mobile<\/strong>: 800 x 600 pixels (width x height)<\/p>\n

A single image might suffice in some cases, especially where there isn’t a specific focus point. This image would simply be added to the “Slide background” field. Some experimentation might be necessary. <\/p>\n

You may also adjust the field “Slide Background Position.” This allows you to position the background based on the image’s focus point. For example “Bottom Right” would lock the bottom right section in the viewport as you resize your screen. <\/p>\n

When testing your preview page, start by refreshing your page in your browser at the narrowest size and then widen your browser display. <\/p>\n<\/div>\n\n <\/div>\n