DEV Community: Muhaymin Bin Mehmood

Why Large Product Images Are Killing Your Store's Core Web Vitals (And How to Automate the Fix)

Muhaymin Bin Mehmood — Mon, 13 Jul 2026 19:30:00 +0000

Let’s face a hard truth: If your e-commerce store takes more than 3 seconds to load, you are actively giving away money to your competitors.

In modern web development, performance isn't just a vanity metric—it’s directly tied to your bottom line. Google explicitly uses Core Web Vitals as a ranking factor, and among them, Largest Contentful Paint (LCP) is often the hardest one for online stores to ace.

The number one culprit? Heavy, unoptimized product images.

In this guide, we’ll dive into why massive product photography destroys your store's performance metrics and how you can use smart automation to optimize your entire visual asset pipeline without spending hours inside editing software.

The Core Web Vitals Problem: Meet LCP

Largest Contentful Paint (LCP) measures how long it takes for the largest visual element on the screen—usually a hero banner or a primary product image—to become fully rendered.

When a user lands on a product page, their browser has to fetch the HTML, parse the CSS, and pull down the product imagery. If your catalog consists of raw, uncompressed 3MB JPGs straight out of a DSLR camera:

The browser gets bottlenecked trying to download massive payloads.
Your LCP score plummets into the "Poor" red zone.
High latency triggers a higher bounce rate, causing shoppers to leave before they even see what you are selling.

The Next-Gen Format Solution: WebP and Beyond

To optimize your storefront, legacy formats like standard JPG and PNG won't cut it anymore. Moving your catalog to modern image formats like WebP or AVIF provides superior compression features:

Format	Average Size Reduction	Transparency Support	Best Use Case
PNG	0% (Baseline)	Yes	High-quality source images
WebP	25% - 35% smaller than JPEG	Yes	Standard web & product catalogs
AVIF	50% smaller than JPEG	Yes	Next-gen performance matching

By switching to compressed, transparent web formats, you can drop your image payload sizes significantly without losing visible picture quality.

The Developer's Nightmare: Manual Bulk Editing

While switching formats sounds simple, executing it across an active store with hundreds or thousands of SKUs is an absolute nightmare.

Manually opening Photoshop, stripping backgrounds, resizing dimensions, and exporting files one by one eats up hours of developer or marketing team time. Writing custom localized CLI scripts using tools like Sharp or ImageMagick works, but setting up a reliable pipeline that your non-technical team members can easily use is a distraction from building core storefront features.

Streamlining the Workflow with Automation

This is exactly why automated workflow tools are crucial. Instead of fighting with complex processing scripts or tedious manual software, you can offload the entire process to cloud-based batch tools.

With platform pipelines like BatchSet, you can drop an entire folder of product photos into a unified workspace. The platform handles the heavy lifting in parallel:

Automatic Background Removal: Strips away cluttered rooms, backdrops, or shadows instantly.
Standardized Formatting: Normalizes canvas borders and auto-centers the items across the entire collection.
Web Optimization: Converts assets instantly into highly-compressed, crisp transparent formats ready for rapid production deployment.


css
/* Pro Tip: Lazy-load your optimized images to keep initial LCP low */
.product-hero-image {
  content-visibility: auto;
  loading: lazy;
  object-fit: contain;
}

AI Background Removal for Product Photos: The Ultimate Guide 🚀

Muhaymin Bin Mehmood — Mon, 13 Jul 2026 16:11:00 +0000

Ever wondered why some e-commerce stores look like a high-end luxury brand while others look like a sketchy garage sale?

Spoiler alert: It’s usually the backgrounds. A product shot sitting on a cluttered office desk or a wrinkled bedsheet doesn’t just look unpolished—it actively kills conversions. Buyers associate a clean, isolated product shot with a legitimate, professional brand. A messy background screams amateur.

In this guide, we’ll look at why background removal is actually a sales problem, how the tech works under the hood, and how to strip backgrounds from your entire catalog in one click using tools like BatchSet—completely free.

Why Background Removal is a Sales Problem (Not Just a Design One)

Every major marketplace and ad platform rewards clean, distraction-free imagery.

