Optimised images

2018-03-12 09:14:23 +00:00 · 2018-03-12 09:14:23 +00:00 · bcea9e1e78
parent de95e785a3
commit bcea9e1e78
9 changed files with 5 additions and 5 deletions
--- a/src/img/about-side.jpg
+++ b/src/img/about-side.jpg
--- a/src/img/about-side.png
+++ b/src/img/about-side.png
--- a/src/img/bg-image.jpg
+++ b/src/img/bg-image.jpg
--- a/src/img/bg-image.png
+++ b/src/img/bg-image.png
--- a/src/img/sprite-2.gif
+++ b/src/img/sprite-2.gif
--- a/src/img/sprite-2.png
+++ b/src/img/sprite-2.png
--- a/src/img/sprite.gif
+++ b/src/img/sprite.gif
--- a/src/img/sprite.png
+++ b/src/img/sprite.png
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@ -136,7 +136,7 @@ header{
 }

 .wrapper{
-  background-image: url("../img/bg-image.png");
+  background-image: url("../img/bg-image.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-attachment: fixed;
@ -149,8 +149,8 @@ header{
 }

 .wrapper.hide {
-  -webkit-mask: url(../img/sprite.png);
-          mask: url(../img/sprite.png);
+  -webkit-mask: url(../img/sprite.gif);
+          mask: url(../img/sprite.gif);
  -webkit-mask-size: 7500% 100%;
          mask-size: 7500% 100%;
  -webkit-animation: mask-play 1.5s steps(74) forwards;
@ -221,7 +221,7 @@ header{
 }

 .about-wrapper{
-  background-image: url("../img/about-side.png");
+  background-image: url("../img/about-side.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50% auto;
@ -245,7 +245,7 @@ header{
 }

 .side-image{
-  background-image: url("../img/about-side.png");
+  background-image: url("../img/about-side.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
 }