{"action":"opened","issue":{"url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7317","repository_url":"https://api.github.com/repos/gatsbyjs/gatsby","labels_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7317/labels{/name}","comments_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7317/comments","events_url":"https://api.github.com/repos/gatsbyjs/gatsby/issues/7317/events","html_url":"https://github.com/gatsbyjs/gatsby/issues/7317","id":350539322,"node_id":"MDU6SXNzdWUzNTA1MzkzMjI=","number":7317,"title":"[gatsby-remark-images] gif and svg images aren't recognized/rendered","user":{"login":"alisonjoseph","id":2753488,"node_id":"MDQ6VXNlcjI3NTM0ODg=","avatar_url":"https://avatars0.githubusercontent.com/u/2753488?v=4","gravatar_id":"","url":"https://api.github.com/users/alisonjoseph","html_url":"https://github.com/alisonjoseph","followers_url":"https://api.github.com/users/alisonjoseph/followers","following_url":"https://api.github.com/users/alisonjoseph/following{/other_user}","gists_url":"https://api.github.com/users/alisonjoseph/gists{/gist_id}","starred_url":"https://api.github.com/users/alisonjoseph/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alisonjoseph/subscriptions","organizations_url":"https://api.github.com/users/alisonjoseph/orgs","repos_url":"https://api.github.com/users/alisonjoseph/repos","events_url":"https://api.github.com/users/alisonjoseph/events{/privacy}","received_events_url":"https://api.github.com/users/alisonjoseph/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-08-14T18:13:07Z","updated_at":"2018-08-14T18:13:07Z","closed_at":null,"author_association":"NONE","body":"## Description\r\n\r\nI'm trying to use `gatsby-remark-images` to display images from my markdown files. `png` works fine `gif` and `svg` don't seem to be recognized.\r\n\r\n### Steps to reproduce\r\n\r\n<img width=\"213\" alt=\"screen shot 2018-08-14 at 1 08 55 pm\" src=\"https://user-images.githubusercontent.com/2753488/44109872-c7967034-9fc3-11e8-8412-1a2f89967ba9.png\">\r\n\r\n\r\n### Expected result\r\n\r\nAll image types render correctly\r\n\r\n### Actual result\r\n\r\n<img width=\"485\" alt=\"screen shot 2018-08-14 at 1 08 47 pm\" src=\"https://user-images.githubusercontent.com/2753488/44109870-c39032fe-9fc3-11e8-82de-63e6204869e4.png\">\r\n\r\n\r\n### Environment\r\n\r\n```\r\n  System:\r\n    OS: macOS High Sierra 10.13.6\r\n    CPU: x64 Intel(R) Core(TM) i7-7567U CPU @ 3.50GHz\r\n    Shell: 5.3 - /bin/zsh\r\n  Binaries:\r\n    Node: 8.11.3 - /usr/local/bin/node\r\n    Yarn: 1.9.2 - /usr/local/bin/yarn\r\n    npm: 5.6.0 - /usr/local/bin/npm\r\n  Browsers:\r\n    Chrome: 68.0.3440.106\r\n    Firefox: 52.9.0\r\n    Safari: 11.1.2\r\n  npmPackages:\r\n    gatsby: ^1.9.247 => 1.9.277\r\n    gatsby-image: ^1.0.55 => 1.0.55\r\n    gatsby-link: ^1.6.40 => 1.6.46\r\n    gatsby-plugin-react-helmet: ^2.0.10 => 2.0.11\r\n    gatsby-plugin-sass: ^1.0.26 => 1.0.26\r\n    gatsby-plugin-sharp: ^1.6.48 => 1.6.48\r\n    gatsby-remark-images: ^1.5.66 => 1.5.67\r\n    gatsby-remark-responsive-image: ^1.0.0-alpha13-alpha.435e0178 => 1.0.0-alpha13-alpha.435e0178\r\n    gatsby-source-filesystem: ^1.5.38 => 1.5.39\r\n    gatsby-transformer-remark: ^1.7.44 => 1.7.44\r\n    gatsby-transformer-sharp: ^1.6.27 => 1.6.27\r\n  npmGlobalPackages:\r\n    gatsby-cli: 1.1.58\r\n```\r\n\r\n### File contents (if changed)\r\n\r\n`gatsby-config.js`: \r\n```\r\nmodule.exports = {\r\n  siteMetadata: {\r\n    title: 'Carbon Design System',\r\n  },\r\n  plugins: [\r\n    `gatsby-plugin-sharp`,\r\n    `gatsby-transformer-sharp`,\r\n    {\r\n      resolve: 'gatsby-source-filesystem',\r\n      options: {\r\n        name: 'content',\r\n        path: `${__dirname}/src/content/`,\r\n      },\r\n    },\r\n    {\r\n      resolve: `gatsby-transformer-remark`,\r\n      options: {\r\n        plugins: [\r\n          {\r\n            resolve: `gatsby-remark-images`,\r\n            options: {\r\n              // It's important to specify the maxWidth (in pixels) of\r\n              // the content container as this plugin uses this as the\r\n              // base for generating different widths of each image.\r\n              maxWidth: 590,\r\n              linkImagesToOriginal: false,\r\n            },\r\n          },\r\n        ],\r\n      },\r\n    },\r\n    'gatsby-plugin-react-helmet',\r\n    'gatsby-plugin-sass',\r\n  ],\r\n};\r\n```\r\n\r\n`package.json`: \r\n```\r\n{\r\n  \"name\": \"carbon-website-gatsby\",\r\n  \"description\": \"Carbon Design System website\",\r\n  \"version\": \"1.0.0\",\r\n  \"author\": \"Mari Johannessen <mari.l.johannessen@gmail.com>\",\r\n  \"dependencies\": {\r\n    \"@storybook/addon-info\": \"^3.4.7\",\r\n    \"carbon-components\": \"^9.6.1\",\r\n    \"carbon-components-react\": \"6.18.3\",\r\n    \"carbon-icons\": \"^7.0.7\",\r\n    \"classnames\": \"^2.2.6\",\r\n    \"fs\": \"0.0.1-security\",\r\n    \"gatsby\": \"^1.9.247\",\r\n    \"gatsby-image\": \"^1.0.55\",\r\n    \"gatsby-link\": \"^1.6.40\",\r\n    \"gatsby-plugin-react-helmet\": \"^2.0.10\",\r\n    \"gatsby-plugin-sass\": \"^1.0.26\",\r\n    \"gatsby-plugin-sharp\": \"^1.6.48\",\r\n    \"gatsby-remark-images\": \"^1.5.66\",\r\n    \"gatsby-source-filesystem\": \"^1.5.38\",\r\n    \"gatsby-transformer-remark\": \"^1.7.44\",\r\n    \"gatsby-transformer-sharp\": \"^1.6.27\",\r\n    \"prismjs\": \"^1.15.0\",\r\n    \"prop-types\": \"^15.6.1\",\r\n    \"react-copy-to-clipboard\": \"^5.0.1\",\r\n    \"react-ga\": \"^2.5.3\",\r\n    \"react-helmet\": \"^5.2.0\",\r\n    \"rehype-react\": \"^3.0.2\"\r\n  },\r\n  \"keywords\": [\r\n    \"gatsby\"\r\n  ],\r\n  \"license\": \"MIT\",\r\n  \"scripts\": {\r\n    \"build\": \"gatsby build\",\r\n    \"develop\": \"gatsby develop\",\r\n    \"dev\": \"gatsby develop\",\r\n    \"format\": \"prettier --write 'src/**/*.js'\",\r\n    \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\",\r\n    \"storybook\": \"start-storybook -p 9001 -c .storybook\",\r\n    \"storybook:build\": \"build-storybook -c .storybook -o public/docs\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@storybook/addon-actions\": \"^3.4.7\",\r\n    \"@storybook/addon-knobs\": \"^3.4.7\",\r\n    \"@storybook/addon-options\": \"^3.4.7\",\r\n    \"@storybook/react\": \"^3.4.7\",\r\n    \"babel-core\": \"^6.26.3\",\r\n    \"babel-loader\": \"7.1.1\",\r\n    \"node-sass\": \"^4.9.0\",\r\n    \"prettier\": \"^1.12.0\",\r\n    \"react\": \"^16.4.0\",\r\n    \"react-dom\": \"^16.4.0\",\r\n    \"sass-loader\": \"^7.0.3\",\r\n    \"storybook-readme\": \"^3.3.0\"\r\n  },\r\n  \"repository\": {\r\n    \"type\": \"git\",\r\n    \"url\": \"https://github.com/gatsbyjs/gatsby-starter-default\"\r\n  }\r\n}\r\n\r\n```\r\n\r\n`gatsby-node.js`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n`gatsby-browser.js`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n`gatsby-ssr.js`: N/A <!-- Please use a code block or just leave it as is if wasn't changed -->\r\n"}}
{"actor":{"display_login":"alisonjoseph"}}