Skip to content

Using Animated WebP from Stockflow.media

Browse Collections


Overview

Animated WebP is a modern image format that provides GIF-like animation with significantly better quality and smaller file sizes — the next generation of animated images for web and digital use.

Coming soon: Stockflow.media will be adding animated WebP assets — including looping microscopic animations, food motion clips, and UI-ready science loops.


What Is Animated WebP?

Animated WebP files work like GIFs but with substantial improvements:

Feature GIF Animated WebP
Max colours 256 16.7 million (full colour)
Transparency Basic (1-bit) Full alpha channel
File size Large Up to 64% smaller
Loop support Yes Yes
Browser support Universal All modern browsers
Best for Simple animations Rich, smooth animations

Use Cases

Web Animations and UI

  • Website hero section loops — a microscopic cell or food scene playing silently as a background
  • Loading animations with science-themed visuals for biotech or education websites
  • Hover effects that trigger on mouse interaction

Social Media and Messaging

  • WhatsApp sticker packs (supports animated WebP natively)
  • Telegram animated stickers
  • Discord animated emoji and server expressions
  • Tumblr and Reddit animated post content

Educational Interactives

  • Embed animated WebP in e-learning modules (Articulate, Rise)
  • Use in interactive textbooks to show biological processes looping
  • Digital classroom displays with animated biology content

Email Marketing

  • Animated WebP works in many email clients (Gmail, Apple Mail)
  • Promotional emails with subtle animated product visuals

Canva and Design Tools

  • Canva supports animated WebP as uploaded animated elements
  • Create animated social media carousels with subtle motion

Upcoming Animated Content Ideas

Animation Category Use Case
Dividing cell loop Microscopic Education, biotech web
Bioluminescent pulse Underwater Hero background, ambient loops
Fungal growth timelapse Fungi Documentary, science social
Biriyani steam rising Food Restaurant web, social media
Pollen grain spinning Pollen Science content, e-cards

How to Use Animated WebP in Tools

Tool Support
Browsers (Chrome, Firefox, Edge) Full native support
Canva Upload and use as animated element
Photoshop (2023+) Open and edit frame-by-frame
Figma Renders animation in prototype mode
WhatsApp / Telegram Native animated sticker support
After Effects Use plugin or pre-render to MP4

Animated WebP Format Details

Property Value
Extension .webp
Animation Supported (frame-based)
Transparency Full alpha channel
Compression Lossy or lossless
Best For Web animations, stickers, GIF replacement

Browse Current Collections View All Guides