replace png images with jpg to reduce assets size

YanivWein24 · Mar 24, 2024 · 892687c · 892687c
1 parent bd6761c
commit 892687c
Show file tree

Hide file tree

Showing 9 changed files with 12 additions and 1 deletion.
diff --git a/src/assets/media/Socialo.jpg b/src/assets/media/Socialo.jpg
diff --git a/src/assets/media/Socialo.png b/src/assets/media/Socialo.png
diff --git a/src/assets/media/eBigay.jpg b/src/assets/media/eBigay.jpg
diff --git a/src/assets/media/eBigay.png b/src/assets/media/eBigay.png
diff --git a/src/assets/media/profile.jpg b/src/assets/media/profile.jpg
diff --git a/src/assets/media/profile.png b/src/assets/media/profile.png
diff --git a/src/components/About/About.css b/src/components/About/About.css
@@ -37,6 +37,7 @@ img.profile {
   width: 23rem;
   height: 23rem;
   transition: 0.3s ease-in-out;
+  border-radius: 100%;
 }
 
 .textContainer {

diff --git a/src/components/About/About.tsx b/src/components/About/About.tsx
@@ -3,7 +3,7 @@ import useWindowSize from "../../hooks/useWindowSize";
 import Text from "../../constants";
 import { ReactComponent as TopWave } from "../../assets/media/TopWave.svg";
 import { ReactComponent as BottomWave } from "../../assets/media/BottomWave.svg";
-import Profile from "../../assets/media/profile.png";
+import Profile from "../../assets/media/profile.jpg";
 import "./About.css";
 
 function About() {

diff --git a/src/custom.d.ts b/src/custom.d.ts
@@ -16,6 +16,16 @@ declare module "*.png" {
   export default src;
 }
 
+declare module "*.jpg" {
+  const src: string;
+  export default src;
+}
+
+declare module "*.jpeg" {
+  const src: string;
+  export default src;
+}
+
 declare module "*.pdf" {
   const src: string;
   export default src;