From 51bfda51d69eca32731f07bbc02c7984411a268c Mon Sep 17 00:00:00 2001
From: Sergey Yarkov <serzh.yarkov@gmail.com>
Date: Tue, 18 Aug 2020 18:04:44 +0300
Subject: [PATCH] webp image type

---
 src/components/Newsletter/Newsletter.js | 2 +-
 src/hooks/useMoreArticlesQuery.js       | 2 +-
 src/pages/articles.js                   | 4 ++--
 src/pages/index.js                      | 4 ++--
 src/templates/article.amp.js            | 2 +-
 src/templates/article.js                | 4 ++--
 src/templates/category.js               | 4 ++--
 src/templates/tag.js                    | 4 ++--
 8 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/Newsletter/Newsletter.js b/src/components/Newsletter/Newsletter.js
index 2cb2608..7a47f9d 100644
--- a/src/components/Newsletter/Newsletter.js
+++ b/src/components/Newsletter/Newsletter.js
@@ -5,7 +5,7 @@ const Newsletter = () => {
     <div className="newsletter">
       <div className="newsletter-heading">Новостная рассылка</div>
       <div className="newsletter-content">
-        <form action="#" target='Новостная рассылка'>
+        <form action="#" target='newsletter'>
           <p>
             <span role="img" aria-label="hot">
               🔥
diff --git a/src/hooks/useMoreArticlesQuery.js b/src/hooks/useMoreArticlesQuery.js
index cfdcab7..56d9b77 100644
--- a/src/hooks/useMoreArticlesQuery.js
+++ b/src/hooks/useMoreArticlesQuery.js
@@ -18,7 +18,7 @@ const useMoreArticlesQuery = () => {
               image {
                 childImageSharp {
                   fluid(maxWidth: 650 quality: 100) {
-                    ...GatsbyImageSharpFluid
+                    ...GatsbyImageSharpFluid_withWebp
                   }
                 }
               }
diff --git a/src/pages/articles.js b/src/pages/articles.js
index 411feb3..8351438 100644
--- a/src/pages/articles.js
+++ b/src/pages/articles.js
@@ -138,8 +138,8 @@ export const query = graphql`
             title
             image {
               childImageSharp {
-                fluid(maxWidth: 500 quality: 90) {
-                  ...GatsbyImageSharpFluid
+                fluid(maxWidth: 650 quality: 100) {
+                  ...GatsbyImageSharpFluid_withWebp
                 }
               }
             }
diff --git a/src/pages/index.js b/src/pages/index.js
index 0a58c6e..9ca1052 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -78,8 +78,8 @@ export const query = graphql`
             title
             image {
               childImageSharp {
-                fluid(maxWidth: 500 quality: 90) {
-                  ...GatsbyImageSharpFluid
+                fluid(maxWidth: 650 quality: 100) {
+                  ...GatsbyImageSharpFluid_withWebp
                 }
               }
             }
diff --git a/src/templates/article.amp.js b/src/templates/article.amp.js
index f157017..5a3fcc1 100644
--- a/src/templates/article.amp.js
+++ b/src/templates/article.amp.js
@@ -54,7 +54,7 @@ export const pageQuery = graphql`
         image {
           childImageSharp {
             fluid(maxWidth: 1400 quality: 100) {
-              ...GatsbyImageSharpFluid
+              ...GatsbyImageSharpFluid_withWebp
             }
           }
         }
diff --git a/src/templates/article.js b/src/templates/article.js
index 6c2708a..838618d 100644
--- a/src/templates/article.js
+++ b/src/templates/article.js
@@ -54,8 +54,8 @@ export const pageQuery = graphql`
         title
         image {
           childImageSharp {
-            fluid(maxWidth: 880 quality: 100) {
-              ...GatsbyImageSharpFluid
+            fluid(maxWidth: 1200 quality: 100) {
+              ...GatsbyImageSharpFluid_withWebp
             }
           }
         }
diff --git a/src/templates/category.js b/src/templates/category.js
index ff1bd75..ea94039 100644
--- a/src/templates/category.js
+++ b/src/templates/category.js
@@ -83,8 +83,8 @@ export const pageQuery = graphql`
             title
             image {
               childImageSharp {
-                fluid(maxWidth: 500 quality: 90) {
-                  ...GatsbyImageSharpFluid
+                fluid(maxWidth: 650 quality: 100) {
+                  ...GatsbyImageSharpFluid_withWebp
                 }
               }
             }
diff --git a/src/templates/tag.js b/src/templates/tag.js
index fd49321..c9fb97d 100644
--- a/src/templates/tag.js
+++ b/src/templates/tag.js
@@ -80,8 +80,8 @@ export const pageQuery = graphql`
             title
             image {
               childImageSharp {
-                fluid(maxWidth: 500 quality: 90) {
-                  ...GatsbyImageSharpFluid
+                fluid(maxWidth: 650 quality: 100) {
+                  ...GatsbyImageSharpFluid_withWebp
                 }
               }
             }