Compression Streams API Demo - Online Gzip/Deflate Raw
Compress and decompress text using the browser's native Compression Streams API. See the binary output size.
UD5 Toolkit
Test and compare all 12 Brotli compression levels to find the optimal balance for your content
lgwin parameter controls the size of the sliding window used during compression, expressed as a base-2 logarithm. The default is 22, which means a 4 MB window (2^22 bytes). Larger windows can improve compression ratio for large files with repetitive patterns far apart, but they also increase memory usage during compression and decompression. The valid range is 10â24. For most web content, the default of 22 is optimal.
Accept-Encoding: br header, falling back to Gzip for older clients.
Compress and decompress text using the browser's native Compression Streams API. See the binary output size.
Enter a URL and get a quick simulation of First Contentful Paint, LCP, and CLS using browser metrics. Lightweight alternative.
Drag a slider to compare your original image with a compressed version (e.g., WebP). See the quality difference and file size savings.
Simulate forcedâcolors mode and see how your site looks. Adjust CSS system colors. Make your design accessible.
Paste two strings that look the same and see if they differ after normalization. Debug invisible encoding bugs.
Shrink a PDF file size with configurable image quality and object removal. All processing stays in your browser.
Simulate adaptive bitrate logic by switching between different quality video segments. See how ABR algorithms work.
See how a full paragraph looks with your chosen text and background colors. Not just a ratio; the real appearance.
Test overscrollâbehavior: contain to prevent background scroll or pullâtoârefresh. See the effect in a live demo.
Open a test video in PictureâinâPicture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
Define multiple @layer blocks and see which styles win. Understand layer order and revertâlayer. Modern CSS architecture.
Simulate reduced motion preference and test your animations. Copy the media query snippet. Keep your users safe.
Upload a text file to detect its character encoding (UTF-8, ISO-8859-1, etc.) and BOM presence. Runs entirely in your browser.
Nest elements in 3D space with preserveâ3d vs flat. Rotate the parent and see children behave differently.
Paste your JSONâLD or Microdata and test it against Google's Rich Results criteria. Get warnings. Local linter.
Adjust page characteristics (image size, server delay, layout shift) and see the simulated Core Web Vitals scores. Understand what impacts performance.
Convert text and files to Base64 or decode Base64 back to original content. Processed locally with no server upload, ensuring complete data security.
Select PostCSS plugins (Autoprefixer, nesting, customâmedia) and generate a postcss.config.js file. Streamline your CSS pipeline.
Apply realistic reverbs (cathedral, hall, room) to any audio using preâloaded impulse responses. Hear the difference instantly.
Test how nonâLatin characters (Chinese, Cyrillic, Arabic) convert to URLâsafe slugs with proper transliteration rules. Preview the final string.
Detect browser support for fontâtech() and fontâformat() values in @fontâface src. Check COLRv1, variable, etc.
Merge an SRT subtitle file onto a video directly in the browser. Preview and download the resulting video. All local.
Load an animated GIF and adjust its frame delay to make it slower or faster. Download the modified GIF. All local.
Paste your full CSS and HTML; automatically identify and extract the styles needed for the visible part. Reduce renderâblocking resources.
Replace long CSS class names with short random strings. Map generated. For production optimization.
Patch the PerformanceObserver and show your pageâs Core Web Vitals as you browse. See realâtime scores and suggestions.
Tap any key to the beat and get the BPM (beats per minute). Useful for DJs, musicians, and running. Simple and accurate.
Paste a string of 0s and 1s and decode it back into ASCII text. Handles spaceâseparated blocks. Local.
Toggle scrollbarâgutter: stable to reserve space for the scrollbar and avoid content jumps. Visual demo with two columns.
Turn your webcam feed into realâtime ASCII art. Adjust density and character set. Fun for streams and demos. No upload.