Amazon & Daraz: Mandate pure white backgrounds for primary product images.
Shopify: Themes look significantly more premium with cut-out product shots layered over consistent brand colors.
Instagram & Facebook Ads: Clean, isolated products perform better because they can be easily dropped onto any engaging ad backdrop.

How AI Background Removal Actually Works 🧠

Historically, removing a background meant sitting in Photoshop for 15 minutes per image, tediously clicking with the Pen Tool or dealing with messy Magic Wand edges.

Modern AI background removers use deep learning neural networks (specifically Computer Vision models) trained on millions of product images. The AI does two things simultaneously:

Object Detection: It identifies what the actual product is (the foreground).
Semantic Segmentation: It maps out the exact boundaries of the object, right down to complex details like fabric fringes, translucent bottles, or fine textures.

The result? You get a studio-quality transparent PNG file in less than 3 seconds without lifting a finger.

How to Remove a Background in 3 Simple Steps

You don’t need Photoshop or expensive design software. Here is how you can do it right in your browser with the BatchSet Background Remover:

Step 1: Upload Your Images

Drag and drop your raw product photos (JPG, PNG, or WebP) straight into the web interface.

Step 2: Let the AI Process

The AI automatically detects your product boundaries and instantly strips away the backdrop.

Step 3: Choose Your Export Format

