Display PowerPoint Slides in a Slide Sorter-Style Web Page with WPS Presentation
Question details
The user wants to publish PowerPoint slides on a web page as a thumbnail grid similar to PowerPoint's Slide Sorter view and needs a reliable export and HTML arrangement workflow.
- Product
- WPS Presentation
- Device & OS
- not provided
- Scenario
- The user has a PowerPoint or WPS Presentation file and wants to display its slides on a website, CMS, or learning platform in a grid layout instead of a single embedded slideshow.
- Observed behavior
- PowerPoint Slide Sorter shows thumbnails inside the desktop app, but it does not automatically generate a slide sorter-style layout on an arbitrary web page.
Make sure your presentation is saved as a .pptx file and that you have access to the target web page, CMS media library, or HTML editor where the exported slide images will be placed.
Export WPS Presentation slides as images and arrange them in an HTML grid
Use this method when you can edit the page HTML or CSS and need a slide sorter-style thumbnail grid.
WPS Presentation can export every slide as a static JPG or PNG image. Once you have one image per slide, a simple HTML table or CSS grid lets you arrange the thumbnails in a slide sorter-style layout.
Double-click the .pptx file in WPS Office, or launch WPS Presentation and use File > Open to select the presentation.
Click the Menu button in the top-left corner, choose Export > Export to Image, and select JPG or PNG as the output format. Export all slides to a dedicated folder.
Upload the exported JPG or PNG files to your website server, CMS media library, or learning platform file area.
In your web page editor or HTML file, add a table or CSS grid and place one slide image in each cell using the uploaded image URL.
Use CSS properties such as max-width, gap, and padding to control thumbnail size and spacing so the page looks like PowerPoint Slide Sorter.
Use the platform’s built-in gallery or presentation embed option
Use this when your target page is a managed CMS, LMS, or website builder and you cannot edit raw HTML.
Create a Slide Sorter-Style Web Page from WPS Presentation Slides
Open the PowerPoint file in WPS Presentation, export slides as JPG or PNG, then place those images in a responsive HTML grid. WPS handles .pptx files directly, so you do not need to convert the presentation before exporting slide images.
- 1. Open your presentation in WPS Presentation: Launch WPS Office, click Presentation, and open the .pptx file you want to display on the web.
- 2. Export slides as images: Go to Menu > Export > Export to Image, choose JPG or PNG, and export all slides to a dedicated folder.
- 3. Upload images to your web space: Upload the exported images to your website's media library or server folder where the HTML page can reference them.
- 4. Build the HTML grid: In your HTML file, add a table or CSS grid and insert one slide image per cell, using the uploaded image URLs.
- 5. Set responsive spacing: Use CSS properties such as max-width, gap, and padding to make the grid resemble PowerPoint Slide Sorter on desktop and mobile.
Frequently Asked Questions
Can WPS Presentation export every PowerPoint slide as a separate image?
Yes. Open the presentation in WPS Presentation, go to Menu > Export > Export to Image, choose JPG or PNG, and export all slides; each slide is saved as an individual image file.
Will this web page layout preserve my slide animations and transitions?
No. JPG and PNG exports are static thumbnails, so animations, transitions, videos, and internal links do not run on the web page. Use an embedded presentation player if you need those effects.
How do I make the slide grid responsive on mobile?
Use a CSS grid or flexbox with percentage-based or auto-fit columns, and give each slide image a max-width of 100%. This lets the thumbnails reflow on smaller screens.
What if I cannot edit the HTML of my website?
Upload the exported slide images to the platform’s gallery or image block and select a grid or column layout. If that option is not available, contact the site administrator for an embed or gallery feature.
Do I need Microsoft PowerPoint installed to prepare the slide images?
No. WPS Presentation opens PowerPoint .pptx files directly and can export the slide images needed for the web page grid.
