23
C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx Page 1 Colorado State University Computer Applications Training © PDI 2009 Working with Images for PowerPoint to get the Best Result What are Pixels and Resolution? Image Resolution: Image Resolution is the number of pixels displayed per unit of printed length A measurement used in printing. Pixel: The smallest element of any picture. From Photoshop, open a file, zoom in, draw a marquee around any part of the image. Notice the image is made up of blocks of color pixels. Pixel Dimension: Pixel dimension is how many pixels make up the image. How many pixels wide by high. Example: 1024x768 pixels Onscreen Images: Resolution is measured in PPI pixels per inch a measurement of how many pixels are going to be displayed per inch. Images for Print: Resolution is measured in DPI dots per inch printers print dots Caution: Don’t use these terms interchangeably Resolution Measurement is really how to tell the printer how tightly to pack the pixels together during printing process. If you increase an image resolution, pixels are packed more tightly, higher quality print If you decrease an image resolution, pixels are packed more loosely, larger print, but lower quality Resolution can always be changed. Quality will vary. For example, when downloading images from your digital camera, resolutions are going to be set at 72 ppi by default. If you want to print the image, you will need to increase the resolution and lower the size of the image.

What are Pixels and Resolution? - Colorado State University Come My... · C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx Page 3 Colorado

  • Upload
    vanliem

  • View
    213

  • Download
    0

Embed Size (px)

Citation preview

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 1 Colorado State University Computer Applications Training ©

PDI 2009 ­ Working with Images for PowerPoint to get the Best Result 

What are Pixels and Resolution?  Image Resolution: Image Resolution is the number of pixels displayed per unit of printed length A measurement used in printing. Pixel: The smallest element of any picture. From Photoshop, open a file, zoom in, draw a marquee around any part of the image. Notice the image is made up of blocks of color pixels. Pixel Dimension: Pixel dimension is how many pixels make up the image. How many pixels wide by high. Example: 1024x768 pixels Onscreen Images: Resolution is measured in PPI pixels per inch a measurement of how many pixels are going to be displayed per inch. Images for Print: Resolution is measured in DPI dots per inch printers print dots Caution: Don’t use these terms interchangeably Resolution Measurement is really how to tell the printer how tightly to pack the pixels together during printing process.

If you increase an image resolution, pixels are packed more tightly, higher quality print If you decrease an image resolution, pixels are packed more loosely, larger print, but

lower quality Resolution can always be changed. Quality will vary. For example, when downloading images from your digital camera, resolutions are going to be set at 72 ppi by default. If you want to print the image, you will need to increase the resolution and lower the size of the image.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 2 Colorado State University Computer Applications Training ©

Tip: On screen, our eyes cannot tell the difference between an image that is 72 ppi and 300 ppi. On a printer, the printer prints dots so it is visible when printing at an incorrect resolution. Tip: Online images do not need to be more than 72 -96 ppi. How much resolution do you need for a nice print? Depends on the printer.

DPI for inkjets 200-300 for a photo DPI for ProPrinter (service) 300 + for magazines, brochures, books (call and ask) DPI for laser printer/newspaper 150-200 for newspaper ads, documents, newsletters

Tip: Images are made up of tiny dots called pixels. Tip: Resolution is a measurement in printing and it matters only when you print. (DPI) Tip: Resolution can be changed. Tip: Onscreen images it’s the pixel dimensions that matter (PPI)

What image file format should I use?  File formats are important and each will have their own strengths and uses.

Jpg Gif Png Tiff psd

If you take an image and save it using the different file types above, each image will be a different file size and have different levels of quality. JPG File Type

JPG’s are most common. Great for photograph’s. Good color scale Lossy type file you will lose quality every time you save the image The file size can be smaller

GIF

Great for line art, animation Works best for solid blocks of colors (like cartoon type art)

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 3 Colorado State University Computer Applications Training ©

Lossy file format file size will be smaller, quality isn’t as great

What File Types support Transparency?  There will be a project when an image will need to have a transparent background. Meaning, no background behind the image, no white box behind the image. This type of image can be placed on any background color. Gif and PNG support transparent backgrounds PNG file type

Relatively New file format It is lossless, you will not lose quality when you save image A bit larger in file size Web browsers IE6 and below don’t know how to display PNG with a transparent

