Interactive images
Your image. Now it teaches.
Upload a diagram, a photo, or a map, then add hotspots, questions, guided tours, or a branching deep-zoom story. Learners explore and answer, and you see exactly how they did.
What you can add
Six ways to bring a picture to life
Clickable hotspots
Drop a marker anywhere. A tap reveals an explanation, a picture, or a link.
Questions on the image
Ask multiple-choice or true/false right where it matters, with configured scoring and feedback.
Click-the-region
Ask learners to find the right spot, such as the nucleus, and check exactly where they tapped.
Guided tours
Walk learners through an image one spotlight at a time, with a note at each stop.
Titles & labels
Add styled headings, captions, and callouts directly on the picture.
Arrows & connectors
Point at the detail that matters, or link a label to the part it names.
One image can contain whole worlds.
Place a portal on a meaningful detail, upload the destination scene, then add its explanation, activities, and further doorways in the same Image Studio.
A learner's path
Entry portal
Follow the pollinator
Level 01
Meet the bee
Branch A
Read the wing
Branch B
Enter the pollen
How it works
From picture to lesson in minutes
No design tools or code. Place the elements, style them, preview the result, and share it.
1. Choose the starting image
Upload a diagram, photo, map, or screenshot, or generate the first image in the creator.
2. Add elements where they matter
Use one Image Studio for hotspots, questions, teaching overlays, and connected zoom scenes.
3. Make it yours
Pick marker styles and colors, style the text, and shape the arrows directly on the canvas.
4. Share a link or embed it
Send the learner link, or use the embed snippet in a website or learning platform that accepts iframe content.
Where it shines
Made for teaching with pictures
Diagrams that quiz back
Label a cell, plant, or machine, then ask learners to find each part themselves.
Maps & explorers
Turn a map or a scene into a click-to-discover experience with hotspots on key landmarks.
Walkthroughs & onboarding
Annotate a screenshot, a floor plan, or a product photo and guide people through it.
- Access settings can allow account-free viewing
- Configured objective activities can use scoring and feedback
- Works on phones, tablets, and desktop
- Generate the starting image with AI, or upload your own
Practical guides
Plan before you place the first marker
Use the general workflow first, then open the guide that matches the image and learner action you are building.
Make an interactive image
Follow the complete workflow from source image to preview, publishing, sharing, and embedding.
Read the guideCompare 18 practical examples
Choose a pattern for explanation, practice, orientation, reflection, or a visual journey.
Read the guideImprove hotspot placement
Design markers, regions, labels, feedback, and mobile behavior that people can understand.
Read the guideBuild an interactive diagram
Turn a static diagram into explanation, labeling, spatial practice, and useful feedback.
Read the guideQuestions, answered.
- What kinds of images work?
- You can upload PNG, JPG, WebP, or GIF files up to 5 MB, including diagrams, photographs, maps, charts, screenshots, and artwork. You can also generate the starting image in the creator, then continue in the same Image Studio.
- What is a Narrative Tapestry?
- A Narrative Tapestry turns one image into a branching deep-zoom journey. Learners enter through a portal, move into a close-up scene, then choose where to explore next. Upload each visual world, place its doorway precisely, and add focused knowledge panels and interactions in one connected studio.
- Do learners need an account?
- A published image can allow account-free viewing when its access settings permit it. Private or restricted experiences can require identity or another access check, so review the settings before sharing.
- Is it graded automatically?
- Objective questions and image challenges can be scored automatically when you configure their answer key and points. Polls and other reflective activities collect responses instead of contributing to a score. A free response is auto-graded only when you add keywords and points; otherwise it remains ungraded or waits for educator review.
- Can I make it look the way I want?
- Choose marker treatments, icons, tints, and sizes; add styled titles and captions; and draw straight or curved arrows directly on the image.
- Does it work on phones?
- Yes. In learner playback, markers, cards, and Narrative Tapestry portals scale together with the image, keeping the authored composition intact across phones, tablets, and desktops.
- Can I put it on my own website?
- The editor provides an embed snippet for a published image. It works in websites, blogs, and learning platforms that accept iframe content. Use the learner link when the destination blocks iframe embeds, and check the image's access settings before distribution.
- Is it free?
- Interactive images are available to signed-in creators. The creator shows your current image and smart-graphic generation allowances. See the pricing page for plan details.
Ready to make your first interactive image?
Start with a few hotspots or build a whole branching visual world. Your learners take it from there.