{"componentChunkName":"component---node-modules-draftbox-co-gatsby-draftbox-balsa-theme-src-templates-page-template-tsx","path":"/welcome-svg-and-gif/","result":{"data":{"draftboxPage":{"title":"Welcome SVG and GIF to the elite image club","excerpt":"","markdownBody":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsx mdx */\nvar makeShortcode = function makeShortcode(name) {\n  return function MDXDefaultShortcode(props) {\n    console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n    return mdx(\"div\", props);\n  };\n};\n\nvar Image = makeShortcode(\"Image\");\nvar layoutProps = {};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h2\", null, \"SVG \\uD83D\\uDC47\"), mdx(Image, {\n    caption: \"SVG | <em>Source</em> - <strong><a href=\\\"https://undraw.co/search\\\">Undraw</a></strong>\",\n    src: '/static/e7c61083-2f2b-41df-b743-712b694b8feb--586f1a7202e5ba15a21a6903ca708582.svg',\n    size: \"default\",\n    mdxType: \"Image\"\n  }), mdx(\"hr\", null), mdx(Image, {\n    caption: \"<strong>GIF</strong> | <em>Source</em> - <a href=\\\"https://netflixtechblog.com/keeping-netflix-reliable-using-prioritized-load-shedding-6cc827b02f94\\\">Netflix Blog</a>\",\n    src: '/static/41caaf9b-0318-4052-9e9a-6a4133aae02b--adccef0ffceb80d222da92076c8754db.gif',\n    size: \"default\",\n    mdxType: \"Image\"\n  }), mdx(\"hr\", null), mdx(Image, {\n    fluidResult: {\n      \"base64\": \"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAANABQDASIAAhEBAxEB/8QAFgABAQEAAAAAAAAAAAAAAAAAAAUE/8QAFQEBAQAAAAAAAAAAAAAAAAAAAQL/2gAMAwEAAhADEAAAAWudRi5LUT//xAAaEAADAAMBAAAAAAAAAAAAAAABAgMAERIT/9oACAEBAAEFAmum5uCjUqWIBu1D5cjP/8QAFhEBAQEAAAAAAAAAAAAAAAAAABEx/9oACAEDAQE/AdR//8QAFhEBAQEAAAAAAAAAAAAAAAAAABEx/9oACAECAQE/AcV//8QAGxABAAICAwAAAAAAAAAAAAAAAQAhAhEiMUH/2gAIAQEABj8CN+TJCuzZHksalVLJ/8QAGhAAAwEBAQEAAAAAAAAAAAAAAAERITFBYf/aAAgBAQABPyFqTfRiFfAGAkL1GJOENx4hXaN6f//aAAwDAQACAAMAAAAQ6N//xAAXEQADAQAAAAAAAAAAAAAAAAAAAREh/9oACAEDAQE/ENkcs//EABcRAQEBAQAAAAAAAAAAAAAAAAEAESH/2gAIAQIBAT8QM5Iv/8QAGxABAQACAwEAAAAAAAAAAAAAAREAITFBUXH/2gAIAQEAAT8QTdvCVD2k4xkaBYa2Wzo37igopUJ86zyksdlHmYuUMINBnAmyamf/2Q==\",\n      \"aspectRatio\": 1.5,\n      \"src\": \"/static/925b6d03c116e98a6ea736c8f3a67aa1/e5166/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg\",\n      \"srcSet\": \"/static/925b6d03c116e98a6ea736c8f3a67aa1/f93b5/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg 300w,\\n/static/925b6d03c116e98a6ea736c8f3a67aa1/b4294/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg 600w,\\n/static/925b6d03c116e98a6ea736c8f3a67aa1/e5166/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg 1200w,\\n/static/925b6d03c116e98a6ea736c8f3a67aa1/d9c39/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg 1800w,\\n/static/925b6d03c116e98a6ea736c8f3a67aa1/3acf0/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg 2000w\",\n      \"srcSetType\": \"image/jpeg\",\n      \"sizes\": \"(max-width: 1200px) 100vw, 1200px\",\n      \"originalImg\": \"/static/925b6d03c116e98a6ea736c8f3a67aa1/3acf0/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg\",\n      \"originalName\": \"60722522-b4cf-48eb-b8e3-c1e77c382769.jpg\",\n      \"density\": 72,\n      \"presentationWidth\": 1200,\n      \"presentationHeight\": 800\n    },\n    caption: \"Photo by <a href=\\\"https://unsplash.com/@jimmydean?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\\\">Jimmy Dean</a> / <a href=\\\"https://unsplash.com/?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\\\">Unsplash</a>\",\n    size: \"default\",\n    alt: \"Photo by <a href=\\\"https://unsplash.com/@jimmydean?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\\\">Jimmy Dean</a> / <a href=\\\"https://unsplash.com/?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\\\">Unsplash</a>\",\n    src: \"https://draftbox-dev.s3.amazonaws.com/sites/5fe9899390930e4e5d462f20/content/5fe9899c90930e4e5d462fd7/60722522-b4cf-48eb-b8e3-c1e77c382769.jpg\",\n    naturalHeight: \"1333\",\n    naturalWidth: \"2000\",\n    mdxType: \"Image\"\n  }));\n}\n;\nMDXContent.isMDXComponent = true;","slug":"welcome-svg-and-gif","pageSeoSlug":"welcome-svg-and-gif/","publishedAt":"11 December 2020","updatedAt":"28 December 2020","primaryAuthor":{"name":"Rahul Mehra","slug":"rahul-mehra","profileImage":{"publicURL":"/static/c072544ca87dd390074214addb4ab592/photo.jpg"}},"authors":[{"name":"Rahul Mehra","slug":"rahul-mehra","profileImage":{"publicURL":"/static/c072544ca87dd390074214addb4ab592/photo.jpg"}}],"readingTimeStr":null,"featured":false,"featureImage":{"publicURL":"/static/adccef0ffceb80d222da92076c8754db/c77a65ed-64e9-4553-a754-32d6888a9ba1.gif","childImageSharp":null},"metaTitle":"Welcome SVG and GIF to the elite image club","metaDescription":"SVG 👇\nSVG | <em>Source</em> - <strong><a href=\"https://undraw.co/search\">Undraw</a></strong>\n----------------------------------------------------------------------------------------------------------------------------------\n\n<strong>GIF</strong> | <em>Source</em> - <a\nhref=\"https://netflixtechblog.com/keeping-netflix-reliable-using-prioritized-load-shedding-6cc827b02f94\">Netflix Blog</a>\n----------------------------------------------------------------------------------------------------------------------------------\n\nPhoto by <a href=\"https://unsplash.com/@jimmydean?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Jimmy\nDean</a> / <a href=\"https://unsplash.com/?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Unsplash</a>","pageSeoTitle":"Welcome SVG and GIF to the elite image club","canonicalUrl":null,"ogTitle":"Welcome SVG and GIF to the elite image club","ogDescription":"SVG 👇\nSVG | <em>Source</em> - <strong><a href=\"https://undraw.co/search\">Undraw</a></strong>\n----------------------------------------------------------------------------------------------------------------------------------\n\n<strong>GIF</strong> | <em>Source</em> - <a\nhref=\"https://netflixtechblog.com/keeping-netflix-reliable-using-prioritized-load-shedding-6cc827b02f94\">Netflix Blog</a>\n----------------------------------------------------------------------------------------------------------------------------------\n\nPhoto by <a href=\"https://unsplash.com/@jimmydean?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Jimmy\nDean</a> / <a href=\"https://unsplash.com/?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Unsplash</a>","twitterTitle":"Welcome SVG and GIF to the elite image club","twitterDescription":"SVG 👇\nSVG | <em>Source</em> - <strong><a href=\"https://undraw.co/search\">Undraw</a></strong>\n----------------------------------------------------------------------------------------------------------------------------------\n\n<strong>GIF</strong> | <em>Source</em> - <a\nhref=\"https://netflixtechblog.com/keeping-netflix-reliable-using-prioritized-load-shedding-6cc827b02f94\">Netflix Blog</a>\n----------------------------------------------------------------------------------------------------------------------------------\n\nPhoto by <a href=\"https://unsplash.com/@jimmydean?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Jimmy\nDean</a> / <a href=\"https://unsplash.com/?utm_source=ghost&amp;utm_medium=referral&amp;utm_campaign=api-credit\">Unsplash</a>","seoPublishedAt":"2020-12-11T12:40:05.000Z","seoUpdatedAt":"2020-12-28T07:30:36.824Z","ogImage":{"publicURL":"/static/adccef0ffceb80d222da92076c8754db/c77a65ed-64e9-4553-a754-32d6888a9ba1.gif","seo":null},"twitterImage":{"publicURL":"/static/adccef0ffceb80d222da92076c8754db/c77a65ed-64e9-4553-a754-32d6888a9ba1.gif","seo":null},"jsonld":"{\"@context\":\"https://schema.org\",\"@type\":\"article\",\"mainEntityOfPage\":{\"@type\":\"WebPage\",\"@id\":\"https://google.com/article\"},\"headline\":\"Welcome SVG and GIF to the elite image club\",\"datePublished\":\"2020-12-11T12:40:05.000Z\",\"dateModified\":\"2020-12-28T07:30:36.824Z\",\"author\":{\"@type\":\"Person\",\"name\":\"Rahul Mehra\"},\"publisher\":{\"@type\":\"Organization\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://draftbox-dev.s3.amazonaws.com/sites/5f463f8fa2b2ad806c0d2a6b/settings/logo/e70d8a09-e089-4910-b8ef-792c588e158d.svg\"},\"name\":\"CTA Test - Ghost\"},\"image\":[\"https://draftbox-dev.s3.amazonaws.com/sites/5fe9899390930e4e5d462f20/page/5fe9899c90930e4e5d462fd7/c77a65ed-64e9-4553-a754-32d6888a9ba1.gif\"]}"}},"pageContext":{"slug":"welcome-svg-and-gif"}},"staticQueryHashes":["1598373181","3152462313","3179455699","3519978355","501731688"]}