Choosing Image Formats for WordPress

A WordPress library can use several formats. Keep editing originals and choose delivery files for each use.

How to use this tool

1
Check the formats accepted by your installation and plugins.
2
Use a sample of photos, logos and screenshots to compare outputs.
3
Upload the sample and inspect generated thumbnails and responsive sizes.
4
Keep originals and publish changes gradually.

Common Mistakes

  • Using one quality setting for every image.
  • Deleting originals before inspecting outputs.
  • Assuming a smaller file proves better visual quality or search rankings.

Before publishing to WordPress

Check which formats your WordPress installation, theme, plugins and image-processing library accept. Keep original files, upload a small sample, and inspect thumbnails and responsive variants before replacing a library. Pre-conversion does not guarantee that the CMS will avoid further processing.

JPEG / PNG

JPEG is useful for photographs and workflows that require JPG. It uses lossy encoding and cannot retain transparency; transparent areas are exported on white. PNG is useful for text, screenshots, sharp edges and transparency. PNG losslessly encodes only the pixel buffer Canvas renders. Browser decoding, color conversion or bit-depth handling can change source pixels; profiles and metadata may differ.

WebP / AVIF

WebP can be useful for web delivery and supports transparency. The WebP format can store animation, but this tool exports one still frame from animated inputs; animation is not preserved. This tool passes a quality value to the browser encoder. A quality setting of 100 does not guarantee lossless WebP output; download and inspect the result. AVIF can offer efficient compression, depending on the source and encoder. Reading AVIF and writing AVIF are separate browser capabilities. An unavailable output format cannot be exported by this tool.

Image delivery

Set width and height or CSS aspect-ratio so the page can reserve space. Use responsive image sizes where appropriate. Load the main image promptly and consider lazy-loading images below the fold. Measure the published page on mobile; a format change alone does not guarantee better LCP, CLS or INP.

Frequently Asked Questions