chore: compress board images (#133)

* chore: optimize images with squoosh

* docs: add README for using squoosh

* chore: update image imports

* chore: rotate janie

src/assets/data/currentBoard.json

@@ -8,7 +8,7 @@
 	{
 		"name": "Janie Seong",
 		"position": "Co-President",
-		"photo": "Janie_Seong.jpeg"
+		"photo": "Janie_Seong.jpg"
 	},
 	{
 		"name": "Jamie Kuang",
@@ -34,7 +34,7 @@
 	{
 		"name": "Emma Choi",
 		"position": "Marketing Coordinator",
-		"photo": "Emma_Choi.jpeg",
+		"photo": "Emma_Choi.jpg",
 		"links": [
 			{
 				"type": "instagram",
@@ -60,7 +60,7 @@
 	{
 		"name": "John Daniel Norombaba",
 		"position": "Industry Outreach Coordinator",
-		"photo": "John_Daniel.jpeg",
+		"photo": "John_Daniel.jpg",
 		"links": [
 			{
 				"type": "instagram",
@@ -142,12 +142,12 @@
 	{
 		"name": "Winston Lee",
 		"position": "Project Teams Coordinator",
-		"photo": "Winston_Lee.jpeg"
+		"photo": "Winston_Lee.jpg"
 	},
 	{
 		"name": "Megan Rhee",
 		"position": "Project Teams Coordinator",
-		"photo": "Megan_Rhee.png",
+		"photo": "Megan_Rhee.jpg",
 		"links": [
 			{
 				"type": "instagram",
@@ -164,7 +164,7 @@
 	{
 		"name": "Daniela Herrera",
 		"position": "Creative Director",
-		"photo": "Daniela_Herrera.jpeg",
+		"photo": "Daniela_Herrera.jpg",
 		"links": [
 			{
 				"type": "linkedin",
@@ -234,7 +234,7 @@
 	{
 		"name": "Kevin Wu",
 		"position": "Webmaster",
-		"photo": "Kevin_Wu.png",
+		"photo": "Kevin_Wu.jpg",
 		"links": [
 			{
 				"type": "linkedin",

src/assets/images/README.md

@@ -0,0 +1,38 @@
+# Optimizing Images with Squoosh
+
+Squoosh is a fantastic [open-source](https://github.com/GoogleChromeLabs/squoosh) image compression tool by Google usable both as a [web app ](https://squoosh.app/) and as a [CLI tool](https://www.npmjs.com/package/@squoosh/cli). Although the CLI is no longer maintained, it still is useful for bulk compressing images (such as every year's new board members).
+
+## Using the Squoosh CLI
+
+> [!IMPORTANT]  
+> The Squoosh CLI does not support Node versions 18 and above. **Node 16 is recommended (`nvm use 16`).**
+
+For our directory structure (as of Aug. 2024):
+
+```
+DUCI-website
+ └─ src
+    └─ assets
+       └─ images
+          ├─ board
+          │  ├─ current
+          │  └─ alumni
+          └─ merch
+             ├─ ...
+```
+
+If you wanted to optimize all images within `current/`, you'd run (at the root):
+
+```
+npx @squoosh/cli --mozjpeg '{quality:75}' \
+-d src/assets/images/output \
+src/assets/images/board/alumni
+```
+
+Breaking it down:
+
+1. `npx @squoosh/cli` — calls the Squoosh CLI
+2. `--mozjpeg` — a flag converting images to `mozjpeg`
+3. `'{quality:75}'` — options
+4. `-d src/assets/images/output` — creates a directory with the outputted images at the specified location
+5. `src/assets/images/board/alumni` — what file(s) to compress