Pet Project

A website created around a personal interest topic. This project utilized semantic HTML, CSS Grid, and some JavaScript. Like the Market Place project, it focused on ensuring both HTML and CSS validation, reinforcing best practices in coding standards and accessibility.

Emolyy.Art Website

Link to website: emolyy.art

Using modern image file formats

My art website features a large collection of images showcasing my artwork. I plan to redesign the site in the future and update the images to use WebP or, ideally, JPEG XL as the format becomes more widely supported. Below is an example of one of my artworks displayed as a PNG and as a low-quality WebP—can you spot the differences?

Additionally, I am utilizing Cloudflare CDN to host my images, further enhancing the website’s loading speed.

PNG

File size: 16.0 MB (16,801,509 bytes)

WebP

File size: 686 KB (703,374 bytes)