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.

sửa metadata ảnh —Chỉnh sửa Tiêu đề, Mô tả & Bản quyền

🖼️

Thả JPEG vào đây hoặc bấm để chọn

Chỉ hỗ trợ JPEG — ghi metadata yêu cầu hỗ trợ phân đoạn JFIF/EXIF

Không phát hiện dữ liệu EXIF trong ảnh này.

Tiêu đề

Tác giả / Nghệ sĩ

Bản quyền

Từ khóa Phân tách bằng dấu phẩy

Mô tả / Chú thích

<div class="notice">
          ⚀Metadata mới được ghi vào bản sao JPEG mới bằng các đoạn Comment (COM). Dữ liệu EXIF gốc của máy ảnh (khẩu độ, GPS, v.v.) được giữ nguyên. Các trường IPTC cần phần mềm chuyên dụng để nhúng đầy đủ IPTC/XMP.
        </div>
        <button class="save-btn" id="saveBtn">Tải JPEG đã cập nhật</button>
      </div>
    </div>
  </div>

<div class="ds-seo-content">
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">Sửa metadata ảnh là gì?</h2>
    <p>Sửa metadata ảnh cho phép bạn mở JPEG, đọc thông tin EXIF hiện có của máy ảnh (hãng, kiểu máy, ngày, kích thước) và thêm hoặc chỉnh sửa các trường metadata mô tả: Tiêu đề, Tác giả, Bản quyền, Từ khóa và Mô tả. Metadata mới được nhúng dưới dạng các đoạn JPEG COM trong bản sao tệp được tải xuống.</p>
  </section>
  <section class="ds-seo-section">
    <h2 class="ds-seo-section__title">Cách sử dụng công cụ sửa metadata ảnh</h2>
    <ol>
      <li>Kéo thả tệp JPEG vào vùng thả hoặc nhấp để duyệt.</li>
      <li>Đọc dữ liệu EXIF hiện có được hiển thị trong bảng tóm tắt.</li>
      <li>Điền vào các trường metadata: tiêu đề, tác giả, bản quyền, từ khóa và mô tả.</li>
      <li>Nhấp vào "Tải JPEG đã cập nhật" để lưu tệp đã chỉnh sửa.</li>
    </ol>
  </section>
</div>

<div class="ds-related-tools">
  <h2 class="ds-related-title">Công cụ liên quan</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">Trình xem EXIF</div><div class="ds-related-desc">Đọc model máy ảnh, GPS, độ phơi sáng và toàn bộ siêu dữ liệu EXIF từ bất kỳ ảnh nào</div></div></a>
    <a href="remove-exif.html" class="ds-related-card"><span class="ds-related-icon">🛡️</span><div><div class="ds-related-name">xóa EXIF</div><div class="ds-related-desc">Loại bỏ vị trí GPS và siêu dữ liệu EXIF khỏi ảnh</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">ảnh sang Base64</div><div class="ds-related-desc">Chuyển đổi bất kỳ ảnh nào thành chuỗi Base64 hoặc data URI để nhúng vào HTML/CSS</div></div></a>
  </div>
</div>

<details class="ds-seo-more">
  <summary class="ds-seo-more__toggle">
    <span>Hiểu về metadata ảnh</span>
    <span class="ds-seo-more__arrow">▾</span>
  </summary>
  <div class="ds-seo-more__body">
    <details class="ds-seo-collapse">
      <summary>Ví dụ</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-example">
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Đầu vào</span>
            <span class="ds-seo-example__value">photo.jpg (không có metadata)</span>
          </div>
          <div class="ds-seo-example__row">
            <span class="ds-seo-example__label">Đầu ra</span>
            <span class="ds-seo-example__value">photo_edited.jpg với Tiêu đề: Sunset | Tác giả: Jane Smith | Bản quyền: 2024</span>
          </div>
        </div>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Các trường hợp sử dụng phổ biến</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Thêm thông tin bản quyền trước khi chia sẻ ảnh trực tuyến</li>
          <li>Gắn tiêu đề và mô tả cho ảnh lưu trữ</li>
          <li>Sửa hoặc thêm ghi công tác giả cho tệp JPEG</li>
          <li>Thêm từ khóa để ảnh có thể tìm kiếm được</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Vì sao nên dùng công cụ này</summary>
      <div class="ds-seo-collapse__body">
        <ul>
          <li>Thêm thông tin bản quyền và tác giả trước khi xuất bản ảnh.</li>
          <li>Tự động điền trường Tác giả từ thẻ Artist trong EXIF nếu có.</li>
          <li>Không phá hủy dữ liệu — tạo tệp mới, không bao giờ ghi đè tệp gốc.</li>
          <li>100% cục bộ — không ảnh nào bị tải lên.</li>
        </ul>
      </div>
    </details>
    <details class="ds-seo-collapse">
      <summary>Câu hỏi thường gặp</summary>
      <div class="ds-seo-collapse__body">
        <div class="ds-seo-faq-item"><strong>Tôi có thể chỉnh sửa những trường metadata nào?</strong><p>Bạn có thể thêm hoặc chỉnh sửa Tiêu đề, Tác giả/Artist, Bản quyền, Từ khóa và Mô tả/Chú thích. Các thông tin này được ghi dưới dạng phân đoạn JPEG COM (Comment) trong tệp đầu ra, mà hầu hết phần mềm ảnh đều đọc được.</p></div>
        <div class="ds-seo-faq-item"><strong>Dữ liệu máy ảnh trong EXIF của tôi có được giữ lại không?</strong><p>Có. Công cụ ghi metadata mới dưới dạng các phân đoạn COM bổ sung trong khi giữ nguyên dữ liệu JPEG gốc, bao gồm mọi phân đoạn EXIF hiện có.</p></div>
        <div class="ds-seo-faq-item"><strong>Tại sao chỉ hỗ trợ JPEG?</strong><p>Phân đoạn JPEG COM là cách đơn giản, phổ quát để nhúng metadata văn bản mà không cần thư viện bên ngoài. PNG, WebP và TIFF dùng các định dạng metadata khác, đòi hỏi trình phân tích cú pháp và trình ghi phức tạp hơn.</p></div>
        <div class="ds-seo-faq-item"><strong>Đây có phải là chỉnh sửa IPTC/XMP đầy đủ không?</strong><p>Không. Chỉnh sửa đầy đủ IPTC/XMP cần phần mềm chuyên dụng. Công cụ này ghi metadata dưới dạng trường bình luận JPEG, được hầu hết công cụ đọc được nhưng không giống khối IPTC hoặc XMP có cấu trúc.</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; }