GetMediaImage.graphql

# Loads a media resource of type MediaImage.

query getMediaImage($id: ID!) {
  # Use the mediaResource() to load MediaImage types
  mediaResource(
    # Supply your Media Resource ID
    id: $id
  ) {
    # In this query, we are accessing the image
    ... on MediaImage {
      # Select a thumbnail from the image sources, based on the bestFit strategy
      thumbnail: source(bestFit: [100, 50]) {
        url
      }
      card: source(bestFit: [600, 400]) {
        url
      }
      # ... create more sizes you want to access here

      # Tags
      tags

      # Image credits
      copyright
      attribution

      # More detailed attribution
      attributionUrl: attrValue(id: "attribution-url")
      attributionHtml: attrValue(id: "attribution-html")
      photographer: attrValue(id: "photographer")
      usageTerms: attrValue(id: "usage-terms")
      licenseUrl: attrValue(id: "license-url")
      licenseShortName: attrValue(id: "license-short-name")

      # Accessing alternative text
      caption
      altText

      # Original Size Information ([w,h])
      originalSize

      # Accessing EXIF information if found for the supplied photo
      # Access all using the field "exifIds"
      make: exif(id: "make") {
        value
      }
      model: exif(id: "model") {
        value
      }
      focalLength: exif(id: "focalLength") {
        value
      }
      exposureTime: exif(id: "exposureTime") {
        value
      }
      aperture: exif(id: "aperture") {
        value
      }
      iso: exif(id: "iso") {
        value
      }
    }
  }
}