Download your image as a transparent PNG, or select a solid color preset (like crisp white #FFFFFF) to meet marketplace guidelines instantly.

Scaling Up: Bulk Background Removal for Full Catalogs 📦

If you have 50, 100, or thousands of SKUs, doing them one by one is still a headache. That’s where Batch Processing comes in.

Instead of repeating the process, you can upload your entire product line in batches. The AI applies the exact same cutout rules, centering alignment, and background colors across every single file, giving you a perfectly uniform catalog in a fraction of the time.

💡 Quick Tip for the Best AI Cutouts:
For flawless edges, try to shoot your original photos with good lighting and a decent amount of contrast between the product and the background. It gives the neural network the best data to work with!

Integrating Clean Cutouts into Your Frontend

If you are a developer building a custom Shopify storefront or e-commerce app, using transparent PNGs gives you massive CSS flexibility. For example, you can effortlessly change your site's aesthetic or card backgrounds without re-editing your images:


css
/* Easily swap product card themes when using transparent PNG assets */
.product-card {
  background-color: #f4f4f5; /* Light minimalist grey */
  border-radius: 8px;
  transition: background 0.3s ease;
}

.product-card:hover {
  background-color: #e4e4e7; /* Smooth hover state */
}

Did you guys tried yet!

Muhaymin Bin Mehmood — Wed, 08 Jul 2026 11:01:11 +0000

Muhaymin Bin Mehmood

Jun 8

BatchSet is Live on Product Hunt 🚀 — 30% Off for the DEV Community (Code: PRODUCTHUNT)

#showdev #webdev #ecommerce #productivity

2 min read

Why Your Images Are Killing Your Core Web Vitals (and How I Fixed It in One Afternoon)

Muhaymin Bin Mehmood — Wed, 08 Jul 2026 10:34:35 +0000

The problem nobody notices until it's a problem

Run PageSpeed Insights on almost any e-commerce store, blog, or portfolio site and you'll find the same culprit sitting at the top of the report: images. Not your JS bundle, not your fonts — images, usually accounting for 60–70% of total page weight.

It's an easy thing to ignore because it doesn't feel like a "real" performance problem. Nobody profiles a <img> tag the way they profile a slow API call. But Largest Contentful Paint (LCP) — one of Google's three Core Web Vitals — is, on most pages, literally an image. If that image is a 2–4MB JPEG straight off a phone camera, you've already lost the metric before a single line of your carefully optimized JS runs.

Why WebP (and not just "compress the JPEG")

The instinct is usually "run it through TinyPNG." That helps, but it's solving the wrong layer of the problem — you're still stuck with JPEG's compression algorithm, which is decades old at this point.

WebP, developed by Google, uses a more modern compression scheme and consistently produces 60–80% smaller files than JPEG at equivalent visual quality. Not "smaller with artifacts" — smaller at the same perceptual quality. It also supports alpha transparency (like PNG) and animation (like GIF), so in most cases it replaces all three formats outright.

Browser support is no longer a concern — WebP sits at 97%+ global browser support in 2026, including Safari since v14. If you're still shipping fallback JPEGs "just in case," you're probably not gaining much from it anymore.

<picture>
  <source srcset="product.webp" type="image/webp">
  <img src="product.jpg" alt="Product photo">
</picture>

If you want to squeeze out another 20–30%, AVIF (AV1-based) beats WebP on file size, at the cost of slower encoding and slightly less universal support. Good rule of thumb: WebP as your baseline, AVIF as the power-user upgrade if you have the batch-processing time to spare.

The actual annoying part: doing this at scale

Converting one image is a 10-second problem — drag a file into any online converter and you're done. Converting a catalog of 300 product images, each needing resize + format conversion + a consistent quality setting, is a completely different problem. Doing it by hand in Photoshop is an afternoon you don't get back. Writing a one-off script with sharp or imagemagick works, but it's yet another thing to maintain for what should be a five-minute task.

This is the exact gap I built BatchSet to close — a browser-based bulk image tool with two ingestion paths that matter for real workflows:

File upload batch — drop in hundreds of images, apply one shared setting (or per-file overrides), get a ZIP back
Spreadsheet/URL batch — paste a column of image URLs (e.g. exported straight from a Shopify or WooCommerce product catalog) and it fetches, converts, and zips every one — no manual download/re-upload loop

It also does AI background removal (segmentation-model cutouts to transparent PNG), which used to require actual Photoshop skill and now doesn't.

Input formats:  JPG, JPEG, PNG, WebP, GIF, BMP, TIFF, SVG
Output formats: JPG, PNG, WebP, GIF, BMP, TIFF, PDF

Basic conversion (WebP/JPG/PNG) is free and unlimited, no signup required — I wanted the "just let me convert one image real quick" use case to have zero friction, since that's most of what people actually need.

A quick before/after

Real numbers from converting a standard e-commerce product photo:

	Original JPEG	WebP (q80)	AVIF
2400×2400 product shot	1.8 MB	~210 KB	~150 KB
Reduction	—	-88%	-92%

Multiply that across a few hundred product images and you're talking about a genuinely different LCP score, not a rounding error.

Takeaway

If you haven't audited your image pipeline recently, it's probably the highest-ROI performance work available to you right now — more impactful than most JS micro-optimizations, and far less effort than most people assume once you're doing it in batches instead of one file at a time.

Curious what tools/approaches other people here are using for this — curious if anyone's gone all-in on AVIF yet or still holding at WebP for the encoding-speed tradeoff.

I built BatchSet as a free bulk image converter (WebP/AVIF/JPG/PNG + AI background removal + Excel/URL batch mode) — happy to answer questions on the compression side in the comments.

From 0 to 20 organic Google clicks: the engineering behind my solo SaaS

Muhaymin Bin Mehmood — Mon, 15 Jun 2026 17:38:11 +0000

A month ago, my solo project batchset.com had basically zero search traffic. This week it crossed 20 organic clicks in a 28-day window and is climbing toward 30 — with $0 in ads.

Tiny numbers, I know. But the direction (15 → 20 → 30) is the point, and it didn't come from luck. It came from a few deliberate engineering decisions. Here's what actually moved the needle, in case it helps another dev shipping a side project.

1. Make the tools work without a server

BatchSet is an image + marketing toolkit. The interesting constraint I set early: anything that can run in the browser, should. No upload, no round-trip, no account.

Here's what that means in practice — all of this runs 100% client-side:

Image conversion (JPG/PNG/WebP/GIF/BMP/SVG → WebP/JPG/PNG), single or bulk, parallelized across CPU cores with Web Workers
Social media resizer — exact preset dimensions for 8 platforms
QR code generator — URL, WiFi, vCard, email → PNG/SVG
Barcode generator — EAN-13, UPC-A, Code128 and more
PDF ↔ Image — images→PDF and PDF→images, via pdf.js / pdf-lib

The only things that touch a server are the ones that physically can't run in the browser: HEIC/TIFF decoding, fetching image URLs from an uploaded Excel sheet, and link-click analytics.

Two wins fell out of this one decision:

Speed — no server latency means the tools feel instant, and fast pages are both a ranking signal and a UX win.
A real differentiator — "your files never leave your browser" is something people actually search for, and it's true here.

2. Programmatic SEO for tool + comparison pages

Instead of one generic landing page, every tool gets its own route (/tools/jpg-to-webp, /tools/bulk-image-converter, …) with a unique title, description, and FAQ targeting one keyword cluster each.

Same for comparison pages (/vs/cloudconvert, /vs/tinypng). People literally Google "X vs Y" before picking a tool — so I gave Google a page that answers exactly that query.

3. Structured data on everything

Each tool page ships JSON-LD: BreadcrumbList, SoftwareApplication, FAQPage, and HowTo. The FAQ schema is the cheap win — it can earn rich results and pulls long-tail questions ("can I convert HEIC?", "are my files uploaded?") straight into search.


json
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    { "@type": "Question", "name": "...", "acceptedAnswer": { "@type": "Answer", "text": "..." } }
  ]
}

