What learning react won't teach you: Image Formats
8 days ago
- #web-performance
- #react-development
- #image-optimization
- The author used to monitor internet bandwidth due to ISP throttling, but now with gigabit internet, this is no longer a concern.
- Despite not worrying about bandwidth, the author is bothered by wasted bandwidth, especially in web performance.
- The article focuses on the importance of choosing the right image formats (JPEG and PNG) for optimal web performance.
- PNGs are best for images with solid colors, sharp edges, and transparency (e.g., logos, icons).
- JPEGs are ideal for complex images like photographs, offering smaller file sizes with minimal quality loss.
- Using the wrong format can significantly slow down a website, affecting user experience.
- WebP is a newer format that offers smaller file sizes but has tooling and workflow challenges.
- SVGs are great for scalable vector graphics like icons and logos but not for complex images.
- React tutorials often overlook image optimization, but developers should consider format choices for better performance.