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.

edit metadata gambar —Edit Judul, Deskripsi & Hak Cipta

🖼️

Letakkan JPEG di sini atau klik untuk menelusuri

Hanya JPEG —penulisan metadata memerlukan dukungan segmen JFIF/EXIF

Tidak ada data EXIF yang terdeteksi pada gambar ini.

Judul

Penulis / Artis

Hak Cipta

Kata kunci Dipisahkan koma

Deskripsi / Keterangan

<div class="notice">
          ⚀Metadata baru ditulis ke salinan JPEG baru menggunakan segmen Comment (COM). Data kamera EXIF asli (bukaan, GPS, dll.) dipertahankan apa adanya. Kolom IPTC memerlukan perangkat lunak khusus untuk penyematan IPTC/XMP penuh.
        </div>
        <button class="save-btn" id="saveBtn">Unduh JPEG yang Diperbarui</button>
      </div>
    </div>
  </div>

<div class="ds-seo-content">
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">Apa itu edit metadata gambar?</h2>
    <p>edit metadata gambar memungkinkan Anda membuka JPEG, membaca informasi kamera EXIF yang ada (merek, model, tanggal, dimensi), dan menambah atau mengedit kolom metadata deskriptif: Judul, Penulis, Hak Cipta, Kata kunci, dan Deskripsi. Metadata baru disematkan sebagai segmen COM JPEG dalam salinan file yang diunduh.</p>
  </section>
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">Cara Menggunakan edit metadata gambar</h2>
    <ol>
      <li>Jatuhkan file JPEG ke area drop atau klik untuk menelusuri.</li>
      <li>Baca data EXIF yang ada di panel ringkasan.</li>
      <li>Isi kolom metadata: judul, penulis, hak cipta, kata kunci, dan deskripsi.</li>
      <li>Klik "Unduh JPEG yang Diperbarui" untuk menyimpan file yang diedit.</li>
    </ol>
  </section>
</div>

<div class="ds-related-tools">
  <h2 class="ds-related-title">Alat Terkait</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">Penampil EXIF</div><div class="ds-related-desc">Baca model kamera, GPS, eksposur, dan metadata EXIF lengkap dari gambar apa pun</div></div></a>
    <a href="remove-exif.html" class="ds-related-card"><span class="ds-related-icon">🛡️</span><div><div class="ds-related-name">hapus EXIF</div><div class="ds-related-desc">Hapus lokasi GPS dan metadata EXIF dari foto</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">gambar ke Base64</div><div class="ds-related-desc">Konversi gambar apa pun ke string Base64 atau data URI untuk disematkan di HTML/CSS</div></div></a>
  </div>
</div>

<details class="ds-seo-more">
  <summary class="ds-seo-more__toggle">
    <span>Memahami Metadata Gambar</span>
    <span class="ds-seo-more__arrow">▾</span>
  </summary>
  <div class="ds-seo-more__body">
    <details class="ds-seo-collapse">
      <summary>Contoh</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-example">
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Input</span>
            <span class="ds-seo-example__value">photo.jpg (tanpa metadata)</span>
          </div>
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Output</span>
            <span class="ds-seo-example__value">photo_edited.jpg dengan Judul: Sunset | Penulis: Jane Smith | Hak Cipta: 2024</span>
          </div>
        </div>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Kasus Penggunaan Umum</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Tambahkan hak cipta sebelum membagikan foto secara online</li>
          <li>Beri label gambar yang diarsipkan dengan judul dan deskripsi</li>
          <li>Perbaiki atau tambahkan atribusi penulis pada file JPEG</li>
          <li>Tambahkan kata kunci agar foto dapat dicari</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Mengapa Menggunakan Alat Ini</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Tambahkan info hak cipta dan penulis sebelum menerbitkan foto.</li>
          <li>Mengisi otomatis kolom Penulis dari tag EXIF Artist yang ada, jika tersedia.</li>
          <li>Non-destruktif — membuat file baru, tidak pernah menimpa file asli.</li>
          <li>100% lokal —tidak ada gambar yang pernah diunggah.</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Pertanyaan yang Sering Diajukan</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-faq-item"><strong>Kolom metadata apa yang dapat saya ubah?</strong><p>Anda dapat menambahkan atau mengubah Judul, Penulis/Artis, Hak Cipta, Kata Kunci, dan Deskripsi/Keterangan. Data ini ditulis sebagai segmen JPEG COM (Comment) dalam file keluaran, yang dapat dibaca oleh sebagian besar perangkat lunak foto.</p></div>
        <div class="ds-seo-faq-item"><strong>Apakah data kamera EXIF saya akan dipertahankan?</strong><p>Ya. Alat ini menulis metadata baru sebagai segmen COM tambahan sambil menjaga data JPEG asli tetap utuh, termasuk segmen EXIF yang sudah ada.</p></div>
        <div class="ds-seo-faq-item"><strong>Mengapa hanya JPEG?</strong><p>Segmen JPEG COM adalah cara sederhana dan universal untuk menyematkan metadata teks yang berfungsi tanpa pustaka eksternal. PNG, WebP, dan TIFF menggunakan format metadata berbeda yang memerlukan parser dan writer yang lebih kompleks.</p></div>
        <div class="ds-seo-faq-item"><strong>Apakah ini sama dengan pengeditan IPTC/XMP penuh?</strong><p>Tidak. Pengeditan IPTC/XMP lengkap memerlukan perangkat lunak khusus. Alat ini menulis metadata sebagai kolom komentar JPEG, yang dapat dibaca oleh sebagian besar alat, tetapi tidak sama dengan blok IPTC atau XMP terstruktur.</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; }