optimize images

_includes/head.html

@@ -4,7 +4,7 @@
     <meta name="theme-color" content="#1976D2" />
     <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0" />
     <link href="icons/favicon.ico" rel="icon" type="image/ico">
-    <link href="css/header.css" rel="stylesheet" />
-    <link href="css/main.css" rel="stylesheet" />
-    <link href="css/footer.css" rel="stylesheet" />
-    <link href="css/responsive.css" rel="stylesheet" />
+    <link href="css/header.css" rel="stylesheet" async/>
+    <link href="css/main.css" rel="stylesheet" async/>
+    <link href="css/footer.css" rel="stylesheet" async/>
+    <link href="css/responsive.css" rel="stylesheet" async/>

css/header.css

@@ -20,7 +20,7 @@ header {
 #logo {
     width: 15vh;
     height: 12vh;
-    background-image: url('../img/logo.png');
+    background-image: url('../img/logo.jpg');
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;

img/people/convert.sh

@@ -3,7 +3,7 @@ FILES=.
 for f in $FILES/*.jpg
 do
     mkdir -p $FILES/out;
-    convert $f -strip -resize 350x350 -quality 85 ${f%.*}-new.jpg;
+    convert $f -sampling-factor 4:2:0 -strip -resize 350x350 -quality 85 -interlace JPEG -colorspace sRGB ${f%.*}-new.jpg;
     mv $FILES/*-new.jpg $FILES/out/$f;
 
 done

img/web-image.sh

@@ -1,2 +1,2 @@
 #!/bin/sh
-convert  -sampling-factor 4:2:0 -strip -quality 60 -interlace JPEG -colorspace RGB 
+convert $1 -sampling-factor 4:2:0 -strip -quality 85 -interlace JPEG -colorspace sRGB $2