16 guides · Design & Media
Design & Media guides
Images, video, color, typography, and the everyday creative workflow — compress without losing quality, crop without guessing.
Start here
Design & Media
How to compress images without losing quality
Compress images without losing quality — pick the right format, dimensions, and quality settings to shrink files fast. Free online guide, no signup.
Design & Media
How to choose a color palette
Build accessible color palettes using HSL theory, monochromatic to triadic schemes, WCAG contrast checks, and dark mode tips. Free, no-download guide.
Design & Media
How to design a favicon
Create favicons that render perfectly from 16×16 to 512×512 with dark mode support. Learn the right HTML tags and web manifest setup free online.
More design & media guides
How to resize images without losing quality
Resize images without quality loss — Lanczos vs bicubic, downscale tips, AI upscaling limits, web/print sizes, batch tools. Free guide, no sign-up.
How to use CSS gradients effectively
Build CSS gradients that ship. Free guide to stops, OKLCH interpolation, mesh via stacked radials, animation, and accessibility — no signup required.
How to use box shadows effectively
Box-shadow values decoded, Material-style elevation, multi-layer shadows, color and hue tinting, filter drop-shadow, dark mode, performance.
How to choose border radius values
Determine perfect border radii with design-system scales and the nested-radius formula. Free, online guide for shaping buttons, cards, and squircles.
How to work with aspect ratios
Calculate the right aspect ratios like 16:9 and 1:1 for your web layouts instantly. Prevent layout shifts with a free online guide to CSS and social media requirements, no sign-up.
How to use placeholder text
Replace greeked text with realistic data using modern alternatives. Compare variants and avoid accessibility pitfalls with this free online guide.
How to choose image formats
Analyze JPG, PNG, WebP, AVIF, and SVG trade-offs with our free, browser-only guide. Instant format recommendations for quality, size, and compatibility.
How to convert color formats
Convert colors instantly between HEX, RGB, HSL, OKLCH, and CMYK. Free online mapping for digital and print projects with no sign-up required.
How to convert WebP to JPG
Convert WebP to JPG online for free in seconds. Get universally compatible images instantly with no download or registration needed.
How to crop images online
Crop images online for free instantly, no watermark added. Drag to resize and export JPEG or PNG for social posts without registration.
How to extract colors from an image
Pull a free color palette from photos for branding and mood boards instantly. Copy the output formats you need with no signup or download.
How to create GIFs from images
Create animated GIFs from images online instantly. Combine PNGs free in your browser, control frame timing, and optimize size with no sign-up.
How to Choose Image Dimensions
Identify correct dimensions for blog hero, Open Graph, Instagram, and LinkedIn posts instantly. Free guide with tips to keep file sizes low, no sign-up needed.
Explore other guide sections
Cross-linked, lightly opinionated, and all written to be useful in five minutes.
- AI & LLMs108 guidesUse AI like a pro — without the hype.
- How-To & Life244 guidesActionable guides, no 2,000-word intros.
- Using Our Tools63 guidesGet more out of every tool.
- Money & Business91 guidesFewer spreadsheets, better decisions.
- Developers & Technical57 guidesShip better code, faster.
- Productivity & Focus21 guidesDo deeper work in less time.