https://github.com/thomasgassmann/gatsby-plugin-sharp-exif

Gatsby Plugin to extract EXIF data from images, compatible with gatsby-plugin-sharp
https://github.com/thomasgassmann/gatsby-plugin-sharp-exif

exif-data gatsby gatsby-plugin gatsby-plugin-sharp gatsbyjs

Last synced: 4 months ago
JSON representation

Gatsby Plugin to extract EXIF data from images, compatible with gatsby-plugin-sharp

• Host: GitHub
• URL: https://github.com/thomasgassmann/gatsby-plugin-sharp-exif
• Owner: thomasgassmann
• License: mit
• Created: 2019-12-01T22:05:37.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2024-02-28T11:38:18.000Z (11 months ago)
• Last Synced: 2024-10-10T21:09:19.872Z (4 months ago)
• Topics: exif-data, gatsby, gatsby-plugin, gatsby-plugin-sharp, gatsbyjs
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/gatsby-plugin-sharp-exif/
• Size: 339 KB
• Stars: 10
• Watchers: 3
• Forks: 4
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# gatsby-plugin-sharp-exif

[![npm](https://img.shields.io/npm/v/gatsby-plugin-sharp-exif)](https://www.npmjs.com/package/gatsby-plugin-sharp-exif) ![GitHub](https://img.shields.io/github/license/thomasgassmann/gatsby-plugin-sharp-exif) ![](https://github.com/thomasgassmann/gatsby-plugin-sharp-exif/workflows/release/badge.svg)

Gatsby Plugin to extract EXIF data from images, compatible with gatsby-plugin-sharp

## Install

Install `gatsby-plugin-sharp-exif`...

...using [`yarn`](https://yarnpkg.com):

```bash

yarn add --dev gatsby-plugin-sharp-exif

```

...or [`npm`](https://www.npmjs.com/):

```bash

npm install --save-dev gatsby-plugin-sharp-exif

```

## How to use

Add the plugin to your `gatsby-config.js`

```js

module.exports = {

  plugins: ['gatsby-plugin-sharp-exif']

};

```

Then just query the EXIF data as part of the `ImageSharp` type:

```graphql

{

  allImageSharp {

    edges {

      node {

        fields {

          exif {

            gps {

              longitude

              latitude

            }

            meta {

              dateTaken

            }

            raw {

              image {

                Make

              }

            }

          }

        }

      }

    }

  }

}

```