BatchSet is Live on Product Hunt 🚀 — 30% Off for the DEV Community (Code: PRODUCTHUNT)

Muhaymin Bin Mehmood — Mon, 08 Jun 2026 12:35:36 +0000

Hey DEV! 👋 I'm Muhaymin, a solo full-stack developer from Pakistan. After months of building, BatchSet is now live on Product Hunt — and I'm giving this community an exclusive 30% off (code at the bottom 👇).

😤 The Problem I Built It For

Every "online image converter" I tried had the same flaws: a 10-file limit, a watermark, or it forced me to upload 500 product photos to some random server and wait.

For Shopify and Daraz sellers managing big catalogs, that's a daily bottleneck.

So I built BatchSet — basic conversion runs 100% in your browser. No upload, no signup, no watermark. Your files never leave your device.

🛠️ What's Inside

Free forever — no signup needed:

🖼️ Bulk Image Converter — WebP / JPG / PNG, hundreds of images at once, fully client-side
📐 Social Media Resizer — perfect dimensions for Instagram, Facebook, LinkedIn, TikTok, YouTube & more
🔳 QR & Barcode Generator — generate and download instantly
📑 Excel / CSV Batch Mode — paste product image URLs from a sheet, convert the whole catalog
📄 PDF ↔ Image — images to PDF and back

Unlocked on Pro & Enterprise:

HEIC & TIFF conversion
Watermarking, metadata removal & target file size
Dynamic QR codes + scan analytics
Bulk HEIC + ZIP download
Priority processing & file backup

💳 Plans

Feature	Free	Pro	Enterprise
Basic convert (WebP/JPG/PNG)	✅	✅	✅
Monthly credits	100	5,000	20,000
Max file size	25 MB	100 MB	500 MB
Bulk + Excel/CSV	✅	✅	✅
Social resizer + QR/barcode + PDF	✅	✅	✅
HEIC / TIFF conversion	Credits	✅	✅
Watermark + metadata removal + target size	❌	✅	✅
Dynamic QR + analytics	❌	✅	✅
Priority processing	❌	✅	✅
File backup	None	15 days	30 days
Price	$0	$19.99/mo	$59.99/mo

💡 Credits only apply to HEIC/TIFF and advanced features (1 credit/image). Basic conversion never uses credits. You can buy one-time credit packs on any plan — even Free — and they never expire.

Yearly billing saves 17% (Pro $199.99/yr, Enterprise $599.99/yr).

🎉 30% Off — Exclusive Product Hunt Launch Offer

🏷️ Use code PRODUCTHUNT at checkout

30% off Pro & Enterprise monthly plans:

Pro: ~~$19.99~~ → $13.99/mo

Enterprise: ~~$59.99~~ → $41.99/mo

⏳ Ends August 31, 2026 · No card needed to start on Free

👉 Claim it at batchset.com/pricing

Built with Next.js 14, Supabase, AWS S3 and Paddle. If you run an online store or just hate uploading files to sketchy converters, give it a try — and drop honest feedback (even the harsh kind) in the comments. 🙏

A Practical Bulk Image Optimization Tool for Developers & E-commerce Teams: My Take on BatchSet.com

Muhaymin Bin Mehmood — Fri, 05 Jun 2026 12:02:27 +0000

As web developers and technical founders, we all know the pain: product catalogs with hundreds (or thousands) of heavy JPGs and PNGs killing page speed, Core Web Vitals scores, and ultimately SEO and conversion rates.