background. IE7 supports png’s fine. TIF file type

Lossless format, you will not lose quality when you save image Don’t lose pixels High quality file format Great for print File size is large Good for scanning/archive type

PSD file formats – Photoshop file types

Can print straight from PSD No compression on image so it is high quality Maintains all layers/good for editing

 

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 4 Colorado State University Computer Applications Training ©

How do I resize an image for Print  Digital Camera file sizes will vary. All digital images will display as a 72 ppi for the resolution when opened in a photo editor. The size of the image will most likely be huge in dimension; too large for normal size printers. Let’s resize and image for Print. From Photoshop: File, Open and select the file: duck-key9.jpg From the Image menu, select Image Size

The Size of image is 2.50M Note the Pixel dimensions Resolution is at 72. (Default when you open digital images.)  

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 5 Colorado State University Computer Applications Training ©

Changing the Resolution Without Changing Pixel Data:  From the Image Size dialog box, deselect Resample Image Result pixel data is grayed out, pixel data is locked, which means your quality is locked. File size will not decrease.

Change the resolution to 300. Notice the document resized and the pixel data did not change. Tip: Your eyes are not going to see the difference between 72 and 300 on the screen. Notice the file size did not change.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 6 Colorado State University Computer Applications Training ©

Change the resolution to 200 The image resized File size is still the same You can print the image from Photoshop or save it as a Tiff and print it later.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 7 Colorado State University Computer Applications Training ©

How do I resize and image for the Web or eMail?  From Photoshop open the file: Select Image, Image Size

Notice the size of the image. 2.5 M is kind of large for an email or a web page. Leave Resample checked or turned on. We do want to affect the pixels and reduce them in order to reduce our file size. Email: 320 x 240 pixels is a good size for an image over email

Position the cursor in the Pixel dimensions area of the Image Size dialog box and change the width to 320 pixels. The height will adjust accordingly. Press Ok. Notice the image is smaller. Change the zoom level to 100% by

clicking twice on the zoom tool.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 8 Colorado State University Computer Applications Training ©

Save the File

Choose File, Save for Web File Format: jpg for photo Quality: choose High for email quality Press Ok and Save. Tip: size guidelines for email and web

 

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 9 Colorado State University Computer Applications Training ©

How to Resize an Image from the Web for Print?  You will find images on the web that you might need to print. Caution: look at copyright data. Images on the web are low in resolution and are not set up for print quality. Prior to printing the image, you need to review the image and change its resolution. Remember: when you increase your resolution, your physical image size will get smaller. File, Open, Garth thumbnail.jpg Select Image, Image Size

Image is very small. We don’t want to alter the quality of the image. Instead we want to increase the resolution, so the pixels will be packed more closely went sent to the printer.

Deselect the Resample image. Notice the pixel dimension area is locked. Change the resolution from 96 to 150. Notice the width and height adjusted automatically and it’s smaller. Bottom line, there is not a whole lot of flexibility when trying to make a web image higher in resolution for print. The physical size of the image will have to decrease in order to get print quality.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 10 Colorado State University Computer Applications Training ©

How can I make my image a bit larger in size and not resolution?  There will be times when you need to increase your image size, slightly, for a particular project. Open the image Open Garth Thumbnail.jpg Choose Image, Image Size.

Make sure Resample Image is selected. Change the Bicubic drop-down menu to Bicubic Smoother Change the document size UOM from inches to Percent

Change the width of document size from 100% to 110%. Note, only increase the image by 10% at a time. Press Ok. Repeat the above procedure as necessary. Note, only use this is if you are in desperate need for a larger image. Quality will not be the best, but if you only increase a couple of times, it might not be too noticeable.  

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 11 Colorado State University Computer Applications Training ©

Images for Slide Shows  Which file type works best in a PowerPoint Presentation?

Jpg Png Gif

Stay away from Tiff in a slide show. The files are larger and can slow down your presentation. Using large Tiff files in PPT can CRASH your presentation!

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 12 Colorado State University Computer Applications Training ©

