How to Convert Images to WebP for Free (Beginner-Friendly Guide)

WebP is a modern image format developed by Google. It produces images that are significantly smaller in file size compared to JPEG and PNG, while keeping the same visual quality. That combination makes it one of the best formats for websites, blogs, and apps.

If your website still serves images in JPEG or PNG, visitors are downloading larger files than necessary. Larger files mean slower page loads, and slower pages rank lower on Google and frustrate users who leave before content appears.

Why WebP is worth switching to:

• •Smaller file size without visible quality loss
• •Supports transparency like PNG (useful for logos and icons)
• •Supports animation like GIF, but at a fraction of the size
• •Supported by all modern browsers including Chrome, Firefox, Safari, and Edge
• •Improves Core Web Vitals scores, which affect Google rankings directly

WebP vs other formats at a glance:

Key takeaway: WebP is not just a trend. It is a practical upgrade that makes your site faster, cheaper to host, and more competitive in search.

You do not need to install Photoshop, download any app, or have any technical knowledge. Several free online tools let you upload an image and download a WebP file in seconds.

Step-by-step using a free online converter:

1. Open a free converter in your browser (Squoosh, Convertio, or CloudConvert are reliable options) 2. Click the upload or drag-and-drop area and select your JPEG or PNG image 3. Choose WebP as the output format 4. Adjust quality if the tool offers it — a value between 75 and 85 is a good starting point 5. Click Convert or Download 6. Save the WebP file to your device

What to look for in a good free online converter:

• ✓No account or signup required
• ✓Converts without uploading to a third-party server (Squoosh works entirely in your browser)
• ✓Lets you preview before and after quality
• ✓Supports batch conversion if you have multiple images
• ✓Does not add a watermark to the output

What to avoid:

• ✗Tools that require payment to download the converted file
• ✗Sites that store your images without a clear privacy policy
• ✗Converters that reduce quality automatically without letting you control it

Most conversions take under five seconds for a standard photo. For large files above 10 MB, expect a few extra seconds.

Not all free converters work the same way. Some are browser-based, some are server-based, and each has different limits on file size and batch support.

Squoosh (squoosh.app):

• •Made by Google — completely free, no limits
• •Works entirely in your browser — your image never leaves your device
• •Shows a live side-by-side quality preview before you download
• •Lets you fine-tune quality, resize, and strip metadata
• •Best for: Single images where quality control matters

Convertio (convertio.co):

• •Supports 200+ formats including WebP
• •Free tier allows files up to 100 MB
• •Can convert from URL, Google Drive, or Dropbox
• •Best for: Quick conversions without worrying about settings

CloudConvert (cloudconvert.com):

• •Professional-grade tool with a generous free tier (25 conversions per day)
• •Excellent batch support — convert multiple images at once
• •API available for developers who want to automate conversion
• •Best for: Bulk conversions and teams

ILoveIMG (iloveimg.com):

• •Focused on image tasks — compress, resize, convert
• •Simple interface, no account needed for basic use
• •Best for: Beginners who want a straightforward experience

Tool comparison:

Key takeaway: For privacy-sensitive images, use Squoosh. For bulk work, use CloudConvert.

If you prefer not to use a browser-based tool, your operating system may already have what you need.

On Windows — using Paint or Photos: Windows does not natively export WebP from Paint in older versions. However, Windows 11 added WebP support. If you are on Windows 11: 1. Open the image in Photos 2. Click the three-dot menu at the top right 3. Select Save as 4. Change the file type to WebP in the dropdown 5. Click Save

On older Windows versions, the easiest option remains an online converter or a free tool like GIMP.

On Mac — using Preview: Preview on macOS supports WebP export natively on macOS Ventura and later: 1. Open the image in Preview 2. Go to File → Export 3. In the Format dropdown, select WebP 4. Adjust quality with the slider 5. Click Save

On Linux — using GIMP or the terminal: GIMP is free and exports WebP directly: 1. Open the image in GIMP 2. Go to File → Export As 3. Type a filename ending in .webp 4. Click Export and set quality

For terminal users, the cwebp command-line tool from Google converts images in bulk:

• •Install via: sudo apt install webp
• •Convert one file: cwebp input.jpg -o output.webp
• •Set quality: cwebp -q 80 input.jpg -o output.webp

Strengths:

• ✓No internet connection needed
• ✓No file size limits
• ✓Full control over quality settings
• ✓Works with sensitive or private images safely

Weaknesses:

• ✗Requires a newer OS version for built-in support
• ✗Terminal approach has a learning curve for beginners

