irisfiles/image-metadata.html at main · essentialols/irisfiles · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Image Metadata Viewer & Editor - Free, Private | IrisFiles</title>
  <meta name="description" content="View, edit, and strip EXIF metadata from photos in your browser. See GPS location, camera info, dates, and more. Lossless JPEG editing. No upload required.">
  <meta property="og:title" content="Image Metadata Viewer & Editor - Free, Private | IrisFiles">
  <meta property="og:description" content="View, edit, and strip EXIF metadata from photos in your browser. See GPS location, camera info, dates, and more. Lossless JPEG editing. No upload required.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://irisfiles.com/image-metadata">
  <meta name="twitter:card" content="summary">
  <meta name="twitter:title" content="Image Metadata Viewer & Editor - Free, Private | IrisFiles">
  <meta name="twitter:description" content="View, edit, and strip EXIF metadata from photos in your browser. See GPS location, camera info, dates, and more. Lossless JPEG editing. No upload required.">
  <meta property="og:image" content="https://irisfiles.com/img/og-default.png">
  <meta name="twitter:image" content="https://irisfiles.com/img/og-default.png">
  <link rel="canonical" href="https://irisfiles.com/image-metadata">
  <link rel="stylesheet" href="css/style.css?v=ce77e82d">
  <link rel="icon" href="/favicon.png" type="image/png">
  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  <script type="application/ld+json">
  [
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Image Metadata Viewer & Editor - IrisFiles",
      "url": "https://irisfiles.com/image-metadata",
      "description": "View, edit, and strip EXIF metadata from photos in your browser. Lossless JPEG editing. No server upload.",
      "applicationCategory": "MultimediaApplication",
      "operatingSystem": "Any",
      "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
    },
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "What metadata do photos contain?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Photos can contain EXIF metadata including GPS coordinates (your exact location), camera make and model, lens information, date and time, exposure settings (ISO, aperture, shutter speed), software used, and descriptive fields like artist and copyright. This data is embedded by cameras and phones automatically."
          }
        },
        {
          "@type": "Question",
          "name": "Can I edit metadata without losing image quality?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Yes, for JPEG images. IrisFiles uses piexifjs to modify only the metadata bytes in the file, never re-encoding the pixel data. This means zero quality loss. For non-JPEG formats (PNG, WebP, etc.), metadata can be viewed but stripping requires Canvas re-encoding."
          }
        },
        {
          "@type": "Question",
          "name": "Why should I remove GPS data from photos?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "GPS coordinates in photo metadata reveal the exact location where the photo was taken. When you share photos online, anyone can extract this data and determine your home address, workplace, or travel patterns. IrisFiles removes location fields stored in standard EXIF and XMP while preserving other JPEG metadata. If extended or malformed XMP cannot be edited safely, the tool stops instead of claiming the location was removed."
          }
        },
        {
          "@type": "Question",
          "name": "Are my photos uploaded to a server?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "No. All metadata reading, editing, and stripping happens entirely in your browser. Your photos never leave your device. This is critical for a privacy tool: the tool inspecting your location data should not be uploading your files."
          }
        }
      ]
    }
  ]
  </script>
</head>
<body>
  <header class="header">
    <div class="container container--wide">
      <a href="/" class="logo">Iris<span>Files</span></a>
      <nav class="nav">
        <a href="/about">About</a>
        <a href="https://ko-fi.com/irisfiles" class="support-btn" target="_blank" rel="noopener"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 8h1.5a2.5 2.5 0 010 5H17"/><path d="M3 8h14v9a4 4 0 01-4 4H7a4 4 0 01-4-4V8z" fill="currentColor" stroke="none" opacity=".15"/><path d="M3 8h14v9a4 4 0 01-4 4H7a4 4 0 01-4-4V8z"/><path d="M6 1v3M10 1v3M14 1v3" opacity=".6"/></svg> Support this project</a>
      </nav>
    </div>
  </header>

  <main class="container">
    <a href="/" class="back-link"><svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 12L6 8l4-4"/></svg> Back</a>
    <div id="drop-zone" class="drop-zone">
      <h1 class="drop-zone__title">View image metadata privately.</h1>
      <p class="drop-zone__subtitle">Everything runs in your browser. Nothing is uploaded. Ever.</p>
      <svg viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M28 8H12a4 4 0 00-4 4v24a4 4 0 004 4h24a4 4 0 004-4V20L28 8z"/><path d="M28 8v12h12"/><path d="M24 34v-8m-4 4l4-4 4 4"/></svg>
      <p>Drop a photo here, or click to browse</p>
      <p class="drop-zone__disclaimer">Provided as-is with no warranty. Always keep backups of your original files.</p>
      <input type="file" id="file-input" accept="image/*,.heic,.heif,.avif,.bmp,.tiff,.tif,.ico">
    </div>

    <div id="file-list" class="file-list"></div>

    <div id="metadata-panel" class="metadata-panel"></div>

    <div class="batch-actions">
      <button id="save-changes" class="btn btn--primary" style="display:none">Save Changes</button>
      <button id="strip-gps" class="btn btn--secondary" style="display:none">Strip GPS Only</button>
      <button id="strip-all" class="btn btn--danger" style="display:none;border:1px solid var(--danger);padding:0.6rem 1.25rem;font-size:0.9rem">Strip All Metadata</button>
      <button id="clear-all" class="btn btn--secondary" style="display:none">Clear</button>
    </div>

    <div class="related-tools">
      <h2>Related Tools</h2>
      <div class="related-tools__links">
        <a href="/strip-exif">Strip EXIF (Batch)</a>
        <a href="/resize-image">Resize Images</a>
        <a href="/compress">Compress Images</a>
      </div>
    </div>

    <section class="faq">
      <h2>Frequently Asked Questions</h2>
      <div class="faq-item">
        <button class="faq-question">What metadata do photos contain?</button>
        <div class="faq-answer">
          <p>Photos can contain EXIF metadata including GPS coordinates (your exact location), camera make and model, lens information, date and time, exposure settings (ISO, aperture, shutter speed), software used, and descriptive fields like artist and copyright. This data is embedded by cameras and phones automatically.</p>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Can I edit metadata without losing image quality?</button>
        <div class="faq-answer">
          <p>Yes, for JPEG images. IrisFiles uses piexifjs to modify only the metadata bytes in the file, never re-encoding the pixel data. This means zero quality loss. For non-JPEG formats (PNG, WebP, etc.), metadata can be viewed but stripping requires Canvas re-encoding.</p>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Why should I remove GPS data from photos?</button>
        <div class="faq-answer">
          <p>GPS coordinates in photo metadata reveal the exact location where the photo was taken. When you share photos online, anyone can extract this data and determine your home address, workplace, or travel patterns. Strip GPS Only removes location fields stored in standard EXIF and XMP while preserving other JPEG metadata. If extended or malformed XMP cannot be edited safely, IrisFiles stops instead of claiming the location was removed.</p>
        </div>
      </div>
      <div class="faq-item">
        <button class="faq-question">Are my photos uploaded to a server?</button>
        <div class="faq-answer">
          <p>No. All metadata reading, editing, and stripping happens entirely in your browser. Your photos never leave your device. This is critical for a privacy tool: the tool inspecting your location data should not be uploading your files.</p>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <div class="footer-links">
        <a href="/">All Converters</a>
        <a href="/strip-exif">Strip EXIF</a>
        <a href="/compress">Compress</a>
        <a href="/about">About</a>
      </div>
      <p>IrisFiles. All processing happens in your browser.</p>
    </div>
  </footer>

  <script type="module" src="js/exif-boot.js"></script>
</body>
</html>