NextWaveDev_23_12_Optimizing-Image

[LiteWilliamNguyen]

Optimized imaged with squoosh.app and then changing file type in students.json

Summary & Changes 📃

• Resolves: Issue: Making image smaller for optimization #12

• Summary: (Briefly describe what this PR does)

1. Optimizing all photo in image folder using squoosh.app by compressing with WebP by Effort = 4 and Quality =75 unless image is over 1GB.
2. Changed all file type in photo value in student.json. From either PNG and JPG to WEBP

• Changes:
  -Photo size
• file type in value for each key: photo

Screenshots / Visual Aids 🔎

Each file are compressed down to less than 1GB

How to Test 🧪

1. Steps to Reproduce:
   • Step 1: npm start in terminal or VS code
2. Expected Behavior: image and all detail should be there.

Checklist ✅

• I have tested this PR locally and it works as expected.
• This PR resolves an issue (Resolves #issue-number).
• Reviewers, assignees(self), tags, and labels are correctly assigned.
• Squash commits and enable auto-merge if approved.

[bcko]

Great job

[itsvee0120]

Works for me when I tested and looks great. I like that you are using squoosh.app since it works locally and we don't have to worry about privacy issue!