Reference desk
Image preparation guides
Examples for resizing, formats, favicon setup, SVG export, screenshot sharing and pixel inspection.
How to resize an image without stretching it
Keep the original aspect ratio, choose sensible pixel dimensions, and know when cropping is the better option.
Read guideImage aspect ratios explained: 1:1, 4:3, 3:2, and 16:9
Understand common frame shapes and choose what to keep when cropping an image to a new aspect ratio.
Read guidePNG, JPEG, or WebP: which image format should you use?
Choose an image format by transparency, photographic detail, file size, and compatibility rather than by habit.
Read guideReduce an image below 1 MB for an upload limit
Set a target file size for JPG or WebP, reduce dimensions when needed, and verify the downloaded image. Includes PNG limitations and 100 KB or 500 KB targets.
Read guideHow to install a favicon package on your site
Understand the ICO, PNG and manifest files, and check the paths your site uses.
Read guideWhy viewBox matters when resizing SVG
Separate output size from artwork coordinates and check what changed after sanitization.
Read guideReview a screenshot before sharing it
Use opaque covers and inspect the exported copy for information left elsewhere on screen.
Read guideInspect image pixels, colors and differences
Separate source coordinates from display scale, then use the ruler, color picker and diff tool together.
Read guide