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.

editar metadatos imagen —Editar título, descripción y derechos de autor

🖼️

Arrastra un JPEG aquí o haz clic para seleccionar

Solo JPEG —la escritura de metadatos requiere compatibilidad con segmentos JFIF/EXIF

No se han detectado datos EXIF en esta imagen.

Título

Autor / Artista

Derechos de autor

Palabras clave Separadas por comas

Descripción / Pie de foto

<div class="notice">
          ⚀Los nuevos metadatos se escriben en una copia JPEG nueva usando segmentos Comment (COM). Los datos EXIF originales de la cámara (apertura, GPS, etc.) se conservan tal cual. Los campos IPTC requieren software específico para la incrustación completa de IPTC/XMP.
        </div>
        <button class="save-btn" id="saveBtn">Descargar JPEG actualizado</button>
      </div>
    </div>
  </div>

<div class="ds-seo-content">
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">¿Qué es editar metadatos imagen?</h2>
    <p>La función editar metadatos imagen permite abrir un JPEG, leer su información EXIF existente de la cámara (fabricante, modelo, fecha, dimensiones) y añadir o editar campos de metadatos descriptivos: Título, Autor, Copyright, Palabras clave y Descripción. Los nuevos metadatos se integran como segmentos COM de JPEG en una copia descargada del archivo.</p>
  </section>
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">Cómo usar la herramienta editar metadatos imagen</h2>
    <ol>
      <li>Arrastra un archivo JPEG a la zona de carga o haz clic para explorar.</li>
      <li>Consulta los datos EXIF existentes que se muestran en el panel de resumen.</li>
      <li>Completa los campos de metadatos: título, autor, copyright, palabras clave y descripción.</li>
      <li>Haz clic en "Descargar JPEG actualizado" para guardar el archivo editado.</li>
    </ol>
  </section>
</div>

<div class="ds-related-tools">
  <h2 class="ds-related-title">Herramientas relacionadas</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">Visor de EXIF</div><div class="ds-related-desc">Lee el modelo de cámara, el GPS, la exposición y todos los metadatos EXIF de cualquier imagen</div></div></a>
    <a href="remove-exif.html" class="ds-related-card"><span class="ds-related-icon">🛡️</span><div><div class="ds-related-name">eliminar EXIF</div><div class="ds-related-desc">Elimina la ubicación GPS y los metadatos EXIF de las fotos</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">Imagen a Base64</div><div class="ds-related-desc">Convierte cualquier imagen en una cadena Base64 o un data URI para incrustarla en HTML/CSS</div></div></a>
  </div>
</div>

<details class="ds-seo-more">
  <summary class="ds-seo-more__toggle">
    <span>Entender los metadatos de imagen</span>
    <span class="ds-seo-more__arrow">▾</span>
  </summary>
  <div class="ds-seo-more__body">
    <details class="ds-seo-collapse">
      <summary>Ejemplo</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-example">
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Entrada</span>
            <span class="ds-seo-example__value">photo.jpg (sin metadatos)</span>
          </div>
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Salida</span>
            <span class="ds-seo-example__value">photo_edited.jpg con Título: Sunset | Autor: Jane Smith | Copyright: 2024</span>
          </div>
        </div>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Casos de uso comunes</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Añade copyright antes de compartir fotos en línea</li>
          <li>Etiqueta las imágenes archivadas con título y descripción</li>
          <li>Corrige o añade la atribución de autor a archivos JPEG</li>
          <li>Añade palabras clave para que las fotos se puedan buscar</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Por qué usar esta herramienta</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Añade información de copyright y autor antes de publicar fotos.</li>
          <li>Precompleta el campo Autor con la etiqueta EXIF Artist existente si está presente.</li>
          <li>No destructivo: crea un archivo nuevo y nunca sobrescribe el original.</li>
          <li>100% local —ninguna imagen se sube nunca.</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Preguntas frecuentes</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-faq-item"><strong>¿Qué campos de metadatos puedo editar?</strong><p>Puedes añadir o editar Título, Autor/Artista, Copyright, Palabras clave y Descripción/Leyenda. Se escriben como segmentos COM (comentario) de JPEG en el archivo de salida, que la mayoría del software de fotografía puede leer.</p></div>
        <div class="ds-seo-faq-item"><strong>¿Se conservarán los datos EXIF de mi cámara?</strong><p>Sí. La herramienta escribe los nuevos metadatos como segmentos COM adicionales y mantiene intactos los datos JPEG originales, incluidos los segmentos EXIF existentes.</p></div>
        <div class="ds-seo-faq-item"><strong>¿Por qué solo JPEG?</strong><p>Los segmentos COM de JPEG son una forma sencilla y universal de insertar metadatos de texto que funciona sin bibliotecas externas. PNG, WebP y TIFF usan formatos de metadatos diferentes que requieren analizadores y escritores más complejos.</p></div>
        <div class="ds-seo-faq-item"><strong>¿Es lo mismo que la edición completa de IPTC/XMP?</strong><p>No. La edición completa de IPTC/XMP requiere software dedicado. Esta herramienta escribe los metadatos como campos de comentario JPEG, que la mayoría de las herramientas pueden leer, pero no equivale a bloques IPTC o XMP estructurados.</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; }