Batch Image Rename Tool

Batch Image Rename Tool is a free online tool that helps you convert or edit your images. Use it right on this page, with no sign-up and nothing to install.

How to use the Batch Image Rename Tool

Type or paste your input in “Rename Pattern”.
Enter a value for “Start Number”.
Upload your file.
Start the tool with the button on the page.
Your result shows on the page. Use “Download Renamed Files” to save it.

Why use this Batch Image Rename Tool?

The Batch Image Rename Tool is handy for websites, documents, social media and sharing photos. It is free, easy to use and works on any device.

Change image formats without extra software
Handy for websites, documents and social media
Quick steps: upload, convert, save

Batch Image Rename Tool – frequently asked questions

Is the Batch Image Rename Tool free to use?

Yes, it is free. You can use the Batch Image Rename Tool as often as you like without signing up.

Do I need to install anything?

No. It runs in your web browser on a phone, tablet or computer.

Is my data safe when I use the Batch Image Rename Tool?

The tool runs in your browser, so what you enter is processed on your own device and is not sent to our servers.

Will converting reduce my image quality?

It depends on the formats. Converting to a lossy format such as JPG or WebP can reduce quality a little, while PNG keeps full detail. Keep a copy of your original file to be safe.

More free Image Converters

Browse all Image Converters on Ilmhunt, or see all free online tools.

Embed this tool on your website — free

Copy the code below to add this working tool to your own page. A small credit link stays with it — that’s all we ask.

