What metadata fields can I edit?

You can add or edit Title, Author/Artist, Copyright, Keywords, and Description/Caption. These are written as JPEG COM (Comment) segments in the output file, which are readable by most photo software.

Will my EXIF camera data be preserved?

Yes. The tool writes the new metadata as additional COM segments while keeping the original JPEG data intact, including any existing EXIF segments.

JPEG COM segments are a simple, universal way to embed text metadata that works without external libraries. PNG, WebP, and TIFF use different metadata formats that require more complex parsers and writers.

Is this the same as full IPTC/XMP editing?

No. Full IPTC/XMP editing requires dedicated software. This tool writes metadata as JPEG comment fields, which is readable by most tools but is not the same as structured IPTC or XMP blocks.

éditeur métadonnées image — Modifier le titre, la description et le copyright

🖼️

Déposez un JPEG ici ou cliquez pour parcourir

JPEG uniquement — l’écriture des métadonnées nécessite la prise en charge des segments JFIF/EXIF

Aucune donnée EXIF détectée dans cette image.

Titre

Auteur / Artiste

Droits d’auteur

Mots-clés Séparés par des virgules

Description / Légende

<div class="notice">
          ⚀Les nouvelles métadonnées sont écrites dans une nouvelle copie JPEG à l'aide de segments de commentaire (COM). Les données EXIF d'origine de l'appareil photo (ouverture, GPS, etc.) sont conservées telles quelles. Les champs IPTC nécessitent un logiciel dédié pour une intégration IPTC/XMP complète.
        </div>
        <button class="save-btn" id="saveBtn">Télécharger le JPEG mis à jour</button>
      </div>
    </div>
  </div>

<div class="ds-seo-content">
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">Qu'est-ce que l'éditeur métadonnées image ?</h2>
    <p>L'éditeur métadonnées image vous permet d'ouvrir un JPEG, de lire ses informations EXIF existantes (marque, modèle, date, dimensions) et d'ajouter ou de modifier des champs de métadonnées descriptives : Titre, Auteur, Droits d'auteur, Mots-clés et Description. Les nouvelles métadonnées sont intégrées sous forme de segments COM JPEG dans une copie téléchargée du fichier.</p>
  </section>
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">Comment utiliser l'éditeur métadonnées image</h2>
    <ol>
      <li>Déposez un fichier JPEG dans la zone de dépôt ou cliquez pour parcourir.</li>
      <li>Consultez les données EXIF existantes affichées dans le panneau récapitulatif.</li>
      <li>Remplissez les champs de métadonnées : titre, auteur, droits d'auteur, mots-clés et description.</li>
      <li>Cliquez sur "Télécharger le JPEG mis à jour" pour enregistrer le fichier modifié.</li>
    </ol>
  </section>
</div>

<div class="ds-related-tools">
  <h2 class="ds-related-title">Outils associés</h2>
  <div class="ds-related-grid">
    <a href="exif-viewer.html" class="ds-related-card"><span class="ds-related-icon">🔍</span><div><div class="ds-related-name">Visionneuse EXIF</div><div class="ds-related-desc">Lisez le modèle d’appareil photo, le GPS, l’exposition et toutes les métadonnées EXIF de n’importe quelle image</div></div></a>
    <a href="remove-exif.html" class="ds-related-card"><span class="ds-related-icon">🛡️</span><div><div class="ds-related-name">supprimer EXIF</div><div class="ds-related-desc">Supprimer la localisation GPS et les métadonnées EXIF des photos</div></div></a>
    <a href="image-to-base64.html" class="ds-related-card"><span class="ds-related-icon">🔢</span><div><div class="ds-related-name">image vers Base64</div><div class="ds-related-desc">Convertissez n’importe quelle image en chaîne Base64 ou data URI pour l’intégrer dans HTML/CSS</div></div></a>
  </div>
</div>

<details class="ds-seo-more">
  <summary class="ds-seo-more__toggle">
    <span>Comprendre les métadonnées d'image</span>
    <span class="ds-seo-more__arrow">▾</span>
  </summary>
  <div class="ds-seo-more__body">
    <details class="ds-seo-collapse">
      <summary>Exemple</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-example">
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Entrée</span>
            <span class="ds-seo-example__value">photo.jpg (sans métadonnées)</span>
          </div>
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Sortie</span>
            <span class="ds-seo-example__value">photo_edited.jpg avec Titre : Sunset | Auteur : Jane Smith | Copyright : 2024</span>
          </div>
        </div>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Cas d’utilisation courants</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Ajouter le copyright avant de partager des photos en ligne</li>
          <li>Étiqueter les images archivées avec un titre et une description</li>
          <li>Corriger ou ajouter l’attribution d’auteur aux fichiers JPEG</li>
          <li>Ajouter des mots-clés pour rendre les photos recherchables</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Pourquoi utiliser cet outil</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Ajouter les informations de copyright et d’auteur avant de publier des photos.</li>
          <li>Préremplit le champ Auteur à partir de la balise EXIF Artist existante, si présente.</li>
          <li>Non destructif — crée un nouveau fichier et n’écrase jamais l’original.</li>
          <li>100 % local — aucune image n'est jamais téléversée.</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Questions fréquentes</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-faq-item"><strong>Quels champs de métadonnées puis-je modifier ?</strong><p>Vous pouvez ajouter ou modifier Titre, Auteur/Artist, Copyright, Mots-clés et Description/Légende. Ces informations sont écrites sous forme de segments JPEG COM (Comment) dans le fichier de sortie, lisibles par la plupart des logiciels photo.</p></div>
        <div class="ds-seo-faq-item"><strong>Les données EXIF de mon appareil photo seront-elles conservées ?</strong><p>Oui. L’outil écrit les nouvelles métadonnées sous forme de segments COM supplémentaires tout en conservant intactes les données JPEG d’origine, y compris les segments EXIF existants.</p></div>
        <div class="ds-seo-faq-item"><strong>Pourquoi uniquement JPEG ?</strong><p>Les segments JPEG COM offrent un moyen simple et universel d’intégrer des métadonnées textuelles sans bibliothèque externe. PNG, WebP et TIFF utilisent des formats de métadonnées différents qui nécessitent des parseurs et des générateurs plus complexes.</p></div>
        <div class="ds-seo-faq-item"><strong>Est-ce la même chose que la modification complète IPTC/XMP ?</strong><p>Non. La modification complète des métadonnées IPTC/XMP nécessite un logiciel dédié. Cet outil écrit les métadonnées dans des champs de commentaire JPEG, lisibles par la plupart des outils, mais cela ne correspond pas à des blocs IPTC ou XMP structurés.</p></div>
      </div>
    </details>
  </div>
