Search Options
ETSU Faculty/Staff
ETSU Students
ETSU People Search
 
Resizing Images

With the latest version of OU Campus, file size limits have been implemented. This allows us to keep our images and documents at a manageable size, so that users browsing our site with mobile devices or slower connections can have an optimal experience. With this new restriction in place, you may need to reduce the size of your images. This page contains information on
How to resize images using

File Size Limits

  • Maximum text file size = 850kb
  • Maximum picture file size = 1MB or 1000kb
  • Maximum text document file size = 4MB or 4000kb

 

If you are using a Mac, please follow these directions for how to resize, crop and rotate an image.

 

Resize using Photoshop

  1. On your computer, locate the photo that you wish to resize
  2. Right click on the name of the photo and select "open in" then choose "PhotoShop"

    open image in paint
  3. Across the top menu bar click on 'Image' and a drop down menu will appear

    open image in paint
  4. In the dropdown menu, click on 'Image Size'

    open image in paint
  5. A new box appears and you can now enter some information to resize the image

    open image in paint
  6. Make sure under Image Size it shows you are working in 'Pixel Dimensions'

    open image in paint

  7. If it does not say Pixel Dimensions change this in the drop down menu from 'percent' to 'pixel'.

    open image in paint

    Browse to the location on your computer where you would like to save the file and press "save"

    open image in paint
  8. Make sure the chain link is to the left of the drop down menu pixel. If it is not, click on the grey boxes at the bottom: Resample Image, Constrain Proportions and Scale Styles to check.

    open image in paint

    open image in paint
  9. For the ETSU website the photo does not need to be any wider than 710 pixels. This is the width of the website template. Change the width to 710 or lower. You will notice the Height will automatically change to keep the proportion of the image the same.
    • max width for a full size page is around 700px
    • max width for a center column is around 500px
    • max width for a right column is around 250px


    open image in paint
  10. Click OK

    open image in paint
  11. Save the image for the web by clicking the file drop down menu and choosing "Save for Web & Devices"

    open image in paint
  12. A box with many options comes up. First make sure the JPEG option is selected in the drop down gray box.

    open image in paint
  13. Then choose “very high” in the next drop down box below the JPEG.

    open image in paint
  14. Finally make sure 'optimized' is checked. The Embed color profile box can also be checked. This is for higher quality photos where the colors are of great importance

    open image in paint
  15. If you would like to save the image in place (stomping over the original image) , click save!

    open image in paint
  16. You may now upload your resized image to CMS

 

Resize using Pixlr.com

  1. On your computer, locate the photo that you wish to resize
  2. Point your web browser to https://pixlr.com/express/ , then choose the "browse" option

    open image in paint
  3. Browse to the location on your computer containing the photo you wish to resize and select that photo, then click open

    open image in paint
  4. Click the "Adjustment" button at the bottom of the screen, then choose the "resize" optionopen image in paint
  5. Insert the appropriate dimensions to resize your image
    • max width for a full size page is around 700px
    • max width for a center column is around 500px
    • max width for a right column is around 250px
    pixlr width and height settings
  6. Press the "save" button in the upper left

    save image from pixlr
  7. Adjust the "Quality" setting down to 72 (this is the appropriate DPI for the web) and press "Save"

    adjust DPI and save

    Browse to the location on your computer where you would like to save the file and press "save"

    You may now upload your resized image to CMS
direct edit