Back

Local Images

Post Body

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eleifend iaculis nunc ut posuere. Integer mollis interdum nisi eu pellentesque. Quisque euismod ipsum mi, in rutrum nisl malesuada quis. In hac habitasse platea dictumst. Nullam tempor iaculis varius. Vestibulum sit amet feugiat sem, vitae venenatis urna. Proin scelerisque tellus vel nunc ultrices, sit amet mattis neque eleifend. Pellentesque est nisi, sodales nec dui et, elementum gravida sem. Duis scelerisque ex eget sapien gravida, at laoreet augue pharetra. Sed purus eros, commodo vel viverra sit amet, cursus et est. Nullam magna est, eleifend quis vehicula vitae, consectetur quis orci. Vestibulum feugiat dapibus ligula eget vestibulum. Phasellus accumsan dolor quis congue auctor. Suspendisse potenti. Suspendisse efficitur eros viverra ligula dignissim ullamcorper a quis augue. Cras accumsan sagittis neque at suscipit.

Local Images

green doggo
orange doggo

Photo Credit: Karsten Winegeart

Props

props.remoteImages returns a key for each image named in the frontmatter field embeddedImagesLocal

[
  {
    "childImageSharp": {
      "gatsbyImageData": {
        "layout": "fullWidth",
        "placeholder": {
          "fallback": "data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAALABQDASIAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAAAAECBP/EABcBAAMBAAAAAAAAAAAAAAAAAAIDBAX/2gAMAwEAAhADEAAAAR3a4sggsv8A/8QAGhABAQACAwAAAAAAAAAAAAAAAQIAAxARMf/aAAgBAQABBQIloJpM1+dE8f/EABkRAAMAAwAAAAAAAAAAAAAAAAECAxASUf/aAAgBAwEBPwGEUaOxHcf/xAAVEQEBAAAAAAAAAAAAAAAAAAABEP/aAAgBAgEBPwFn/8QAHhAAAQQBBQAAAAAAAAAAAAAAAQACEBESITFRUnH/2gAIAQEABj8COO4RutOId4nAdY//xAAbEAEAAQUBAAAAAAAAAAAAAAABIQAQETFhUf/aAAgBAQABPyFbw6VpmOSVnD7VmAFLPbf/2gAMAwEAAgADAAAAEMQf/8QAFxEBAQEBAAAAAAAAAAAAAAAAEQAxof/aAAgBAwEBPxDag4Yv/8QAFxEBAAMAAAAAAAAAAAAAAAAAAAERIf/aAAgBAgEBPxCerf/EAB4QAQACAgEFAAAAAAAAAAAAAAEAESExEFFhcbHR/9oACAEBAAE/ELmICC3Ah1tpecPuLTEBOMh1yfYKEELNoA324//Z"
        },
        "images": {
          "fallback": {
            "src": "/static/07dc123ecb3ad5a52c06f5b8e6cd0573/59894/image1.jpg",
            "srcSet": "/static/07dc123ecb3ad5a52c06f5b8e6cd0573/5de87/image1.jpg 750w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/a1c7d/image1.jpg 1080w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/3141f/image1.jpg 1366w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/59894/image1.jpg 1920w",
            "sizes": "100vw"
          },
          "sources": [
            {
              "srcSet": "/static/07dc123ecb3ad5a52c06f5b8e6cd0573/5846e/image1.avif 750w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/92457/image1.avif 1080w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/64926/image1.avif 1366w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/0db38/image1.avif 1920w",
              "type": "image/avif",
              "sizes": "100vw"
            },
            {
              "srcSet": "/static/07dc123ecb3ad5a52c06f5b8e6cd0573/d02c5/image1.webp 750w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/a2563/image1.webp 1080w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/2933d/image1.webp 1366w,\n/static/07dc123ecb3ad5a52c06f5b8e6cd0573/9e479/image1.webp 1920w",
              "type": "image/webp",
              "sizes": "100vw"
            }
          ]
        },
        "width": 1,
        "height": 0.5625
      }
    }
  },
  {
    "childImageSharp": {
      "gatsbyImageData": {
        "layout": "fullWidth",
        "placeholder": {
          "fallback": "data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAALABQDASIAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAAAAQCAwX/xAAWAQEBAQAAAAAAAAAAAAAAAAAFAQP/2gAMAwEAAhADEAAAAdBea5C7BQTT/8QAGRAAAwEBAQAAAAAAAAAAAAAAAAECERAh/9oACAEBAAEFAvCLSHnFE6f/xAAYEQACAwAAAAAAAAAAAAAAAAABAhAREv/aAAgBAwEBPwEqdXH/xAAWEQEBAQAAAAAAAAAAAAAAAAARARD/2gAIAQIBAT8BgZ//xAAZEAADAAMAAAAAAAAAAAAAAAAQERIAIVH/2gAIAQEABj8C3kVXC0P/xAAaEAEAAgMBAAAAAAAAAAAAAAABABEhMVFB/9oACAEBAAE/IR9qjN0sqd1FaUOUL7LXZ1i5n//aAAwDAQACAAMAAAAQE/8A/8QAFhEBAQEAAAAAAAAAAAAAAAAAAQAR/9oACAEDAQE/EFANl//EABcRAQEBAQAAAAAAAAAAAAAAABEAASH/2gAIAQIBAT8Q0yt2/8QAHBABAAMAAgMAAAAAAAAAAAAAAQARIUFRYYGh/9oACAEBAAE/EDUAXla9HmWVik1rg9pEQuGhgjSWSXuK/Y1tn//Z"
        },
        "images": {
          "fallback": {
            "src": "/static/7110b824615a045ab2b7841b8ae95e95/59894/image2.jpg",
            "srcSet": "/static/7110b824615a045ab2b7841b8ae95e95/5de87/image2.jpg 750w,\n/static/7110b824615a045ab2b7841b8ae95e95/a1c7d/image2.jpg 1080w,\n/static/7110b824615a045ab2b7841b8ae95e95/3141f/image2.jpg 1366w,\n/static/7110b824615a045ab2b7841b8ae95e95/59894/image2.jpg 1920w",
            "sizes": "100vw"
          },
          "sources": [
            {
              "srcSet": "/static/7110b824615a045ab2b7841b8ae95e95/5846e/image2.avif 750w,\n/static/7110b824615a045ab2b7841b8ae95e95/92457/image2.avif 1080w,\n/static/7110b824615a045ab2b7841b8ae95e95/64926/image2.avif 1366w,\n/static/7110b824615a045ab2b7841b8ae95e95/0db38/image2.avif 1920w",
              "type": "image/avif",
              "sizes": "100vw"
            },
            {
              "srcSet": "/static/7110b824615a045ab2b7841b8ae95e95/d02c5/image2.webp 750w,\n/static/7110b824615a045ab2b7841b8ae95e95/a2563/image2.webp 1080w,\n/static/7110b824615a045ab2b7841b8ae95e95/2933d/image2.webp 1366w,\n/static/7110b824615a045ab2b7841b8ae95e95/9e479/image2.webp 1920w",
              "type": "image/webp",
              "sizes": "100vw"
            }
          ]
        },
        "width": 1,
        "height": 0.5625
      }
    }
  }
]