02 — Media Optimization — Digital Fabrication I

1. Annotated Screenshot

For this task, I captured a screenshot of my screen and opened it in GIMP for processing. The annotation process involved adding text labels to highlight key areas and provide context. After completing the annotations, I resized the image to 1000 pixels wide and exported it as a JPG file with 75% quality compression. This reduced the file size considerably while maintaining acceptable visual clarity. The exercise demonstrated the trade-off between image quality and file size that is essential for web optimization.

Annotated screenshot of my desktop environment with labels highlighting key UI areas — Annotated screenshot — resized to 1000px, exported at 75% JPG quality

2. Edited Photo

I captured a photograph using my phone camera and edited it in GIMP. The editing process included adjusting contrast levels and cropping the image to improve composition. The image was then resized to 1000 pixels in width and saved as a JPG file with 75% quality. The original file was approximately 4MB, while the optimized version is under 500KB. This demonstrates how significantly file sizes can be reduced through proper optimization techniques without a noticeable loss in visual quality for web display purposes.

Edited photo taken with phone camera, contrast-adjusted and cropped for composition — Edited photo — resized to 1000px, saved at 75% JPG quality

3. Compressed Video

I recorded a short video clip using my phone. The original MOV file was approximately 21MB for 15 seconds of footage. Using ffmpeg, I converted the video to H.264 MP4 format at 720p resolution and trimmed it to 10 seconds. The final file size is approximately 3MB. The H.264 codec provides efficient compression while maintaining visual quality. A resolution of 1280x720 pixels is sufficient for web-based documentation and helps keep file sizes manageable.

Compressed video — 1280×720 HD, H.264/MP4, under 5MB

4. Copyright, Licensing & AI

All content on this page, including photographs, video, and text, is my original work, and I hold the copyright by default. I have chosen to license this work under CC BY-NC-SA 4.0, which permits sharing and adaptation for non-commercial purposes with proper attribution. This license strikes a balance between openness and protection that is appropriate for educational work. Regarding AI data collection, I have not implemented robots.txt restrictions. However, the non-commercial clause in my license restricts commercial use of any derivatives created from my content.