← Back to all work
WebsiteImages

WebP Converter

Convert images to or from WebP format.

STATUSPublic page live
FOCUSImages
DIAGRAM SCOPEWorkflow overview

THE PROBLEM

What it sets out
to solve.

Turn image + target format into webp / jpg / png image through a focused workflow.

THE APPROACH

How it comes
together.

Decode and re-encode image on the device, then expose a reviewable result for copying or download.

UNDER THE HOOD

Follow the workflow.

Trace the components.
Select a node for its role in the system.

Workflow overview · WebP Converter3 COMPONENTS
INTERACTIVE 3DWebP Converter
Next.jsReactTypeScript
Move to tilt · Drag to rotate · Arrow keysDrag to rotate · Tap a component3 components · 2 connections
2D diagram
Trace connections 2 relationships
  1. Image + target formatDecode and re-encode image
  2. Decode and re-encode imageWebP / JPG / PNG image

Select a component to see how it fits into the system.

CAPABILITIES

What’s inside.

  • 01

    Image + target format

  • 02

    Decode and re-encode image

  • 03

    WebP / JPG / PNG image

Let’s build something useful.

Start a conversation ↗