Entries tagged with “Picture” from CMS

Picture Perfect!
Creating A Photo Gallery For Your Website.


starry-night.jpg
 
mona-lisa.jpg
dogs-poker.jpg



As the old saying goes, “A picture is worth a thousand words.” Whether those words and pictures are a masterpiece, like the "Mona Lisa" or "Starry Night" or something else, like Dogs Playing Poker"; this is very true no matter what collage, department or program they are for. Pictures can spruce up  your website and help it stand out from the rest. 

So you’ve got some great photos you want to add to your website – now what? That depends – on how many you have, and where you want them to go.

The University’s policy on photos can be found in the web policies section of our website, as well as in the Style Guide. We also have three detailed blog entries explaining everything you wanted to know about photos and Collage.

Please keep these points in mind:
  • Adding pictures and graphics to your website is encouraged. Clip art, while good for blogs and other informal communications, is not allowed on web pages.
  • Only three pictures are allowed per page (with some rare exceptions). This is because the more photos on a page, the longer it takes to load, and it has been determined that three photos is the optimal amount for a quick load.

  • If you have more than three photos you’d like to include, an on-line gallery can be created. Please contact a member of the Web Content Team via e-mail or by phone at 978-934-3875 to set up a photo gallery.

    gallery.jpg


    • Photos can be hand-delivered on a CD, disk, flash drive, etc., to the Public Affairs Office in Cumnock C-7. You can also upload and send them to us via the Dropbox.
    • Please include a Word document (or some sort of text file) with captions for as many images as possible. Also include information about the event the pictures are from (to be used for the title of the Photo Album), the date they were taken, and other pertinent information.
    • Please also include a name and address for return on the photos after they are uploaded.

Once your photos are uploaded to the Gallery, the photo album can be linked to from your website. We have a blog entry on help creating a link if you need it.


THE END

thering.jpgThe Lord of the Picture Part II: Using Photoshop

Earlier we covered the University's policy on photos, how many and what size and much more. Part three of this trilogy explains how to upload your photos into Collage.

So how do you re-size your photos and optimize them? It depends on what program(s) you have. We use Photoshop, but you are welcome to try another program. If you don?t have Photoshop or a similar program you can contact us, or upload the images in a task in Collage and then we will re-size them after the fact. If so skip ahead to part 3. If you have Photoshop, you can read this blog entry on how to re-size, etc. images.

Using Photoshop

1.    Open the photo in Photoshop – right click on the photo and select Open With and then the program you wish to open it with – in this case Photoshop.
open-with.jpg 

2.    Left click on Image in the top menu, and then select Resize and Image Size.
resize-photoshop.jpg
 

3.    In the pop-up window, make sure that Scale Styles, and Constrain Proportions are checked. Then change the resolution to 72. Chances are this will change the width and height.
resolution-photoshop.jpg 


4.    Once you’ve changed the resolution, change the width to 200 (or 160 for a Bio picture) and hit ok. This should also change the height. In this case the picture is a perfect square – so the width and height match. This will not always be the case.
change-width-photoshop.jpg
 

5.    Once you hit ok, the photo should shrink down.
smaller-image-photoshop.jpg
 

6.    Now click on File and then Save for Web.
save-for-web-photoshop1.jpg
 

7.    In the pop up window, make sure the images look fine and that the Quality is set to 50. Then hit ok.
save-for-web-photoshop2.jpg
 

8.    In the pop up window, select the destination you wish to save the picture to (I like to save it to the Desktop to make it easy to find) and name it.
save-to-desktop.jpg
 

9.    Now repeat this process for any other photos you wish to upload. For a bio thumbnail go up to step #4 and change the width to 64, and then repeat the steps that follow it – saving it with a different name so you can tell the smaller from the bigger image.
thumbnail-size-photoshop.jpg


thumbnail-size-photoshop-smaller.jpg

Photoshop Elements is a fairly inexpensive product (around $50) that is perfect for tasks like optimizing photos. If you do not have Photoshop or another photo software please contact a member of the Web Content Team (email: webcontent@uml.edu) at 978-934-3875 to discuss your options. Again: you can also upload the original photos in a task and we will re-size them after the fact.




Up Up And Away! How to UPload Images in a task.

up.jpg

Having trouble uploading your images into Collage? Wondering why it takes so long for your task with new pictures in it to be approved or why they are a different size afterward? Let me explain and hopefully we can help each other.

Photos for the web should be: 72 dpi, 200 pixels wide (64 for a thumbnail), optimized for web, saved as a jpeg (.jpg) according to the University’s Standards Guide.

That said, if you don’t have Photoshop or a similar image manipulation program, this may be a little difficult for you to do. So you have a couple of options:

1.    Email the photos to webcontent@uml.edu and request that they be re-sized and optimized – make sure to tell us where you want them to go and what the name of the task in Collage that they are associated with.

2.    Another option is to do #1 but also upload and place the original (non-optimized photos) on to a page in Collage – that way we know better where you want the new versions to go in the context of your page(s).

3.    You can call the Help Desk @ 4357 and inquire about getting Photoshop installed on your computer and you can then re-size and optimize the pictures yourself and then upload them.

Once you’ve re-sized your photos it’s easy to upload them like any other file. For those directions check out this blog entry on uploading files within a task.

For further help with images please see these three blog entries that explain in further detail how to work with images in Collage:


The End.


Subscribe to feed Subscribe to this blog's feed

Subscribe to feed Search results matching “Picture”

Tags