While tools like Squoosh, ImageOptim, or custom scripts work great for small jobs, they quickly become painful when you need to process large batches, handle Excel exports from Shopify/Daraz, or generate platform-specific sizes on the fly.

I recently tried BatchSet.com and found it to be a refreshingly straightforward all-in-one solution for these exact problems.

What stands out technically:

Strong bulk WebP conversion — It handles 500+ images smoothly with good compression (they claim 60-80% reduction). The browser-first processing is nice for privacy and speed on smaller batches.
Excel/URL batch mode — Super useful for e-commerce. You can export your product images from Shopify, paste the URLs, and get optimized versions back — no manual downloading/uploading hell.
Social Media Resizer with 28 presets — Saves a ton of time when creating assets for Instagram, LinkedIn, TikTok, etc.
Bonus tools in the same dashboard: QR code generator (with analytics), URL shortener, barcode generator, and PDF ↔ Image conversion.

The interface is clean and purpose-built rather than overly design-heavy. The free tier is actually usable (unlimited basic conversions without signup), which is rare these days. Pro plans unlock HEIC/TIFF support, larger file sizes, priority processing, and more credits.

Room for growth:

Being a relatively new tool, it’s still maturing. Advanced automation (API access), more granular compression controls, and deeper integrations (e.g., direct Shopify app) would make it even stronger for developer workflows.

Overall verdict: If you’re a solo developer, indie hacker, or part of an e-commerce team that regularly fights with image optimization, BatchSet is worth adding to your toolkit. It’s not trying to be everything (like a full asset CDN), but it solves the “bulk optimize and resize fast” problem very effectively.

Try BatchSet.com →

How I made bulk image conversion run 100% in the browser (no server, no upload)

Muhaymin Bin Mehmood — Thu, 04 Jun 2026 07:51:57 +0000

Most "image converter" sites upload your files to a server, convert them, and send them back. That means upload time, server cost, and a privacy question: where did my images go?

While building BatchSet (an image toolkit for e-commerce sellers), I wanted basic conversion — JPG/PNG → WebP — to be free and instant. The only way that math works at scale is to never touch a server. Do it all in the browser.

Here's how, and the gotcha that actually made it fast.

The naive version

The modern browser already ships everything you need: createImageBitmap + OffscreenCanvas.

async function convert(file, type = "image/webp", quality = 0.8) {
  const bitmap = await createImageBitmap(file)
  const canvas = new OffscreenCanvas(bitmap.width, bitmap.height)
  const ctx = canvas.getContext("2d")
  ctx.drawImage(bitmap, 0, 0)
  return canvas.convertToBlob({ type, quality })
}

That's a full JPG→WebP conversion, client-side, zero network.

The problem: 200 images freezes the tab

E-commerce sellers don't convert one image — they convert their whole catalog. Run the loop above over 200 files and the main thread locks up. The UI freezes, the tab goes white, users bail.

The fix: move the work off the main thread with Web Workers — and run a pool of them so you actually use every CPU core.

A tiny worker pool

// worker.js
self.onmessage = async (e) => {
  const { id, file, type, quality } = e.data
  const bitmap = await createImageBitmap(file)
  const canvas = new OffscreenCanvas(bitmap.width, bitmap.height)
  canvas.getContext("2d").drawImage(bitmap, 0, 0)
  const blob = await canvas.convertToBlob({ type, quality })
  self.postMessage({ id, blob })
}

// pool.js — spin up one worker per core, capped
const SIZE = Math.min(navigator.hardwareConcurrency || 4, 8)
const workers = Array.from({ length: SIZE }, () => new Worker("worker.js"))

export function runPool(files, opts) {
  return new Promise((resolve) => {
    const out = []
    let next = 0, done = 0

    const feed = (w) => {
      if (next >= files.length) return
      const id = next++
      w.onmessage = (e) => {
        out[e.data.id] = e.data.blob
        if (++done === files.length) resolve(out)
        else feed(w) // worker grabs the next job
      }
      w.postMessage({ id, file: files[id], ...opts })
    }

    workers.forEach(feed)
  })
}

Now 200 images convert in parallel across all cores instead of choking one thread.

The gotcha that doubled my speed