Converting the image is only half the task. You also need to serve it correctly so browsers and search engines recognise it.

In plain HTML: Using a WebP image in HTML is identical to using a JPEG or PNG. Just point the src attribute to your .webp file:

• •<img src="photo.webp" alt="Description of your image" width="800" height="600">

Always include the alt attribute. It helps screen readers and tells search engines what the image shows, which supports your image SEO.

Using the picture element for browser fallback: Some older browsers do not support WebP. The picture element lets you serve WebP to modern browsers and JPEG to older ones automatically:

• •<picture>
• •<source srcset="photo.webp" type="image/webp">
• •<img src="photo.jpg" alt="Description of your image">
• •</picture>

Modern browsers pick the WebP source. Older browsers fall back to the JPEG. Your image looks the same to every visitor.

In WordPress: WordPress 5.8 and later added native WebP support. You can:

• ✓Upload .webp files directly through the Media Library
• ✓Use plugins like Imagify, ShortPixel, or Smush to auto-convert uploads to WebP
• ✓Enable WebP output in your caching plugin (WP Rocket, LiteSpeed Cache) to serve converted versions without changing your original files

For best results on any platform:

• ✓Keep original files as a backup before deleting JPEG/PNG versions
• ✓Use descriptive filenames: product-red-sneakers.webp not IMG_3847.webp
• ✓Set width and height attributes to prevent layout shift (improves CLS score)
• ✓Compress WebP files to 80–85 quality — the difference from 100 is invisible to most viewers

Key takeaway: Switching to WebP takes less than an hour for a typical small site, and the speed and SEO gains start immediately after deployment.

Switching to WebP is straightforward, but a few common errors can undo the benefits or create problems for your visitors.

Setting quality too low:

• ✗Using quality below 60 to maximise compression causes visible blurring and pixelation, which looks unprofessional.
• ✓Stay between 75 and 85 for most web images. Use 85–90 for product photos where fine detail matters.

Deleting original files too soon:

• ✗Removing your JPEG or PNG originals before confirming WebP works across your site leaves you with no fallback.
• ✓Keep originals until you have verified WebP loads correctly in multiple browsers and your CMS has no issues.

Forgetting to update image paths:

• ✗Converting the file but keeping the old .jpg or .png path in your HTML means nothing changes for visitors.
• ✓Update every src and srcset reference after conversion, or use a plugin that handles this automatically.

Skipping the alt text update:

• ✗Alt text is sometimes removed or forgotten during format migrations.
• ✓Check that every converted image still has a relevant, descriptive alt attribute.

Not testing on Safari: Safari added WebP support in version 14 (2020), but users on older iPhones or Macs may still run older Safari versions.

• ✓Use the picture element with a JPEG fallback to guarantee compatibility for every visitor.

Mistakes summary:

Page speed is a confirmed ranking factor for Google, and images are usually the largest contributors to slow load times. Converting to WebP directly addresses this.

How WebP improves your Core Web Vitals:

Largest Contentful Paint (LCP) measures how long it takes for the biggest visible element — usually a hero image — to load. Smaller WebP files load faster, which improves LCP directly. Google's own data shows that images converted from JPEG to WebP are typically 25 to 35 percent smaller with equivalent visual quality.

Cumulative Layout Shift (CLS) is improved when you set width and height on your WebP images, preventing the browser from shifting layout while the image loads.

What Google's documentation says: Google's developer documentation explicitly recommends serving images in next-gen formats, listing WebP and AVIF as the preferred choices. Lighthouse — Google's free performance audit tool — flags JPEG and PNG images and recommends converting them as a high-impact improvement.

What WebP alone will not fix:

• ✗It does not improve rankings if your content is thin or not useful
• ✗It does not replace good keyword research or internal linking
• ✗It does not overcome slow server response times (TTFB)

Practical steps to measure the impact:

• ✓Run a Lighthouse audit before and after converting images
• ✓Check your LCP score in Google Search Console under Core Web Vitals
• ✓Use PageSpeed Insights (pagespeed.web.dev) to compare scores
• ✓Monitor organic traffic trends over 4–8 weeks after the change

Realistic expectations: For image-heavy sites — portfolios, e-commerce stores, blogs with many photos — switching to WebP can improve LCP by 0.5 to 1.5 seconds. For text-heavy sites with few images, the gain is smaller but still measurable.

Key takeaway: WebP is one of the highest-return, lowest-effort technical SEO improvements available for any website that uses images — which is nearly every site on the internet.