</details>

</div>
<script>
  'use strict';

let originalBuf = null;
  let origFileName = 'image.jpg';

// Minimal EXIF reader for display only
  function readExif(buf) {
    const dv = new DataView(buf);
    const fields = {};
    if (dv.getUint16(0) !== 0xFFD8) { document.getElementById('exifReadout').textContent = 'Not a valid JPEG.'; return; }
    let pos = 2;
    while (pos < dv.byteLength - 1) {
      const marker = dv.getUint16(pos);
      if (marker === 0xFFE1) {
        const segLen = dv.getUint16(pos + 2);
        const id = String.fromCharCode(...new Uint8Array(buf, pos + 4, 4));
        if (id === 'Exif') {
          const tiff = pos + 10;
          const le = dv.getUint16(tiff) === 0x4949;
          const ifd0 = tiff + dv.getUint32(tiff + 4, le);
          const n = dv.getUint16(ifd0, le);
          for (let i = 0; i < n; i++) {
            const eOff = ifd0 + 2 + i * 12;
            const tag = dv.getUint16(eOff, le);
            const type = dv.getUint16(eOff + 2, le);
            const count = dv.getUint32(eOff + 4, le);
            if (type === 2) {
              const dataOff = count > 4 ? tiff + dv.getUint32(eOff + 8, le) : eOff + 8;
              let s = '';
              const bytes = new Uint8Array(buf, dataOff, count);
              for (let j = 0; j < count; j++) { if (!bytes[j]) break; s += String.fromCharCode(bytes[j]); }
              if (tag === 0x010F) fields['Make'] = s.trim();
              if (tag === 0x0110) fields['Model'] = s.trim();
              if (tag === 0x0132) fields['DateTime'] = s.trim();
              if (tag === 0x013B) fields['Artist'] = s.trim();
            }
            if (tag === 0xA002 && (type === 3 || type === 4)) {
              fields['Width'] = type === 3 ? dv.getUint16(eOff + 8, le) : dv.getUint32(eOff + 8, le);
            }
            if (tag === 0xA003 && (type === 3 || type === 4)) {
              fields['Height'] = type === 3 ? dv.getUint16(eOff + 8, le) : dv.getUint32(eOff + 8, le);
            }
          }
        }
        pos += 2 + segLen;
        continue;
      }
      if ((marker & 0xFF00) !== 0xFF00) break;
      if (marker === 0xFFD9) break;
      pos += 2 + dv.getUint16(pos + 2);
    }

document.getElementById('exifReadout').innerHTML = parts.length
      ? parts.join('  ·  ')
      : 'No readable EXIF fields found. You can still add metadata fields below.';
  }

// Write metadata as JPEG COM segments
  document.getElementById('saveBtn').addEventListener('click', () => {
    if (!originalBuf) return;

const fields = {
      title: document.getElementById('mTitle').value.trim(),
      author: document.getElementById('mAuthor').value.trim(),
      copyright: document.getElementById('mCopyright').value.trim(),
      keywords: document.getElementById('mKeywords').value.trim(),
      description: document.getElementById('mDesc').value.trim()
    };

const comments = Object.entries(fields)
      .filter(([, v]) => v)
      .map(([k, v]) => `${k.charAt(0).toUpperCase() + k.slice(1)}: ${v}`);

// Build new JPEG: keep SOI + existing segments, inject COM before SOS/EOI
    const encoder = new TextEncoder();
    const parts = [];
    // SOI
    parts.push(new Uint8Array([0xFF, 0xD8]));
    // COM segments
    for (const comment of comments) {
      const data = encoder.encode(comment);
      const segLen = data.length + 2;
      const seg = new Uint8Array(4 + data.length);
      seg[0] = 0xFF; seg[1] = 0xFE;
      seg[2] = (segLen >> 8) & 0xFF; seg[3] = segLen & 0xFF;
      seg.set(data, 4);
      parts.push(seg);
    }
    // Rest of original JPEG (skip original SOI, keep everything else)
    parts.push(originalBuf.slice(2));

const totalLen = parts.reduce((s, p) => s + p.length, 0);
    const out = new Uint8Array(totalLen);
    let offset = 0;
    for (const p of parts) { out.set(p, offset); offset += p.length; }