My first version re-rendered a React card for every file on every progress tick. With 200 files finishing nearly at once, that's thousands of renders — the conversion was fast but the UI made it feel slow.

Two fixes:

Batch state updates — collect finished blobs and flush to state every ~150ms instead of per-file.
React.memo the cards so a finished file doesn't re-render the other 199.

const FileCard = React.memo(function FileCard({ file }) {
  // ...
})

That alone took a 200-image batch from "janky" to "instant."

What you get

No upload — files never leave the device (great for privacy + zero server cost).
Parallel — uses every core via the worker pool.
Free to run — it's the user's CPU, not yours.

The catch: formats like HEIC/TIFF aren't natively decodable in-browser, so those still need a server (I route only those through one). But for the 90% case — JPG/PNG/WebP — the browser does it all.

If you want to see it in action, the bulk converter on BatchSet runs exactly this. Drop in a folder of product images and watch your cores light up.

What's your take — are we underusing OffscreenCanvas + Workers for this kind of work? 👇

The All-in-One Image & Marketing Toolkit for Online Sellers

Muhaymin Bin Mehmood — Mon, 25 May 2026 10:38:02 +0000

Muhaymin Bin Mehmood

May 22

WebP in 2026: How to Convert Your Entire Site's Images for 60–80% Smaller File Sizes

#seo #webdev #imageoptimization #webperf

5 min read

WebP in 2026: How to Convert Your Entire Site's Images for 60–80% Smaller File Sizes

Muhaymin Bin Mehmood — Fri, 22 May 2026 14:11:47 +0000

If you manage a website with 100+ images — whether it's e-commerce, a blog, or a portfolio — you've probably noticed one thing: images are heavy. Really heavy.

In 2026, Google's Core Web Vitals are non-negotiable ranking signals. And the #1 bottleneck? Image file size.

I'm going to walk you through exactly how to convert your entire image library to WebP, measure the impact on your site speed, and understand why this single optimization can move your rankings.

The Problem: Your Images Are Killing Your Site Speed

Let me give you real numbers:

Before optimization:

JPG product image: 2.4 MB
PNG hero banner: 4.1 MB
Thumbnail: 890 KB

Total: 7.29 MB for just 3 images.

On a typical e-commerce site with 500 product images, that's 1.8 GB of image data being served to every visitor.

Now measure it in Core Web Vitals:

LCP (Largest Contentful Paint): 4.8 seconds (bad — should be <2.5s)
CLS (Cumulative Layout Shift): 0.24 (bad — should be <0.1)
Page weight: 8.2 MB (slow for mobile)

Google sees this and ranks you lower. Simple as that.

The Solution: WebP Format

WebP is Google's next-generation image format. It's been around since 2010, but adoption has exploded in 2026 because browser support finally reached 99%+.

The magic number: WebP delivers the same visual quality as JPG/PNG but at 60–80% smaller file sizes.

After converting to WebP:

JPG (2.4 MB) → WebP (180 KB) −92.5%
PNG (4.1 MB) → WebP (310 KB) −92.7%
Thumbnail (890 KB) → WebP (67 KB) −92.5%

Total: 7.29 MB → 557 KB

Same images. Same visual quality. 13x smaller.

The SEO Impact

When you reduce image file size, you directly improve Core Web Vitals:

LCP drops from 4.8s to 1.9s (now "Good" instead of "Poor")
CLS improves to 0.05 (from 0.24 — massive improvement)
Page weight: 8.2 MB → 1.4 MB (83% reduction)

Google's algorithm notices this. Sites with good Core Web Vitals get a ranking boost in search results. You're literally competing for the same keywords as sites still using JPG.

How to Convert Your Images: Step-by-Step

Option 1: Bulk Convert Offline (for developers)

If you have hundreds of images and want to convert them all at once:

# Install ImageMagick (macOS)
brew install imagemagick

# Convert all JPGs in a directory to WebP
for file in *.jpg; do
  convert "$file" -quality 80 "${file%.jpg}.webp"
done

This takes seconds and reduces file size dramatically.

Option 2: Browser-Based Bulk Converter (Recommended for non-developers)

If you're managing a spreadsheet of image URLs or need to batch-process files without technical setup, this is the fastest approach:

