Optimizing Graphics for eLearning

A. Photo of work environment      B. Photo of narrator
C. Drop shadow       D. Caution symbol illustration
E. Flyout background

Have you ever thought about how graphics’ file sizes impact elearning courses? Think back to the last video you viewed that buffered while you watched it. Buffering can make a video difficult to follow. The same thing happens when learners wait for graphics to load in elearning.This isn’t all about the learner though. As an author, you’ll work faster with smaller files: objects move smoother, regenerate quickly, save faster. As an added bonus, optimized graphics look more professional.

Rather than bore you with an encyclopedia about optimizing graphics, I selected a few critical tips that you can implement right away with image editing software, such as Photoshop, Illustrator, Gimp, or Inkscape.

The activity image below will help me explain the tips.

Separate foreground and background images

For the activity, the narrator needs to change position four times. To do that, people often put four pictures of the narrator in the hospital environment in the activity. That’s a lot of data to load every time the narrator changes. Besides that, the background turns off, then on, and moves slightly with each change, which looks unprofessional.

A slimmer and sleeker approach is to get five pictures; one of just the background without the narrator and four of the narrator to cut out and overlay. Separating the narrator significantly reduces the data required for each change.

Read More: http://www.smartbuilder.com/blog/optimizing-graphics-for-elearning-2/

adminTrendsCourses,elearning,Tools
Have you ever thought about how graphics’ file sizes impact elearning courses? Think back to the last video you viewed that buffered while you watched it. Buffering can make a video difficult to follow. The same thing happens when learners wait for graphics to load in elearning.This isn’t all...
FacebookTwitterGoogle+Share