Tag

#webp

33 posts0 followers

Explore Hashnode

Alternatives

Alki4h ago · 6 min read

WebP vs PNG vs JPG for image sequences: file-size and performance test

Short answer: for scroll image sequences, WebP and JPG are the sensible choices, while PNG is almost always a mistake. PNG files are 5× to 10× larger, destroying load times, stalling network queues, a

scrollsequence.hashnode.dev

mengyuxuan12h ago · 9 min read

22 MB of Game-Art PNGs to 1.46 MB: Where WebP Beat AVIF (and Where It Didn't)

Originally published on Hashnode — tested with PixSip. Game art is a different beast from photos. A small HTML5 game's first screen can easily pull in a space skybox, a parallax background, a tileset,

videocompress-guides.hashnode.dev

Toolsgrid1d ago · 4 min read

Image Compression: DCT Quantization vs Canvas Resampling

Resizing an image and compressing an image sound like the same job, but they work in different places. Resizing changes the pixel grid. Compression changes how the pixel data is stored. Mixing them up

toolsgrid.hashnode.dev

ZippicOct 17 · 9 min read

WebP vs AVIF vs JPEG in 2026: Which Image Format Should You Use (and How to Convert Without Uploading Anything)

Images are still the heaviest part of most web pages. A blog post with a hero image and a few screenshots can easily weigh more than all of its HTML, CSS and JavaScript combined. Choosing the right fo

1 zippic.hashnode.dev

Sumit KumarOct 16 · 4 min read

PNG to WebP: Lossy vs Lossless and How to Shrink Your Website Images

I'm Sumit Kumar, founder of TooliFyra. If you run a website, image weight is probably the cheapest speed win available. Many sites still serve large PNGs for logos, screenshots and graphics. WebP can

toolifyra.hashnode.dev

Sumit KumarOct 16 · 4 min read

WebP to PNG: How to Convert and Keep Transparency Intact

I'm Sumit Kumar, founder of TooliFyra. WebP is a great format for the web, but it can be a nuisance when you are the person who downloaded the image. You save a logo from a website, try to drop it int

toolifyra.hashnode.dev

StickoOct 4 · 1 min read

How WhatsApp Sticker Packs Work: Formats, Structure, Metadata, and Validation

WhatsApp stickers look simple when viewed inside a chat, but creating a reliable sticker pack involves several technical considerations. Image format, dimensions, file size, metadata, tray icons, emoj

sticko-whatsapp-sticker-resources.hashnode.dev

ahmed isamSep 21 · 3 min read

How WebP Compression Works

Most write-ups on this topic start with the conclusion. This one starts with the thing that tripped me up, because that is the part that cost me time. Working through how WebP compression works, the p

xiaoxiao2026.hashnode.dev

Sergei SolodAug 27 · 20 min read

Designing a Safer WebP→AVIF Pipeline with SSIMULACRA2

I thought I had a threshold problem. I actually had a reference problem, followed by an acceptance-logic problem. The image pipeline was already doing something fairly sophisticated: instead of assign

sergeisolod.hashnode.dev

GeoImageTaggerAug 22 · 4 min read

A Developer's Guide to Image Optimization: Formats, Compression, and the Metadata Problem

Every web performance guide tells you to "optimize your images." Most of them stop at "use WebP" and "compress to quality 80." But there is a gap in this advice that trips up developers who work with

geoimagetagger.hashnode.dev

Search Hashnode