Glide
squoosh
Glide | squoosh | |
---|---|---|
7 | 267 | |
2,527 | 21,014 | |
0.3% | 1.2% | |
3.3 | 5.8 | |
17 days ago | 8 days ago | |
PHP | TypeScript | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Glide
-
Having issues with WebP compression
We use https://glide.thephpleague.com/. It's dead easy to crop and resize with it too.
-
Converting images to .webp
Best library for image manipulation is https://glide.thephpleague.com/
- Creating a package, looking for feedback and suggestions
-
How do you handle image optimization, resizing and thumbnail in Laravel?
A solution for self hosted in PHP is Glide: https://glide.thephpleague.com
-
ImageMagick (6.9) vs GD (2.2) on PHP 7.4 (in 2021): Pros & Cons in terms of Security, Performance, and Color Profile Support
You should check out Glide. It provides an easy to use RESTful API for dynamically transforming images on the fly, handles caching them in Flysystem automatically, is easy to integrate in most modern frameworks, and allows you to secure the endpoint via signed URLs, presets and maximum sizes.
-
Srcset and Sizes (2014)
This is some pretty powerful stuff. Here's a more information-dense and up-to-date rundown of srcset and sizes: https://bitsofco.de/the-srcset-and-sizes-attributes/
Notably, it shows how it's possible to use different images based on a portrait or landscape layout of the viewport, which OP doesn't cover. That's not always useful but it's good to know it's there when you might want to use it.
I was recently (well, several months ago) tasked with improving the Google PageSpeed scores on mobile for a site which has a lot of image-heavy pages. The end solution involved adapting all images to use a image with a WebP alternative for browsers that can show it (Google's tools like it when you use their near-proprietary image format; go figure), plus using srcset and sizes (which can be used on tags inside of tags as well as tags) plus a script which resizes and caches resized versions of large images based on URL parameters (basically an ersatz Glide [0]; I wish I had known it existed when I started). The end result severely reduced page weight for mobile visitors and was successful in raising our PageSpeed scores and appeasing my client.
[0]: https://glide.thephpleague.com
squoosh
-
SVG Viewer – View, edit, and optimize SVGs
Here's another handy tool that I use: https://squoosh.app/
- Jpegli: A New JPEG Coding Library
-
Optimizing Images for Developer Blogs
Squoosh: A webpage that allows you to quickly optimize images for your blog.
-
Building an online image compressor
One of the most complete image compressor out there, squoosh.app by Google, uses web assembly for decoding/encoding images and it works pretty well.
-
Improve performance of Go serving a React frontend
First off you want to shrink your images. Every mb your page is the more it will hurt your score. I use https://squoosh.app/
-
Power Consumption of JPEG, WebP, and AVIF
https://squoosh.app/
Having a quick look at squoosh, it uses lossy compression of webp by default.
-
What makes a page rank well?
Size images appropriately (https://squoosh.app/ can be used for this). Ideally, the size of the image should be kept below 100 KB.
-
my live site keeps jumping back to the top of the page while I'm using it
if your images a large file size, remove them from the page, reduce file size, and place new reduced file size images in their place - publish the site to bring the new pics live - clear your cache - go the page and test it (good tool to reduce image file size is Google Squoosh - https://squoosh.app/ )
-
Can anyone recommend any decent plugins that let me adjust jpg quality on export for web,
I'm just exporting normally from Figma, but then using squoosh.app (browser based) to adjust quality/compression and even for making sure png files are optimized for prod.
-
Clan creating invalid photo [HELP]
Hey I see your friend made a clan, but this guy found a workaround here if you still need it. I just used https://squoosh.app/ to basically save a new copy of the image and that worked
What are some alternatives?
Intervention Image - PHP Image Processing
sharp - High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP, AVIF and TIFF images. Uses the libvips library.
Imagine - PHP Object Oriented image manipulation library
oxipng - Multithreaded PNG optimizer written in Rust
PHP Image Workshop - ImageWorkshop is a PHP5.3+ library that helps you to manage images based on GD library
ImageOptim - GUI image optimizer for Mac
Image Hash - 🌄 Perceptual image hashing for PHP
go-unsplash - Go Client for the Unsplash API
GIF Frame Extractor - GifFrameExtractor is a PHP class that separates all the frames (and their duration) of an animated GIF
Mono - Mono open source ECMA CLI, C# and .NET implementation.
GIF Creator - GifCreator is a PHP class that creates animated GIF from multiple images
devilbox - A modern Docker LAMP stack and MEAN stack for local development