What image size should I use?  If you want your image to be as large as the screen, then size will vary depending on your device. In most cases, your presentation will be projected on a normal projector. If so, you probably want your images to be 1024x768 pixels. If you are projecting on a HD (high definition) projector, then your pixel size should be 1280x720. If you are setting up your presentation for a computer, then it should match the computer screen resolution. Find the screen resolution by right-clicking your mouse on the desktop and choosing:

If you have the Vista operating system, choose Personalize, Display Settings If you have the Windows XP operating system, choose Properties, Settings If you don’t know what type of projector is being used, then just go with the 1024x768

pixel size.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 13 Colorado State University Computer Applications Training ©

Sizing an image for PowerPoint  File, Open, Summer_2008 003.jpg Goal: make the image a specific size and specific resolution for a PowerPoint slide. From Photoshop, select Image, Image Size

Notice the size of the image, 22.9M. This file is WAY too large for a presentation. If I insert 20 slides and there are all at least 22M…. good luck navigating the presentation!

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 14 Colorado State University Computer Applications Training ©

Since we want to change the resolution and the pixel dimensions of the image, we need to change resolution first and then change the pixel dimensions.

In order to change the resolution without changing any pixel information, uncheck Resample Image. Next, change the resolution to 96 ppi.

Next, select the Resample Image check box. Position the cursor in the Width field and change it to 1024. The height should adjust accordingly if the image is in the correct aspect ratio. Notice the change in file size. The file decreased from 22.9M to 2.25M. The image is now the right size and resolution and the file size is more manageable for the presentation

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 15 Colorado State University Computer Applications Training ©

If the image is not in perfect aspect ratio, then an alternative way to resize your image in Photoshop is with the Crop Tool. Using the Crop tool, the width, height, and resolution can be set prior to cropping so that when you do crop, it will be according to the aspect ratio. File, Open, Summer_2008 004.jpg Select the Crop tool from the toolbox. From the Options at the top of the Photoshop window, type in the following pixel and resolution dimensions. Tip: Be sure to type in the UOM of PX or Photoshop will assume you are wanting IN for inches.

Next, crop the picture. Left click the mouse and drag it over the image. Photoshop will restrict the crop box to the measurements in the Options bar.

Move the crop box my positioning the cursor inside the marquee and dragging it to the desired location. Complete the crop by double-clicking with the mouse inside the crop box.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 16 Colorado State University Computer Applications Training ©

Verify the image is at the correct size and resolution by going to Image, Image Size menu.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 17 Colorado State University Computer Applications Training ©

How to Change your Slide Size to fit your Image Not many users change their slide size to fit the image. However, with the new HD projectors coming out, resizing slides will become more important to insure quality. PowerPoint automatically stretches an image to fit a slide. Stretching an image to fit a slide could have an adverse effect on your image. Using PowerPoint, select the Design tab, Page Setup icon.

Notice that width and height is displayed in inches rather than pixels. PowerPoint cannot display pixel information. Tip: create a canvas in Photoshop that is 1024x768 pixels. Change the UOM from PX to IN to get the conversion. Type in the dimensions of 10.66 x 8 and click on the OK button. Now every slide in the presentation will be the custom size.

Tip: Scale for your convenience. Notice that PC and a Mac display ppi differently.

 

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 18 Colorado State University Computer Applications Training ©

Adding Images to the PowerPoint Slides  The preferred way to insert an image in PowerPoint is to use the Insert, Picture command. However, there are other ways to insert images such as, drag and drop from desktop, copy/paste, and/or use the layout slide with an image place holder.

Insert an image using the Insert tab, Picture icon  Insert a new slide by pressing Ctrl M.

Next, change the slide layout to ‘blank’. From the Home tab, select the Layout icon, Blank slide.

Navigate to the Insert tab and select the Picture icon. Browse and select the resized image that is set to 1024x768.

Notice the image fills the entire slide.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 19 Colorado State University Computer Applications Training ©

Insert an image using the Layout Slide for an Image  Insert a new slide by pressing Ctrl M From the Home tab, select the Layout icon, and any slide layout that has an image icon on it.

Selecting the Picture icon will launch the Insert, Picture dialog box. Browse and select the resized image that is set to 1024x768.

Result: The image doesn’t fill the entire slide. The image only fills the size of the image box that PowerPoint inserted on the slide.

 

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 20 Colorado State University Computer Applications Training ©

