{"componentChunkName":"component---src-components-layout-page-layout-js","path":"/p/steps-to-handle-image-on-ashramblr","result":{"data":{"mdx":{"frontmatter":{"title":"Steps To Handle Images On AshramBlr"},"body":"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/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar _frontmatter = {\n  \"title\": \"Steps To Handle Images On AshramBlr\",\n  \"collection_type\": \"blog\",\n  \"slug\": \"steps-to-handle-image-on-ashramblr\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\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(\"p\", null, \"Images are an integral and primary part of any website. It takes most of the sapces than other also heavy images slows the website's loading speed, which makes you lose your website visitor as well.\"), mdx(\"p\", null, \"So how NOT to lose website speed and also not to lose the visitor, however, also using images as per your desire?\"), mdx(\"p\", null, \"Web standards have evolved a lot in the last decades, and the optimization of images has grown and become better as well than before. Here are the simple steps you should take to keep your website performant.\"), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"STEP: 1\"), \" Before uploading your image to google photos compress your image(without losing image quality) by uploading to \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, mdx(\"a\", _extends({\n    parentName: \"strong\"\n  }, {\n    \"href\": \"https://tinypng.com/\"\n  }), \"TinyPNG\")), mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, mdx(\"a\", _extends({\n    parentName: \"strong\"\n  }, {\n    \"href\": \"https://tinypng.com/\"\n  }), \"Go To TinyPNG\"))))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"STEP: 2\"), \" Finally, upload your photos to Google Photos. \"), mdx(\"li\", {\n    parentName: \"ul\"\n  }, mdx(\"strong\", {\n    parentName: \"li\"\n  }, \"STEP: 3\"), \"\\nNow to use this image on ashramblr or any website you need to generate the direct link of the Google Photos images that you want to use.\\nYou can read this article on \", mdx(\"a\", _extends({\n    parentName: \"li\"\n  }, {\n    \"href\": \"https://rojuka.com/p/posts/google-photos-direct-link-trick\"\n  }), \"how to generate the share URL from Google Photos images and how to use use Rojuka Google Photos Tool\"), \". \", mdx(\"ul\", {\n    parentName: \"li\"\n  }, mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"Generate a direct link by pasting the sharable URL of your individual images by clicking to \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, mdx(\"a\", _extends({\n    parentName: \"strong\"\n  }, {\n    \"href\": \"https://rojuka.com/tools/google-photos\"\n  }), \"Rojuka Google photos url\"))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"or you can also use the below tool if you prefer \", mdx(\"strong\", {\n    parentName: \"li\"\n  }, mdx(\"a\", _extends({\n    parentName: \"strong\"\n  }, {\n    \"href\": \"https://www.labnol.org/embed/google/photos/\"\n  }), \"Go To Labnol Photos\"))))), mdx(\"li\", {\n    parentName: \"ul\"\n  }, \"The rest of the image optimizations will taken care of by the code. \")));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"slug":"/p/steps-to-handle-image-on-ashramblr"}},"staticQueryHashes":["1896910781","712016698"]}