A cookieless, cache-friendly image proxy in Laravel (inspired by Cloudflare)
– aaronfrancis.com - submitted by Aaron Francis
Transforming and serving images from Laravel in a cache-friendly way.
Read more [aaronfrancis.com]
Posts tagged with image
Building social images with Browsershot and AWS
Creating social images for your website is super simple using Browsershot and AWS Lambda.
Read more [yoeri.me]
Join 9,500+ smart developers
Get my monthly newsletter with what I learn from running Spatie, building Oh Dear, and maintaining 300+ open source packages. Practical takes on Laravel, PHP, and AI that you can actually use.
No spam. Unsubscribe anytime. You can also follow me on X.
"As a Laravel developer, this is the one newsletter I most look forward to. Freek has a talent for distilling packages or techniques down to something immediately useful - one tip can save you hours and even weeks. It's concise and practical and highly relevant."
What’s the best lossless image format?
– siipo.la - submitted by Peter
What’s the best lossless image format? Comparing PNG, WebP, AVIF, and JPEG XL
Read more [siipo.la]
Maximally optimizing image loading for the web in 2021
In this post 8 image loading optimization techniques are outlined to minimize both the bandwidth used for loading images on the web and the CPU usage for image display.
Read more [www.industrialempathy.com]
Native image lazy-loading for the web!
Did you know modern browsers can lazy load images out of the box? Laravel-medialibrary now supports this too.
Read more [addyosmani.com]
Responsive images done right
Our team is currently prepping a new version of our medialibrary. One of the highlights is support for responsive images. On his blog my colleague Brent explains what it entails and why it is important.
I want to share some thoughts on responsive images. I'll write about a certain mindset which many projects could benefit from: small- and mid-sized web projects that don't need a full blown CDN setup, but would enjoy the performance gain of responsive images.
https://www.stitcher.io/blog/responsive-images-done-right
Essential image optimization
Addy Osmani, a Google Chrome engineer, recently published a e-book on image optimization. You can read it in it's entirety here: https://images.guide/
Images take up massive amounts of internet bandwidth because they often have large file sizes. According to the HTTP Archive, 60% of the data transferred to fetch a web page is images composed of JPEGs, PNGs and GIFs. As of July 2017, images accounted for 1.7MB of the content loaded for the 3.0MB average site.Per Tammy Everts, adding images to a page or making existing images larger have been proven to increase conversion rates. It's unlikely that images will go away and so investing in an efficient compression strategy to minimize bloat becomes important.
If you need to optimize images in your PHP application take a look at our image optimization package. If you're a Laravel user you'll be happy to know that there's also a Laravel version of the optimizer. Our Laravel Medialibrary also comes with built-in support for optimizing images.
