grain.social is a photo sharing platform built on atproto.
1import { Dialog } from "./Dialog.tsx";
2
3export function ExifInfoDialog() {
4 return (
5 <Dialog class="z-101">
6 <Dialog.Content class="flex flex-col gap-4">
7 <Dialog.Title>EXIF Info</Dialog.Title>
8 <Dialog.X class="fill-zinc-950 dark:fill-zinc-50" />
9 <div class="text-sm mt-2">
10 <p>
11 When you upload photos to Grain, we extract a small set of standard
12 EXIF metadata from each image. This information is used to help
13 organize photos by date taken, camera make, lens make, etc. This is
14 a list of tags we currently support.
15 </p>
16 <ul class="list-disc ml-6 mt-2">
17 <li>
18 <b>DateTimeOriginal</b>: When the photo was taken
19 </li>
20 <li>
21 <b>ExposureTime</b>: Shutter speed (e.g., 1/250s)
22 </li>
23 <li>
24 <b>FNumber</b>: Aperture (f-stop)
25 </li>
26 <li>
27 <b>Flash</b>: Whether the flash fired
28 </li>
29 <li>
30 <b>FocalLengthIn35mmFormat</b>: Lens focal length (35mm
31 equivalent)
32 </li>
33 <li>
34 <b>ISO</b>: ISO sensitivity setting
35 </li>
36 <li>
37 <b>LensMake</b>: Lens manufacturer
38 </li>
39 <li>
40 <b>LensModel</b>: Lens model
41 </li>
42 <li>
43 <b>Make</b>: Camera manufacturer
44 </li>
45 <li>
46 <b>Model</b>: Camera model
47 </li>
48 </ul>
49 <p class="mt-2">
50 No GPS or location data is collected, and we do not store any
51 personally identifiable information. The EXIF data is used solely to
52 enhance your photo organization and discovery experience on Grain.
53 </p>
54 <p class="mt-2">
55 If you want to remove EXIF data from your photo after uploading, you
56 can delete the photo and re-upload with the "Include image metadata"
57 checkbox unchecked.
58 </p>
59 <p class="mt-2">
60 You can learn more about the types of metadata commonly embedded in
61 photos at{" "}
62 <a
63 href="https://exiv2.org/tags.html"
64 className="text-sky-500 hover:underline"
65 target="_blank"
66 rel="noopener noreferrer"
67 >
68 exiv2.org
69 </a>
70 .
71 </p>
72 </div>
73 <Dialog.Close variant="secondary">Close</Dialog.Close>
74 </Dialog.Content>
75 </Dialog>
76 );
77}