How to convert an image to a web-friendly format on a Mac

To put an image on the web, convert it to JPEG for photographs or PNG for graphics with sharp edges or transparency. Both display in every browser and on every device, which is what “web-friendly” really means. On a Mac you can export a single file in Preview, or drag a batch of them onto a converter and pick the target once. The format you choose matters more than any single setting, so this covers how to decide and how to keep the file small enough for a page.

What “web-friendly” actually means

A web-friendly image is one that any visitor’s browser can display without a plugin, an extension, or a fallback. In practice that has meant JPEG and PNG for decades, with GIF for simple animation. Those three are the safe pair-and-a-spare: they load everywhere, from an old phone to a smart TV, with no surprises.

Newer formats such as WebP and AVIF do exist and can be noticeably smaller, but you do not need them to be compatible, and not every downstream tool, email client, or content editor accepts them yet. JPEG and PNG remain the formats that never make a visitor’s browser shrug. If you already have a WebP or AVIF file that some app refuses to open, converting it back to JPEG or PNG is often the quickest way to make it usable everywhere.

The reason you have a non-web source in the first place is usually one of a few: a photo shot on an iPhone lands as HEIC, which is efficient but not universally supported on the web; a screenshot arrives as a large PNG; a scan comes in as TIFF; a camera file is raw. All of these convert cleanly to JPEG or PNG on a Mac.

JPEG or PNG: choosing for your image

The single most important decision is which of the two to use, and it depends on the content, not on habit.

Choose JPEG for photographs and anything with smooth gradients: sunsets, portraits, product shots. JPEG is lossy, which means it discards detail to shrink the file, but it does so in exactly the areas photographs can spare, so a well-made JPEG of a photo looks the same as the original at a fraction of the size. JPEG has no transparency, so it always has a solid background.

Choose PNG for graphics with hard edges or flat color: logos, icons, screenshots of text, diagrams, and line art. PNG is lossless, so text stays crisp and edges stay clean with no smeary halos. PNG also supports transparency, so a logo can sit on any background. The trade-off is size: a PNG of a photograph is often several times larger than the JPEG of the same image, because lossless compression cannot throw away photographic detail.

A quick rule that rarely fails: if the image is a photo, use JPEG; if it has text, sharp lines, or a transparent background, use PNG. GIF is worth it only for a short, simple animation or an image with very few colors.

Convert it on a Mac

For one file, macOS already has the tools. In Preview, open the image, choose File, then Export, and pick JPEG or PNG from the format menu; JPEG exports with a quality slider so you can trade size against fidelity. Photos can export selected images the same way. The honest limit is volume: Preview exports one file at a time, and doing a folder of forty images by hand gets old fast.

For a batch, or for a single conversion without the clicking, Manatee handles it from a drag onto its menu bar icon, its window, or a right-click in Finder. The steps are short:

1. Open Manatee and choose Convert.
2. Pick JPEG or PNG as the target.
3. Drop in your images, or an entire folder of them. Each file appears in the job list with progress.
4. The converted copy is written alongside the original, which is left untouched.

Manatee runs entirely on your Mac with nothing uploaded and no account, which matters when the images are private, and it accepts the awkward sources directly: HEIC, TIFF, camera raw, even WebP and AVIF as inputs. One clear boundary: the web-safe image formats it writes are JPEG, PNG, and GIF, so it converts your source into one of those rather than into a newer format like WebP.

Keeping the file small enough for a page

Web-friendly is not only about the format; it is also about weight, because a heavy image slows the page for everyone. Two things drive an image’s size on a page: its format and its pixel dimensions.

Format first. If you have a 12-megapixel HEIC photo or a giant PNG export of a photograph, converting it to JPEG usually cuts the size dramatically with no visible difference, because JPEG is built for exactly that kind of content. That single format change is often the biggest win available.

Dimensions second, and this is the honest caveat: converting changes the format, not the pixel size. A converter writes the same 4032 by 3024 pixels into a new format, so if a photo is destined for an 800-pixel-wide slot on a page, you also want to scale it down, and that is a job for Preview’s Adjust Size under the Tools menu rather than a format conversion.

Two more details worth knowing. Transparency does not survive a trip to JPEG: a transparent PNG converted to JPEG gets its see-through areas filled with a solid background, so keep the PNG whenever transparency is the point. And before you publish, consider stripping the hidden metadata that photos carry, such as GPS coordinates and camera details; Manatee’s Clean mode removes that in place of exposing where a picture was taken.

Questions

Should I use WebP or AVIF instead for a smaller file?

They are smaller, and if your site tooling fully supports them they are a fine choice. But JPEG and PNG are supported by every browser with zero caveats, which is why they remain the reliable default. If you have a WebP or AVIF that a tool will not accept, converting it to JPEG or PNG is the fastest fix.

My PNG screenshot is huge. Should I make it a JPEG?

Only if it is mostly a photograph. Screenshots of text and interface elements have sharp edges that JPEG blurs, leaving fuzzy halos around letters, so PNG keeps them readable. If the file is too large, scaling the dimensions down helps more than switching format and keeps the text crisp.

Will converting HEIC to JPEG lose quality?

Going from HEIC to JPEG is a re-encode, so there is a small, usually invisible loss. It is worth it for the universal compatibility, and one conversion is fine. What you want to avoid is re-saving the same JPEG over and over, since each save compounds the loss.

Does converting change the image’s dimensions?

No. A format conversion keeps the same width and height in pixels; only the file format and its size on disk change. To make an image physically smaller for a page, resize it with Preview’s Adjust Size before or after converting.