<iframe srcdoc="&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
    &lt;title&gt;Batch Image Rename Tool&lt;/title&gt;
    &lt;style&gt;
        :root {
            --primary-color: #2563eb;
            --secondary-color: #1d4ed8;
            --background-color: #f3f4f6;
            --card-background: #ffffff;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            line-height: 1.6;
            background-color: var(--background-color);
            padding: 20px;
        }

        .container {
            max-width: 900px;
            margin: 0 auto;
        }

        .card {
            background-color: var(--card-background);
            border-radius: 8px;
            padding: 24px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }

        h1, h2 {
            color: var(--primary-color);
            margin-bottom: 20px;
        }

        .input-group {
            margin-bottom: 20px;
        }

        label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
            color: #374151;
        }

        input[type=&quot;text&quot;],
        input[type=&quot;number&quot;] {
            width: 100%;
            padding: 10px;
            border: 1px solid #d1d5db;
            border-radius: 6px;
            font-size: 16px;
            margin-bottom: 10px;
        }

        .file-drop {
            border: 2px dashed #d1d5db;
            border-radius: 6px;
            padding: 20px;
            text-align: center;
            background-color: #f9fafb;
            cursor: pointer;
            transition: background-color 0.2s;
        }

        .file-drop:hover {
            background-color: #f3f4f6;
        }

        .file-drop.dragover {
            background-color: #e5e7eb;
            border-color: var(--primary-color);
        }

        button {
            background-color: var(--primary-color);
            color: white;
            border: none;
            padding: 12px 24px;
            border-radius: 6px;
            cursor: pointer;
            font-size: 16px;
            transition: background-color 0.2s;
        }

        button:hover {
            background-color: var(--secondary-color);
        }

        button:disabled {
            background-color: #9ca3af;
            cursor: not-allowed;
        }

        .preview-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        .preview-table th,
        .preview-table td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #e5e7eb;
        }

        .preview-table th {
            background-color: #f9fafb;
            font-weight: bold;
        }

        .help-text {
            font-size: 14px;
            color: #6b7280;
            margin-top: 4px;
        }

        .pattern-examples {
            background-color: #f9fafb;
            padding: 15px;
            border-radius: 6px;
            margin-top: 10px;
        }

        .pattern-examples code {
            background-color: #e5e7eb;
            padding: 2px 6px;
            border-radius: 4px;
            font-family: monospace;
        }

        .error {
            color: #dc2626;
            margin-top: 10px;
            display: none;
        }

        @media (max-width: 640px) {
            .container {
                padding: 10px;
            }

            .card {
                padding: 16px;
            }
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container&quot;&gt;
        &lt;div class=&quot;card&quot;&gt;
            &lt;h1&gt;Batch Image Rename Tool&lt;/h1&gt;
            
            &lt;div class=&quot;input-group&quot;&gt;
                &lt;label for=&quot;pattern&quot;&gt;Rename Pattern&lt;/label&gt;
                &lt;input type=&quot;text&quot; id=&quot;pattern&quot; placeholder=&quot;Example: image-[N]&quot; value=&quot;image-[N]&quot;&gt;
                &lt;div class=&quot;help-text&quot;&gt;Use [N] for number, [NAME] for original filename&lt;/div&gt;
                &lt;div class=&quot;pattern-examples&quot;&gt;
                    Examples:&lt;br&gt;
                    &lt;code&gt;image-[N]&lt;/code&gt; → image-1, image-2, ...&lt;br&gt;
                    &lt;code&gt;photo_[NAME]_[N]&lt;/code&gt; → photo_originalname_1, ...&lt;br&gt;
                    &lt;code&gt;[NAME]-edited&lt;/code&gt; → originalname-edited, ...
                &lt;/div&gt;
            &lt;/div&gt;

            &lt;div class=&quot;input-group&quot;&gt;
                &lt;label for=&quot;startNumber&quot;&gt;Start Number&lt;/label&gt;
                &lt;input type=&quot;number&quot; id=&quot;startNumber&quot; value=&quot;1&quot; min=&quot;0&quot;&gt;
            &lt;/div&gt;

            &lt;div class=&quot;input-group&quot;&gt;
                &lt;label&gt;Select Images&lt;/label&gt;
                &lt;div id=&quot;dropZone&quot; class=&quot;file-drop&quot;&gt;
                    Drag &amp; drop images here or click to select files&lt;br&gt;
                    &lt;small class=&quot;help-text&quot;&gt;Supported formats: jpg, jpeg, png, gif, webp&lt;/small&gt;
                &lt;/div&gt;
                &lt;input type=&quot;file&quot; id=&quot;fileInput&quot; multiple accept=&quot;image/*&quot; style=&quot;display: none&quot;&gt;
            &lt;/div&gt;

            &lt;div id=&quot;error&quot; class=&quot;error&quot;&gt;&lt;/div&gt;

            &lt;div id=&quot;preview&quot;&gt;
                &lt;h2&gt;Preview&lt;/h2&gt;
                &lt;table class=&quot;preview-table&quot;&gt;
                    &lt;thead&gt;
                        &lt;tr&gt;
                            &lt;th&gt;Original Name&lt;/th&gt;
                            &lt;th&gt;New Name&lt;/th&gt;
                        &lt;/tr&gt;
                    &lt;/thead&gt;
                    &lt;tbody id=&quot;previewBody&quot;&gt;&lt;/tbody&gt;
                &lt;/table&gt;
            &lt;/div&gt;

            &lt;button id=&quot;downloadBtn&quot; onclick=&quot;downloadFiles()&quot; disabled&gt;Download Renamed Files&lt;/button&gt;
        &lt;/div&gt;
    &lt;/div&gt;

    &lt;script&gt;
        let selectedFiles = [];

        // Set up drag and drop
        const dropZone = document.getElementById('dropZone');
        const fileInput = document.getElementById('fileInput');

        dropZone.addEventListener('click', () =&gt; fileInput.click());
        dropZone.addEventListener('dragover', (e) =&gt; {
            e.preventDefault();
            dropZone.classList.add('dragover');
        });
        dropZone.addEventListener('dragleave', () =&gt; dropZone.classList.remove('dragover'));
        dropZone.addEventListener('drop', handleFiles);
        fileInput.addEventListener('change', (e) =&gt; handleFiles(e));

        // Handle file selection
        function handleFiles(e) {
            e.preventDefault();
            dropZone.classList.remove('dragover');

            let files;
            if (e.dataTransfer) {
                files = e.dataTransfer.files;
            } else {
                files = e.target.files;
            }

            // Filter for images
            selectedFiles = Array.from(files).filter(file =&gt; 
                file.type.startsWith('image/')
            );

            updatePreview();
        }

        // Generate new filename based on pattern
        function generateNewFilename(originalName, index) {
            const pattern = document.getElementById('pattern').value;
            const startNumber = parseInt(document.getElementById('startNumber').value) || 1;
            
            const number = startNumber + index;
            const nameWithoutExt = originalName.substring(0, originalName.lastIndexOf('.'));
            const extension = originalName.substring(originalName.lastIndexOf('.'));

            return pattern
                .replace('[N]', number)
                .replace('[NAME]', nameWithoutExt)
                + extension;
        }

        // Update preview table
        function updatePreview() {
            const previewBody = document.getElementById('previewBody');
            const downloadBtn = document.getElementById('downloadBtn');
            
            previewBody.innerHTML = '';
            
            selectedFiles.forEach((file, index) =&gt; {
                const row = document.createElement('tr');
                row.innerHTML = `
                    &lt;td&gt;${file.name}&lt;/td&gt;
                    &lt;td&gt;${generateNewFilename(file.name, index)}&lt;/td&gt;
                `;
                previewBody.appendChild(row);
            });

            downloadBtn.disabled = selectedFiles.length === 0;
        }

        // Handle pattern and number changes
        document.getElementById('pattern').addEventListener('input', updatePreview);
        document.getElementById('startNumber').addEventListener('input', updatePreview);

        // Download renamed files
        function downloadFiles() {
            selectedFiles.forEach((file, index) =&gt; {
                const newName = generateNewFilename(file.name, index);
                
                // Create download link
                const link = document.createElement('a');
                link.href = URL.createObjectURL(file);
                link.download = newName;
                
                // Trigger download
                document.body.appendChild(link);
                link.click();
                document.body.removeChild(link);
                
                // Clean up
                URL.revokeObjectURL(link.href);
            });
        }
    &lt;/script&gt;
&lt;style&gt;html,body{height:auto!important;min-height:0!important;max-height:none!important}&lt;/style&gt;&lt;script&gt;(function(){function wpcPost(){try{parent.postMessage({wpcId:203,wpcH:document.body.scrollHeight},'*');}catch(e){}}window.addEventListener('load',wpcPost);try{new MutationObserver(wpcPost).observe(document.body,{childList:true,subtree:true,attributes:true});}catch(e){}window.addEventListener('resize',wpcPost);setInterval(wpcPost,600);})();&lt;/script&gt;&lt;/body&gt;
&lt;/html&gt;" id="wpc-frame-203" class="wpc-embed-frame" style="width:100%;border:0;display:block;overflow:hidden;" scrolling="no"></iframe>
<p><a href="https://ilmhunt.com/batch-image-rename-tool/" target="_blank" rel="noopener">Batch Image Rename Tool</a> by <a href="https://ilmhunt.com/" target="_blank" rel="noopener">IlmHunt</a> — free online tools</p>