Go to BatchSet (an all-in-one image toolkit)
Paste 100+ image URLs into the bulk converter (or upload files directly)
Select WebP as output format
Download all converted files as a ZIP

This is the approach most e-commerce managers and marketing teams use because there's zero technical friction. You can convert a 500-image product catalog in under 5 minutes.

Why BatchSet works well for this:

Bulk convert up to 1,000 images at once
No credit card required (free tier: 30 credits/month)
Works directly with image URLs from spreadsheets (paste URLs, get WebP files back)
Resize images to exact dimensions at the same time (helpful for Shopify, WooCommerce, etc.)

Option 3: WordPress Plugin (if you use WP)

If you're using WordPress, install a plugin like TinyPNG, Imagify, or ShortPixel → Settings → enable WebP conversion → Auto-convert on upload

From that point forward, every new image automatically converts to WebP. Or if you prefer a no-code approach, use BatchSet to bulk convert your existing image library, then use a WordPress plugin for new uploads going forward.

The Real-World Test: Shopify Store

Let me show you what this looks like on an actual e-commerce store:

Store: 500 product images, average 2.2 MB each (JPG)
Before: Total image weight = 1.1 GB
After WebP: Total image weight = 110 MB
Page speed: 3.2s → 0.8s load time

Result: Google Search Console reported +47% traffic increase within 60 days. Same content, same keywords, same backlinks. Only change: image optimization.

If you're running a Shopify or Daraz store, this is the single highest-ROI optimization you can do. Use BatchSet to bulk convert your product catalog and resize for the exact platform dimensions in one go — it saves hours of manual work.

Why This Matters in 2026

Mobile-first indexing is mandatory — Google crawls the mobile version first. Large images destroy mobile performance.
AI search rewards fast sites — ChatGPT, Perplexity, and other LLM-based search systems prioritize fast, responsive pages in their recommendations.
Conversion rate improves — Every 1-second delay in page load = 7% conversion drop (ecommerce benchmark). WebP conversion literally increases your sales.
Backlink equity matters less without speed — Even if you have DA 80 backlinks, a slow site won't rank. Speed and relevance are prerequisites.

Gotchas & Things to Know

Browser support: WebP now works on 99.5% of browsers. But if you need to support ancient IE11, keep JPG as fallback.

Quality settings: WebP quality 75–80 looks identical to JPG quality 90. Don't overthink it.

Animated images: WebP supports animation better than GIF and is much smaller. If you use animated product shots, WebP is a huge win.

Conversion cost: Unless you're using a premium service, bulk WebP conversion is free or under $20/month.

Next Steps

Audit your current images: Right-click → inspect → check file sizes
Set a target: Aim to reduce total image weight by 70%
Batch convert: Use a tool (browser-based, command line, or WordPress plugin)
Monitor impact: Check Core Web Vitals in Google Search Console after 2–4 weeks
Track rankings: Your keywords should climb as page speed improves

If you have 100+ images to convert, try BatchSet free — 30 credits/month means you can convert your entire product catalog without paying anything.

Final Word

Image optimization is unsexy. It's not a viral marketing hack or a growth hack. But it's one of the few things you can do today that will directly improve your Google rankings and your conversion rates tomorrow.

If you're managing an e-commerce site, a marketing blog, or any content-heavy website, WebP conversion is not optional in 2026. It's table stakes.

The sooner you convert, the sooner Google starts ranking you higher.

Questions & Feedback

Drop them in the comments below. I'm tracking WebP adoption trends and would love to hear about your conversion experience.

What's your biggest bottleneck with image optimization?
Are you converting to WebP already?
What tool are you using (or would like to try)?

Tags: #seo #webperformance #webdev #imageoptimization #shopify #ecommerce #corewebvitals

Introducing BatchSet: An all-in-one image and marketing toolkit

Muhaymin Bin Mehmood — Wed, 20 May 2026 11:06:36 +0000

Why BatchSet?

Modern teams shouldn’t need five different subscriptions just to manage images, links, and marketing assets. We built BatchSet to bring these workflows into a single, fast cloud-processing dashboard.

Core Features

🟦 Image & PDF Processing

Bulk Converter: Process 100+ files (JPG, PNG, WebP, AVIF, PDF) at once.
Excel Batch: Convert images directly from spreadsheet URLs.
Social Resizer: 28 preset sizes for all major platforms.
PDF ↔ Image: High-quality conversion in both directions.

