HOW TO CONVERT GOOGLE SLIDES INTO H5P PRESENTATION? STEP-BY-STEP TUTORIAL
Topics covered in this post:
Converting Google Slides into H5P presentation.
The good news is – I am going to walk you step by step through this process. The not so good news is that there is no easy way and you need to export all slides as images and then add each slide in to H5P- one by one either as an image or as background.
Think if you have any particular reason to make your presentation H5P – like using some of the functionalities not available in traditional Google slides pr PPT. There is a bit of manual work, and it simply might not be worth all the effort – especially if your presentation is a hundred slides long. However, if you still want to learn how to do it, stay with me, and I will guide through this process step by step.So let’s get to it and see how to convert google slides into H5P presentation. Unfortunately, at the time of posting this, there is no option to import or migrate google slides into h5p, and we will need to migrate each slide one by one. This can be time-consuming, so think carefully if it is worth your effort. And here is the process step by step.
STEP 1. CHANGE GOOGLE SLIDE ASPECT RATIO TO MATCH H5P RATIO
So the first thing is to make sure that the slides aspect ratio matches that of H5P.
- H5P slide ratio is 2:1
- Google Slides Default size is 16:9
Before downloading your slides make sure they have the same ratio as H5P slides – otherwise, you will get an image that doesn’t fit perfectly into your H5P slide, or if uploaded as H5P background will be stretched like this one here.
Google Slides allows you to change the aspect ratio of your presentations, choosing between Standard (4:3), Widescreen (16:9), Widescreen (16:10) and custom size.
How to change the size of Google slides to make them compatible with H5P
- On your computer, open a presentation in Google Slides.
- Click File > Page setup.
- Choose your custom ratio – in this case you need to select a custom ratio.
- Below “Custom,” enter the size and pick a measurement unit (inches, centimetres, points, or pixels).
- I usually go by pixels. The height is 1080px, so I make the width twice that – 2160px.
- Click Apply.
You see you get that extra space here after resizing slides – now you will need to fix anything that doesn’t fit the new resized slide. And remember this change affected all slides so you need to fix graphics on all of them
STEP 2. SAVE GOOGLE SLIDES AS IMAGES
When you are happy with the slides ratio and their layout and composition, you can start downloading selected slides from your presentation one by one as images.Bare in mind that you will lose any transitions you might have in your slides when you download them as static PNG or JPG images.
How to download google slides as images
- Click on the slide to save as an image.
- Click File.
- Select Download.
- Choose JPEG or PNG.
Unfortunately, you need to do it slide by slide. I was mentioning earlier that it can be time-consuming, so have a good reason to do that.
STEP 3. UPLOAD VISUALS TO THE H5P PRESENTATION AS IMAGES OR BACKGROUNDS
Images uploaded to the slides can be resized in H5P while editing slides. Background, on the other hand, are fixed and fill in the entire space of the slide. Downloading images in the correct 2:1 ratio is particularly important if you plan to use slides as backgrounds.
To upload background click on the icon with the paint bucket below the slide. You can now choose whether you want the same background for the entire template or for just one slide.I usually add images as the background because I prefer that they are in a fixed position and when adding additional functionality and interactions, there is no risk of accidentally moving or resizing them.
Ok, so that’s how you create the H5P presentation from Google slides.
Just one final note – If your presentation is long, consider using H5P for smaller chunks of your content – some section of your presentation perhaps. Think whether your learners would benefit from some interactivity, additional functionality that your google slides don’t have – and I don’t mean adding video or audio – this all can be easily created in Google slides. Think about the functionality that can be achieved only or more comfortable in H5P (built-in quiz, scenario or some other functionality of H5P slides – I have discussed them here in the post about How you can do H5P slides to make your presentations more engaging and effective).
Thanks for watching, I hope it was useful. Let me know if there are any topics you would like to be covered in my future videos.And don’t forget to show your support by liking and subscribing to my YouTube channel. If you are interested in topics I post about, join my newsletter – you can subscribe right below this post!
LEARN MORE ABOUT H5P:
SUBSCRIBE AND GET THE PRINTABLE LEARNING CARDS FOR FREE!
Hi, I am Gerta.
Welcome to my blog.
eLearning tips & tricks
Get free resources, design & technology tips sent to your inbox!
H5P Interactive Video – examples of all interactions.
How to use video in H5P slides – combining video and H5P presentation
Six Learndash Plugins For Your first WordPress LMS
Zoom meetings – how to Vote and use Raise Hand option
Dictation can save your time. My favourite dictation and voice-to-text app is Otter.ai
9 events of instruction by Robert Gagné
LearnDash LMS on WordPress website Demo