JPG, PNG, and WebP: Which Image Format to Use

Start from what the picture contains

Image formats are tools, not rankings. JPG (also written JPEG) is built for photographs. It throws away detail your eye barely notices and stores a small file. PNG keeps every pixel and can store transparency, which makes it the right choice for logos, screenshots with sharp text, and cut-out product shots. WebP can do both jobs — photographic compression and optional transparency — and is widely supported in current browsers.

The mistake is converting blindly. Saving a logo as JPG adds fuzzy halos around text. Saving a 12-megapixel vacation photo as uncompressed PNG makes an email bounce. Look at the picture first, then pick the format.

Photographs and screenshots are different jobs

A photo of a street, a face, or a classroom almost always belongs in JPG or WebP. Start from the camera JPG if that is what you have. Compress further only when a form or chat app complains about size. Over-compressing a face makes skin look waxy; stop when the file is small enough to send and the face still looks like a person.

A screenshot of an error message, a spreadsheet, or a UI mock belongs in PNG or a high-quality WebP. Those images contain straight lines and small type. JPG’s compression invents blotches around that type, which makes the screenshot harder to read than the original screen.

If you will crop to a square for a profile or a thumbnail, crop before the final compress. Cropping after a heavy compress throws away pixels you already paid for in quality.

• Photos: JPG or WebP.
• Logos, UI, and text-heavy screenshots: PNG or lossless-leaning WebP.
• Anything that needs a transparent background: PNG or WebP, never JPG.

Transparency and background removal

JPG cannot store transparency. If you remove a background and then “convert to jpg”, the checkerboard or the cut-out edge becomes a solid color, usually white or black. That is expected, not a bug. Keep PNG or WebP until you have placed the subject on the background you actually want.

Background removal is a cloud AI step on Vocix, with a daily free limit. Format conversion, crop, and ordinary compress can stay in the browser. Do the local format work first so you do not spend an AI credit on a 20-megabyte PNG that could have been resized.

Do not use background removal or generated images to fake a document, a person, or a product photo you do not have rights to publish. A format guide is about clarity, not deception.

Preparing stills for a slideshow video

A slideshow inherits every mistake in the stills. Mixed orientations, one tiny screenshot beside a 4K photo, and a PNG title card with text too small to read on a phone all show up in the MP4. Resize stills toward a shared aspect ratio before you assemble them. A 16:9 set for a landscape recap, or a 9:16 set for a vertical post, looks intentional. A random mix looks like a folder dump.

Twelve strong frames beat thirty weak ones. Name the files so the order is obvious, then generate the video once. Rebuilding the same montage to nudge one photo wastes the daily Image to Video allowance.

After export, the result is a video problem, not an image problem. Trim the tail, compress for chat, or change resolution with the video tools. You do not need to re-export every JPEG to fix a two-second silence at the end.