Picture‑in‑Picture Tester - Online Float Video Anywhere
Open a test video in Picture‑in‑Picture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
UD5 Toolkit
Open a test video in Picture‑in‑Picture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
A horizontal photo gallery that scrolls with a smooth CSS animation using scroll‑timeline. Pure HTML/CSS. Copy the code.
Enter an image URL, crop it interactively, and download the result. No upload. Works with any CORS‑enabled image.
Select a short video and convert it to an animated WebP image for faster web loading. Adjust quality and size. Local only.
Generate placeholder images with custom dimensions, background color, and text. Supports SVG and raster output. Perfect for wireframing and mockups.
Drop a folder of images and convert all to the same format at once. Choose quality and download as ZIP. Local only.
Upload an image at multiple widths and generate a complete <picture> or <img srcset> snippet. Modern web performance.
Convert images between popular formats like PNG, JPEG, WEBP, and BMP. No quality loss on conversion when using lossless formats. Private and fast.
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, cross‑origin friendly.
Generate a random placeholder photo with custom dimensions. Unique greyscale images, no external service. Canvas generated.
Convert video files between common formats using FFmpeg WASM. No upload required; all processing stays in your browser.
Compare your image as JPEG, PNG, and WebP side by side at different quality levels. See the size savings visually.
Upload multiple sizes of the same image and generate the complete srcset and sizes attributes. For perfect responsive performance.
Compress images while preserving quality. Adjust compression level and preview output size. All processing is done client-side for fast and secure optimization.
Enter an image URL and extract its dominant color palette. No download needed. Fast visual analysis.
Resize a video by cropping to a new aspect ratio or scaling up/down. Apply and download the result. Browser‑based.
Decode individual video frames from a local file using the VideoDecoder API. Step through frames. Cutting‑edge browser feature.
Enter title, subtitle, and logo URL. Generate a beautiful Open Graph image ready for social sharing. Download PNG.
Convert multiple PNGs to WebP format at once. Adjust quality and see size reduction. All processing local and private.
Upload one image and see it encoded in AVIF, WebP, and JPEG XL side‑by‑side. Compare quality and file size in your browser.
Toggle image‑rendering: auto, pixelated, crisp‑edges on a scaled image. Essential for pixel art display.
Increase or decrease the color saturation of your photo with a slider. Preview instantly. Download the edited image. Canvas‑based.
Upload one image at multiple widths and generate the complete img srcset and sizes attributes. Perfect for performance.
Compare original and compressed image side‑by‑side with a slider. Choose format and quality level. Local processing.
Predict the file size of an image based on pixel dimensions and format (JPEG, PNG, WebP). Rough estimate. Local.
Add a decorative rectangular border/frame to your image. Adjust width, color, and shadow. Download the framed photo.
Paste a list of image URLs and generate a valid Google Image Sitemap XML. Essential for photography sites.
Drop a PNG file and see all its chunks (IHDR, tEXt, etc.). Extract hidden text and color profiles. Pure JavaScript reader.
Downscale an image to a grid of colored `<td>` cells. Create a huge HTML pixel art. Copy the code.
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool for designers.