HEIC to WebP: Convert Photos and Check Website Quality

Have an iPhone photo to put on a website? Start with the HEIC to WebP converter to make a WebP copy. Then check that your site accepts WebP and compare the result’s appearance and file size before replacing an existing image.

WebP supports both lossy and lossless encoding; this site’s converter uses lossy encoding with an adjustable quality setting. You can also reduce the longest edge while keeping the photo’s proportions. It does not generate responsive variants or promise better search rankings.

Convert HEIC to WebP in the browser

1. Open the WebP conversion tool and select Choose HEIC photos.
2. Choose a Quality setting and, if needed, a maximum Longest edge. The default quality setting is 80.
3. Choose one or more .heic photos, review the filenames and select Convert to WebP.
4. Use a named download link to save a finished WebP image. The result card shows its dimensions and file size.
5. For a batch, use Download All as ZIP and extract the archive. Each source photo has its own output file, such as holiday.webp from holiday.heic. Duplicate names receive numbered suffixes; the tool does not join photos together.
6. Open the downloaded image and check it at the size you intend to display it.

Selected photo bytes are processed locally in the browser rather than uploaded to a conversion server. Loading the website still involves normal web requests. Read how the converter works for the limits of this claim.

The quality slider runs from 10 to 100, with 80 selected by default. It controls an encoder setting, not a percentage of retained quality. There is no lossless-mode switch. If the result is unsuitable for fine text or detailed artwork, compare a higher setting or use PNG where appropriate. Choose Convert More to try new settings with the original HEIC.

Convert HEIC to WebP with FFmpeg

For a local terminal workflow, use a build that supports HEIC input, HEVC decoding and the libwebp encoder:

ffmpeg -i "photo.heic" -frames:v 1 -c:v libwebp -quality 80 "photo.webp"

This selects one still frame and requests lossy WebP encoding at quality 80. It is not a command for preserving every image or animation in a HEIC container. We tested it with FFmpeg 7.1.1 on macOS using a synthetic 320 × 180 HEIC; the resulting WebP opened at 320 × 180 pixels. Support for other HEIC variants, HDR rendering and metadata was not established by that test.

If FFmpeg cannot decode the input, check its version and build capabilities or use the browser converter. If it reports an unknown libwebp encoder, that build does not include the encoder requested by this command.

Can cwebp read HEIC directly?

Do not assume it can. Google’s cwebp documentation lists PNG, JPEG, TIFF, WebP and raw Y’CbCr input, rather than HEIC. If you use cwebp, first decode the HEIC to a supported format. The PNG guide includes tested decoding commands. A PNG intermediate avoids an additional lossy JPEG encode before WebP, but does not restore information lost in the source HEIC.

Check the result before publishing

Compare bytes, not extensions. A WebP output is not guaranteed to be smaller than a HEIC or your existing website image. Compare the actual saved files. Re-encoding an already efficient photo can increase its size.

Inspect the content that matters. Look at faces, fine patterns, text and gradients at the intended display size. Check orientation and color as well. Preserve the original HEIC; a web derivative does not retain every source feature or metadata field.

Use the right dimensions. A full-resolution camera image can be far larger than a small article thumbnail needs. Choose a maximum longest edge of 2560, 1920, 1280 or 800 pixels to reduce it while keeping its proportions. Smaller source images are not enlarged. Use your website’s image pipeline for additional exact sizes and responsive alternatives.

Check your publishing system. Confirm that the CMS or upload form accepts WebP, then view the published image in the browsers your audience uses. Add useful alternative text describing the image’s purpose. A file conversion alone does not provide alt text or implement responsive HTML.

For a form that accepts only JPEG, use HEIC to JPG instead. For a document submission, see the PDF workflow. When you are ready to make the website copy, convert your HEIC photo to WebP and inspect the downloaded file before publishing it.