Uploading Files or Images

For Files: Files would be file types like PDFs and Word Documents.

Select "gsbs.uth.edu" on the upper-left hand corner of the page.

Expand the "Website" menu on the left side of the screen and click on "Browser"

A list of GSBS folder should appear in the panel to the right. Scroll down to find the "files" folder.

Click "files" to expand it, and locate the folder that relates to your web page and click on it. You will see a list of files appear on the right that exist in the selected folder.. For example, if you're uploading a file to cancer-biology, you would click on the "cancer-biology" folder.

On the upper-right hand corner, click the blue circle with three white dots in it. Click on "Image or File" if you are uploading a single file. If you want to upload multiple files, select "Multiple Files" instead.

A box will appear on the screen with the title "Add File", File Asset is the only option to select. Click select.

You will be taken to a new page where you can click the "Choose File" button. A window will pop up allowing you to search your computer for the file you wanted to upload.

Once a file is selected, select "Open" on that pop up to insert the file. You can choose to rename the title of the file here, if you do you not want to, simply click "Save/Publish" on the right hand side of the screen. Your file will now be available for linking on your web page.

For Multiple Files:

The process is the same for uploading a single file, click "Select" with File Asset in the drop down.

A new window will appear titled "Upload file(s)", click the "Select file(s) to upload". A window will appear that will allow you to browse your computer for all the files you would like to upload. Please make sure all the files live in the same location for easier uploading.

Once you have highlighted all the files you want to upload, click "Open" and all the file names will appear in the "Upload file(s) window. Click "Save and Publish" to upload the files to your folder. This may take a minute depending on the amount of files chosen for upload.

Note: Double check your file you uploaded to ensure it has a green dot next to the file name. This means the file is active. If the icon is orange, this means the file is unpublished. You can right click the right and select "Publish", this should activate the file. If this does not work, double click on the file and perform the "Save/Publish" process again.

---

For Images: Images would be files that are JPG/JPEG, PNG, or any other pictures/photos you want to list on your page.

Select "gsbs.uth.edu" on the upper-left hand corner of the page.

Expand the "Website" menu on the left side of the screen and click on "Browser"

A list of GSBS folder should appear in the panel to the right. Scroll down to find the "images" folder.

Click "images" to expand it, and locate the folder that relates to your web page and click on it. You will see a list of images appear on the right that exist in the selected folder.. For example, if you're uploading an image to cancer-biology, you would click on the "cancer-biology" folder.

On the upper-right hand corner, click the blue circle with three white dots in it. Click on "Image or File" if you are uploading a single image. If you want to upload multiple images, select "Multiple Files" instead.

A box will appear on the screen with the title "Add File", File Asset is the only option to select. Click select.

You will be taken to a new page where you can click the "Choose File" button. A window will pop up allowing you to search your computer for the image you wanted to upload.

Once an image is selected, select "Open" on that pop up to insert the image. You can choose to rename the title of the image here, if you do you not want to, simply click "Save/Publish" on the right hand side of the screen. Your image will now be available for placing on your web page.

For Multiple Images:

The process is the same for uploading a single image, click "Select" with File Asset in the drop down.

A new window will appear titled "Upload file(s)", click the "Select file(s) to upload". A window will appear that will allow you to browse your computer for all the images you would like to upload. Please make sure all the images live in the same location for easier uploading.

Once you have highlighted all the images you want to upload, click "Open" and all the image names will appear in the "Upload file(s) window. Click "Save and Publish" to upload the images to your folder. This may take a minute depending on the amount of images chosen for upload.

Note: Double check your image you uploaded to ensure it has a green dot next to the image name. This means the image is active. If the icon is orange, this means the image is unpublished. You can right click the right and select "Publish", this should activate the image. If this does not work, double click on the image and perform the "Save/Publish" process again.

---

Image and PDF file sizes

Image and File sizes are important to consider as they greatly impact the speed at which a page is loaded on your screen, and the data usage for mobile users who visit our website. One high resolution photo can use more than 250MB of data, which is 1/4th of a Gigabyte of data.

PDF/Document sizes: All PDFs should remain less than 10MB, any sizes greater than this will not be allowed for file upload. If you have a PDF that cannot meet this standard, it will need to be converted to a Flip Book page. Please reach out to Michael Valladolid or Michael Orlando about the process. It will need to be submitted to web operations for processing.

Image file sizes: All Images should be less than 1MB. This should apply to student and faculty photos. Other photos, such as Hero Banners (Images across the top of the screen) or other images places in widgets should remain less than 5-10MB. 

---

Image Dimensions

Staff and Student profile pictures, minimum: 400 x 600 (Width x Height)

Student profile pictures must be taken professionally through their program in order to be uploaded to their profiles. This is to keep a standard for photos across the website. This also will remove the inconsistency of photo quality and sizes that students send in for their profile pictures.

Hero Image: 1920 x 575 pixels

All other images should be large enough to fit in their specific widget windows without losing clarity. They can be as large as they can, without being over the 5-10MB image size requirement.

---

Image and File Naming Conventions

Any Image or File uploaded to dotCMS should be named using the following convention:

Example-Image-Name.JPG

Only use dashes to separate words. Do not include any parenthesis ( ), brackets [ ], commas, periods or spaces in your file names. You can use numbers to date your file, but do so only if necessary (Such as separating Newsletter months/years).

---

PDF Usage

PDFs should be used as seldom as possible. If your PDF contains links that lead to a website, consider creating a place on your page to contain this information. Links in PDFs are not easy to change and date themselves quickly should the web pages change their URLs and information, or become unavailable in general.

If the information on the page needs to be changed with some regularity (a few times a year, for example), then it should not be hosted as a PDF, but should be placed on your web page.