The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
WebP encoding. Pure TypeScript. No WASM.
WebP encoding, without shipping a native binary or a WebAssembly module.
I ported my PHP WebP encoder to TypeScript and published PicoWebPJS.
It includes its own PNG, baseline JPEG and BMP readers and writes the WebP bitstream itself. The same encoding core runs in Node.js and modern browsers, with zero runtime dependencies.
That gives an upload tool the option to convert images on the user's device, and a Node application an encoder without platform-specific native bindings. Transparency and colour profiles are preserved, with a browser-worker example and resumable Node.js encoding included.
Native encoders are generally faster. This package is for the cases where keeping image processing portable and free of native tooling is worth that trade-off.
Open source. MIT licensed. Available on npm.
npm install picowebpjs
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
How do you turn a sense into a symbol?
Sensorium is a luxury wellness brand from Dubai built around the connection between the senses, the body and emotional wellbeing.
For this project, I created a visual language around the five senses, with a unique symbol for each one. Each symbol is built within the same circular structure, giving the elements shared proportions and a cohesive relationship, while keeping enough movement to work across different scales, textures and applications.
How important is visual cohesion to you when building or evaluating a brand system, and how do you approach it?
This is a beautiful way to turn an abstract sense into a system—the shared geometry makes the five symbols feel related without flattening their individual character. The balance between repetition and movement should give the identity a lot of range across touchpoints.
So proud to finally share this one 🎨
Drawing America was one of our biggest Kajabi projects – a 4+ month rebuild and migration of an entire art education platform from WordPress to Kajabi.
We started with the sitemap and platform structure, created a visual guide, designed the experience in Figma, and then moved into custom Kajabi development.
One of the most interesting challenges was building a custom filtering system for 50+ courses across recorded, live online, and in-person formats. On top of the website, we also worked on course migration, Kajabi offers, events, community, automations, and migrating 9,000+ student contacts.
Definitely one of those projects where Kajabi became much more than a course platform 🙌
Very impressive. I’d love to help out if you need help with AI automation or an extra dev support in the future
Great visual hierarchy.