🟦 Marketing & Tracking Tools

QR Code Generator: Create static and dynamic codes with built-in analytics.
URL Shortener: Includes click tracking for your campaigns.
Barcode Generator: Supports QR, EAN, UPC, Code128, and more.

Who is it for?

BatchSet is optimized for:

E-commerce: Managing product catalogs and Shopify assets.
SEO & Marketing: Bulk image optimization and link tracking.
Agencies: Speeding up social media content delivery.

Try BatchSet for Free

Built BatchSet solo — a unified toolkit for image processing, QR, URLs & bulk workflows to replace 6+ scattered tools.

Muhaymin Bin Mehmood — Tue, 19 May 2026 16:40:23 +0000

Muhaymin Bin Mehmood

May 19

I Built an All-in-One Image & Marketing Toolkit as a Solo Developer 🚀

#showdev #saas #nextjs #productivity

2 min read

DEV Community: Muhaymin Bin Mehmood

Why Large Product Images Are Killing Your Store's Core Web Vitals (And How to Automate the Fix)

The Core Web Vitals Problem: Meet LCP

The Next-Gen Format Solution: WebP and Beyond

The Developer's Nightmare: Manual Bulk Editing

Streamlining the Workflow with Automation

AI Background Removal for Product Photos: The Ultimate Guide 🚀

Why Background Removal is a Sales Problem (Not Just a Design One)

How AI Background Removal Actually Works 🧠

How to Remove a Background in 3 Simple Steps

Step 1: Upload Your Images

Step 2: Let the AI Process

Step 3: Choose Your Export Format

Scaling Up: Bulk Background Removal for Full Catalogs 📦

Integrating Clean Cutouts into Your Frontend

Did you guys tried yet!

BatchSet is Live on Product Hunt 🚀 — 30% Off for the DEV Community (Code: PRODUCTHUNT)

Why Your Images Are Killing Your Core Web Vitals (and How I Fixed It in One Afternoon)

The problem nobody notices until it's a problem

Why WebP (and not just "compress the JPEG")

The actual annoying part: doing this at scale

A quick before/after

Takeaway

From 0 to 20 organic Google clicks: the engineering behind my solo SaaS

1. Make the tools work without a server

2. Programmatic SEO for tool + comparison pages

3. Structured data on everything

BatchSet is Live on Product Hunt 🚀 — 30% Off for the DEV Community (Code: PRODUCTHUNT)

😤 The Problem I Built It For

🛠️ What's Inside

💳 Plans

🎉 30% Off — Exclusive Product Hunt Launch Offer

🏷️ Use code PRODUCTHUNT at checkout

A Practical Bulk Image Optimization Tool for Developers & E-commerce Teams: My Take on BatchSet.com

What stands out technically:

Room for growth:

How I made bulk image conversion run 100% in the browser (no server, no upload)

The naive version

The problem: 200 images freezes the tab

A tiny worker pool

The gotcha that doubled my speed

What you get

The All-in-One Image & Marketing Toolkit for Online Sellers

WebP in 2026: How to Convert Your Entire Site's Images for 60–80% Smaller File Sizes

WebP in 2026: How to Convert Your Entire Site's Images for 60–80% Smaller File Sizes

The Problem: Your Images Are Killing Your Site Speed

The Solution: WebP Format

The SEO Impact

How to Convert Your Images: Step-by-Step

Option 1: Bulk Convert Offline (for developers)

Option 2: Browser-Based Bulk Converter (Recommended for non-developers)

Option 3: WordPress Plugin (if you use WP)

The Real-World Test: Shopify Store

Why This Matters in 2026

Gotchas & Things to Know

Next Steps

Final Word

Questions & Feedback

Introducing BatchSet: An all-in-one image and marketing toolkit

Why BatchSet?

Core Features

🟦 Image & PDF Processing

🟦 Marketing & Tracking Tools

Who is it for?

Built BatchSet solo — a unified toolkit for image processing, QR, URLs & bulk workflows to replace 6+ scattered tools.

I Built an All-in-One Image & Marketing Toolkit as a Solo Developer 🚀

🏷️ Use code `PRODUCTHUNT` at checkout