The HTML export in Spine is designed to make sharing animations much easier! Here's what you can do with it:
What the HTML Export Provides
The HTML export creates a standalone file that includes:
- The Spine Web Player
- Your animation data (JSON/binary)
- Atlas and texture data
- All embedded in a single HTML file
You can learn more about embedding assets in a single file here: Blog: Embedding assets with Spine Web Player
Using it for Preview and Sharing
For previewing and sharing animations, the Spine Web Player is perfect! Check out: Blog: Spine Web Player released
The best part is that when you embed everything into a single HTML file, you can:
- Share it directly as a file
- Host it on any server without worrying about loading separate assets
- No need to manually set up JSON loading like your previous setup
Regarding Social Media Previews
For social media link previews (Open Graph images, Twitter cards, etc.), the HTML file itself won't generate automatic previews. Social media platforms look for specific meta tags with image URLs in the HTML.
For sharing on social media, you might want to consider:
- Exporting as GIF or APNG for direct embedding in social media posts
- Exporting a PNG sequence or single frame as a preview image
- If using HTML, you'd need to add Open Graph meta tags with a preview image to the HTML file
You can see all available export formats here: Export - Spine User Guide
