images quality fized

src/components/Article/Article.js

@@ -40,10 +40,10 @@ const Article = ({
               <div className="article-info__time">
                 <span>~ {time} мин</span>
               </div>
-              <div className="article-info__views">
+              {!amp ? <div className="article-info__views">
                 <ViewsIcon />
                 <ViewCounter id={pathname} />
-              </div>
+              </div> : null}
             </div>
             <div className="right-info">
               <div className="article-info__date">
@@ -103,6 +103,7 @@ const Article = ({
               : <img
                   src={image.childImageSharp.fluid.src}
                   height='350'
+                  alt={title}
                 />
             }
           </div>

src/components/Articles/ArticleCard/ArticleCard.js

@@ -19,7 +19,7 @@ const ArticleCard = ({
                   fluid={image.childImageSharp.fluid}
                   alt={title}
                 />
-              : <img src={image.childImageSharp.fluid.src} height='380' />
+              : <img src={image.childImageSharp.fluid.src} height='380' alt={title} />
           }
         </Link>
       </div>

src/pages/articles.js

@@ -138,7 +138,7 @@ export const query = graphql`
             title
             image {
               childImageSharp {
-                fluid {
+                fluid(maxWidth: 500 quality: 90) {
                   ...GatsbyImageSharpFluid
                 }
               }

src/pages/index.js

@@ -78,7 +78,7 @@ export const query = graphql`
             title
             image {
               childImageSharp {
-                fluid(maxWidth: 960) {
+                fluid(maxWidth: 500 quality: 90) {
                   ...GatsbyImageSharpFluid
                 }
               }

src/templates/article.amp.js

@@ -53,7 +53,7 @@ export const pageQuery = graphql`
         title
         image {
           childImageSharp {
-            fluid(maxWidth: 1400) {
+            fluid(maxWidth: 1400 quality: 100) {
               ...GatsbyImageSharpFluid
             }
           }

src/templates/article.js

@@ -54,7 +54,7 @@ export const pageQuery = graphql`
         title
         image {
           childImageSharp {
-            fluid(maxWidth: 1400) {
+            fluid(maxWidth: 880 quality: 100) {
               ...GatsbyImageSharpFluid
             }
           }

src/templates/category.js

@@ -83,7 +83,7 @@ export const pageQuery = graphql`
             title
             image {
               childImageSharp {
-                fluid(maxWidth: 1400) {
+                fluid(maxWidth: 500 quality: 90) {
                   ...GatsbyImageSharpFluid
                 }
               }

src/templates/tag.js

@@ -80,7 +80,7 @@ export const pageQuery = graphql`
             title
             image {
               childImageSharp {
-                fluid(maxWidth: 1400) {
+                fluid(maxWidth: 500 quality: 90) {
                   ...GatsbyImageSharpFluid
                 }
               }