Choose the output format by destination
WebP is a strong default for website images because it usually keeps quality high at a smaller file size.
Practical image guidance
Resize for the place the image will be used
A 1600 pixel wide export is enough for many full-width web layouts, while square profile photos often need exact dimensions such as 512 by 512.
Balance quality, file size, and compatibility
Lower quality settings can shrink photos quickly, but logos, text, and interface screenshots often need PNG to keep edges crisp.
Specific advice for PNG to WebP
Watch for halos around text
Lossy compression can soften tiny type and sharp edges.
Transparency is separate from quality
WebP supports alpha transparency, so transparent PNG artwork can keep its background clear.
Retain the editable source
Use the WebP as a delivery asset, not your only design master.
How it works
Choose a PNG image.
Adjust WebP quality and optionally set a smaller width.
Convert and inspect small text before downloading.