feat: add image optimization using api

0xabdulkhaliq · 0xabdulkhaliq · commit d266840fc623 · 2023-05-29T20:14:38.000+05:30
diff --git a/components/Contributors/ContCard.js b/components/Contributors/ContCard.js
@@ -19,7 +19,7 @@ const ContCard = (props) => {
         className={styles.card}
         onClick={() => openContributorProfile(profile)}
       >
-        <img className={styles.profile} src={image} alt='Contributor' />
+        <img className={styles.profile} src={`https://images.weserv.nl/?output=webp&url=${image}`} alt='Contributor' />
         <div className={styles.content}>
           <h1 className={styles.text}>{title}</h1>
           <p>

Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ const ContCard = (props) => {`
`19`	`19`	`className={styles.card}`
`20`	`20`	`onClick={() => openContributorProfile(profile)}`
`21`	`21`	`>`
`22`		`- <img className={styles.profile} src={image} alt='Contributor' />`
	`22`	+ <img className={styles.profile} src={`https://images.weserv.nl/?output=webp&url=${image}`} alt='Contributor' />
`23`	`23`	`<div className={styles.content}>`
`24`	`24`	`<h1 className={styles.text}>{title}</h1>`
`25`	`25`	`<p>`