Resizing an image in PowerPoint PowerPoint does have tools to resize an image. However, this is not recommended. PowerPoint is an Okay tool to resize and make an image smaller on occasion. However, don’t ever use PowerPoint to make an image larger. Also, when you resize an image in PowerPoint or Crop an image in PowerPoint, the file size remains the same. Meaning, all the discarded or changed data for the image remains until the image is compressed. When an image is compressed in PowerPoint, only then will it delete your discarded data and downsize the file. To resize an image in PowerPoint, start by selecting the image. Notice the Ribbon changes to show a Format Picture tab. Select the Format Picture tab.

As an example, select the Crop tool and crop the image. Next, select the Compress Pictures icon from the Format, Picture tab of the Ribbon.

Review the options. Select the Options button.

Select the options that best fit your image for the presentation and click on the OK button.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 21 Colorado State University Computer Applications Training ©

Which File Type Should I use for the Web or for my RamCT Course? 

Selecting a Format (information provided by the University of Iowa)

A PowerPoint file can be saved in different formats; each has its advantages and disadvantages. See also table below:

1. Native PowerPoint file [.ppt, .pptx, or .pps (PowerPoint Show)] o Requires the student to download a file and view it using PowerPoint or another

viewer. o Can display in color; good for showing small details. o Students can set their own printing preferences (slides per page, color vs. black

and white). o Preserves animations and multimedia (embedded audio/video). o Easiest option for the instructor.

2. .html slide show (web page) o NOTE: Due to a bug in the current version of ICON, this method is NOT

RECOMMENDED. Testing has shown that a blank screen may appear instead of the PowerPoint presentation.

o Can be viewed within ICON (in the web browser). Students don't need to download additional files or use any other software.

o Can display in color; good for showing small details. o May be difficult or expensive to print (one slide per page). o Animations and multimedia may be lost. o Requires considerable work on the part of the instructor.

3. . pdf o Easy and inexpensive to print (can be printed in black and white). o Can be saved in outline form or as multiple slides on a page (good for note taking

if made available prior to class). o Animations and multimedia may be lost. o Requires pdf-creation software (the full version of Adobe Acrobat) for Windows

users; MacOS has built-in pdf creation capabilities.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 22 Colorado State University Computer Applications Training ©

Native PowerPoint (.ppt, .pptx, .pps)

.pdf .html

NOT RECOMMENDED due to current bugs

Ease of creation for instructor

Very easy Easy Difficult

Ease of viewing for students

Easy Easy Very easy

Printing Flexible; students can choose preferences

Instructor dictates preferences, but easy for students to print

Difficult; what works on the web may not work in print.

Animations and multimedia

Preserved Lost Lost

Extra software Students must have PowerPoint (usually not an issue)

Instructor must have full version of Adobe Acrobat (Windows users only; MacOS has built-in PDF creator)

None required

Color/detail Preserved May be lost Preserved

Control Students can edit their own local copies; cannot edit original on ICON

Students have no editing capabilities.

Students have no editing capabilities.

Note on Google Apps:

Google Apps it doesn’t recognize Office 2007 file types. However students can upload a file to their google account and view it using the Presentation tool. Note, not all custom animations will be viewable in Google Apps.

C:\Users\fcampana.MORGAN\Desktop\How Come My PowerPoint Slides Take So Long To Load_instr.docx  Page 23 Colorado State University Computer Applications Training ©

Why doesn’t my PPS file launch directly in a slide show?  Can I fix this?    Inserting a link to a pps file or a ppsx file doesn’t guarantee the file will open in slide show view. The end user controls the behavior as to how the file will be displayed. Also, different browsers treat the pps and ppsx files differently.

Test Results from my Colleague, Greg Vogl, Morgan Library.  Save a PowerPoint presentation as a show (.ppsx) and make a link to it. In all browsers, the user is asked whether to open or save. There is an option to always perform this action for this file type; the user should check this option. In Internet Explorer 8, users can check that .ppsx is associated with PowerPoint and change this if it is not right: Tools > Internet Options > Programs > Set Programs > Associate a file type or protocol with a program Internet Explorer opens the show but does not start playing it; other browsers (Mozilla) play it immediately. This may be because Internet Explorer recognizes that PowerPoint is installed on the system.