Image tools for ChatGPT

First download the page's images, then enter the old and new product name. You get short prompts to paste into ChatGPT, each one used with a source image attached.

Step 1: Download all images from the page

Run this once on the source page. It saves every image into one zip file.

Open the source page in Chrome or Edge on a computer.
Press F12 (or right-click, Inspect) and open the Console tab.
Paste the code and press Enter. If it asks, type allow pasting first, press Enter, then paste again.
Wait for page-images.zip to download. If the browser asks to allow multiple downloads, choose Allow.

(async () => {
  const sleep = ms => new Promise(r => setTimeout(r, ms));
  console.log('Scrolling the page to load all images...');
  const h = document.body.scrollHeight;
  for (let y = 0; y < h; y += 700) { scrollTo(0, y); await sleep(120); }
  scrollTo(0, 0); await sleep(300);

  const found = [];
  const add = u => {
    if (!u || u.startsWith('data:')) return;
    try {
      const a = new URL(u, location.href);
      if (!/^https?:$/.test(a.protocol) || /\.svg$/i.test(a.pathname)) return;
      ['width', 'height', 'crop'].forEach(k => a.searchParams.delete(k));
      const key = a.origin + a.pathname;
      if (!found.some(x => x.key === key)) found.push({ key, url: a.href });
    } catch (e) {}
  };
  const largest = s => {
    if (!s) return;
    const c = s.split(',').map(p => p.trim().split(/\s+/)).filter(p => p[0]);
    if (!c.length) return;
    c.sort((a, b) => (parseFloat(b[1]) || 0) - (parseFloat(a[1]) || 0));
    add(c[0][0]);
  };
  document.querySelectorAll('*').forEach(el => {
    if (el.tagName === 'IMG') {
      largest(el.getAttribute('srcset')); largest(el.getAttribute('data-srcset'));
      add(el.getAttribute('data-src')); add(el.currentSrc || el.src);
    } else if (el.tagName === 'SOURCE') {
      largest(el.getAttribute('srcset')); largest(el.getAttribute('data-srcset'));
    }
    const bg = getComputedStyle(el).backgroundImage;
    if (bg && bg !== 'none') (bg.match(/url\(["']?[^"')]+["']?\)/g) || []).forEach(m => add(m.replace(/^url\(["']?|["']?\)$/g, '')));
  });
  console.log('Found ' + found.length + ' images. Downloading...');

  const files = [], failed = [];
  for (const f of found) {
    try {
      const r = await fetch(f.url);
      if (!r.ok) throw new Error(r.status);
      const b = await r.blob();
      if (b.size < 2000) continue;
      let name = decodeURIComponent(new URL(f.url).pathname.split('/').pop()) || 'image';
      if (!/\.\w{2,5}$/.test(name)) name += '.' + (b.type.split('/')[1] || 'jpg').replace('jpeg', 'jpg');
      files.push({ name: String(files.length + 1).padStart(2, '0') + '_' + name, blob: b });
      console.log(files.length + '. ' + name);
    } catch (e) { failed.push(f.url); }
  }
  const save = (blob, name) => {
    const a = document.createElement('a');
    a.href = URL.createObjectURL(blob); a.download = name;
    document.body.appendChild(a); a.click(); a.remove();
  };
  try {
    await new Promise((res, rej) => {
      const s = document.createElement('script');
      s.src = 'https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js';
      s.onload = res; s.onerror = rej; document.head.appendChild(s);
    });
    const z = new JSZip();
    files.forEach(f => z.file(f.name, f.blob));
    save(await z.generateAsync({ type: 'blob' }), 'page-images.zip');
    console.log('Done: page-images.zip with ' + files.length + ' images.');
  } catch (e) {
    console.log('Zip not available. Downloading the images one by one...');
    for (const f of files) { save(f.blob, f.name); await sleep(400); }
    console.log('Done: ' + files.length + ' images.');
  }
  if (failed.length) console.log('Could not download these (open and save them manually):\n' + failed.join('\n'));
})();

Old product name

New product name

Other text on the images

Page link (optional)

Unzip the images you downloaded in Step 1. Images with no product and no person do not need editing.
Pick the prompt that matches the image (product, person, testimonial). One image per chat message.
Attach the image, paste the prompt, send. Zoom in and check the old name is gone. If not, reply: "The old name is still visible. Remove it completely."
GIFs: ChatGPT cannot edit GIFs directly. Split the GIF into frames (ezgif.com), edit the frames with the prompts, then rebuild the GIF.