Welcome to the LMS Image Guide
Everything you need to create professional course imagery for Litmos
Your Ownership
Select and upload standard course images directly in Litmos. You're closest to the content — you know best what visuals match the learning objectives.
What You'll Create
Course thumbnails, module imagery, illustrative visuals, and educational graphics using stock, AI, or simple illustrations.
Marketing Support
Complex illustrations, brand-critical assets, logos, and custom designs that go beyond standard course visuals.
Why This Matters
Reduces back-and-forth, speeds up delivery, and gives you full autonomy for operational imagery without approval bottlenecks.
Quick Start
Brand Guidelines
Maintain consistency with VIP Medical Group's visual identity
Primary Colors
Typography
Image Style Guidelines
- Use clean, professional imagery appropriate for healthcare
- Prefer diverse, inclusive representation in people images
- Avoid overly clinical or graphic medical imagery
- Use illustrations for abstract concepts
- Keep backgrounds clean and uncluttered
- Ensure good contrast for readability
Image Sources
Where to find quality visuals for your courses
Stock Photos
RecommendedProfessional photography for realistic scenarios
Illustrations
RecommendedVector illustrations for concepts and processes
AI-Generated
Use CarefullyCreate custom visuals when stock doesn't fit
- Always review AI images carefully for errors (extra fingers, distorted text, etc.)
- Avoid using AI for realistic human faces in professional contexts
- AI illustrations are generally safer than AI photos
- When in doubt, use stock or vector illustrations instead
Editing Tools
How to customize and prepare your images
Common Tasks in Canva
Create Course Thumbnail
Click "Create a design" → Custom size → Enter 1280 x 720 px → Add background, text, icons
Resize an Image
Upload image → Click "Resize" (top menu) → Enter dimensions → Download
Remove Background
Select image → "Edit image" → "BG Remover" → Download as PNG
Add Text Overlay
Click "Text" → Choose style → Type your text → Adjust font, size, color
Apply Brand Colors
Select element → Click color picker → Enter hex code (#0066CC for VIP Blue)
File Specifications
Technical requirements for Litmos uploads
Format Guidelines
JPG / JPEG
Best for photographs and complex images with many colors. Smaller file sizes.
Use for: Photos, realistic imagesPNG
Supports transparency. Best for graphics, logos, and illustrations.
Use for: Logos, icons, graphics with transparencyGIF
Supports animation. Limited colors (256 max).
Use for: Simple animations, demosExample:
hipaa-compliance-module-thumbnail.jpg
Visual Do's & Don'ts
Best practices for professional course imagery
✅ Do
-
Use high-quality images
Crisp, clear visuals that look professional at full size
-
Keep it relevant
Every image should support the learning objective
-
Be consistent
Use similar styles within a course (all illustrations OR all photos)
-
Consider accessibility
Good contrast, readable text, alt text for screen readers
-
Use brand colors
Apply VIP Blue (#0066CC) for consistency
-
Check licensing
Ensure images are free for commercial/educational use
❌ Don't
-
Use low-resolution images
Blurry or pixelated images look unprofessional
-
Stretch or distort
Always maintain aspect ratio when resizing
-
Use watermarked images
Always use properly licensed, watermark-free images
-
Overcrowd with text
Images should support content, not replace it
-
Use graphic medical imagery
Avoid blood, wounds, or disturbing visuals
-
Mix too many styles
Stick to one visual style per course
When to Request Marketing Support
Complex diagrams, medical illustrations, or branded infographics
Logos, official templates, or materials for external use
Charts, graphs, or diagrams that require design expertise