-
Notifications
You must be signed in to change notification settings - Fork 1.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Ability to upload multiple image files #301
Comments
Thanks for the suggestion @mortalgav. Would be great to get feedback on usecase so we can design appropriate interaction... how would you imagine using Squoosh in your workflow? Would you use it for your website/app building or something else?? Any feedback welcome :) |
Hi @kosamari, really great application and presentation 🥇 It would be really great if we could set compression settings and drag multiple images for optimization. I would definitely use squoosh in my workflow when building websites/apps, the side by side comparison of images is extremely useful and better then anything I have used so far. |
I agree with merfire - an better version of the 2 links above would be quite suitable. EG: have the ability to:
AS A USER with multiple images of a similar size, quality and format (eg a picture album) |
This seems reasonable, and not hard from a code perspective. As always, the hard part is UI. We'll throw around some ideas. |
I'm looking for an image compressor for our company's internal knowledge wiki. |
Tagged for V2. UX study & planning needed. |
Over here, we use it to optimize a whole set of photos for our estates photos before uploading and spreading them out on the web. Our assistants love the feature but it consumes a lot of time if you try to reduce the size for 20, 30 or even 40 images. |
@kosamari @jakearchibald this is a feature I'd love to have. Any way I can help out with the UI/UX? |
Love the tool, but if you want to optimize all pictures of a website that has grown for some years it is not really practicable. I can easily download an entire picture folder with 700 pics via FTP, but then I have to save every single picture to optimize it. (Would take days I guess). So please add a batch feature that opens one picture after the other, optimizes it and saves it to another folder - or even overwrite the original file... That would be really great! Best regards |
I frequently get batches of design related images at my work that are not optimised. |
Fwiw, for batch jobs, you can always use squoosh to figure out which codec to use and then use one of the many existing CLIs like ImageMagicks |
Hi Guys, Any idea when can we expect this feature live please. |
It would be awesome if API could be provided as a service |
There's no set date. When this issue is closed, you know it's shipped. |
A usecase of mine is for Mastodon custom emojis. I'm a sub-admin of a Mastodon server (instance) and managing many custom emojis. |
@Phroneris That sounds like a normal CLI (like OptiPNG or imageoptim) will serve you much better than squoosh. The whole point of Squoosh is that you can visually inspect what your codec settings are doing. For your use case, you can just apply your settings to all the files via CLI. |
@surma That must be really true, but I don't know how options I use in Squoosh (for example the number of palette colors) should be translated into exact commands for the existing tools. Fortunately, I found that Sqoosh allows d&d-ing an image on the editor screen to preserve existing option tweaks (except width and height when resizing). So my situation has got better. |
Are there already people working on it? I would be interested to implement batch processing. I had imagined a tab view or list at the right top corner to switch between the imported images and add a extra button to process and download them all at once. |
Some quick mockups in MS Paint: Using the material folder icon I simply uploaded a grid of charms from Hollow Knight to demonstrate that the items could be stitched together and displayed in a grid. The complexity of the grid could be as simple as squares or rectangles of the same size, or smarter such as the Google Photos app which aligns pictures based on their aspect ratios intelligently. I think that the folder button should be in the same row as the others, and probably a different background color to signify that it's an action of a slightly different category, but the premise remains: simply add one button to the main page and in the editor just display them as a grid. It's implementing multiple files and testing cases such as some files are incompatible, some files are too large, too many files, varying file types, etc, however even this is simply displayed by Google Photos and they can all be run with the same settings (which is the point of this feature), so it should be no problem. I feel that the UI complexity shouldn't have to increase much to add one feature, which can be seen on two screens, and will most often be done just by dragging in multiple files instead of one. |
Issues with this suggestion:
I don't think we should underestimate the effort that goes into a natural-feeling UI. |
Thank you for the quick reply. I'll provide some answers, which keep in mind, are just my opinion.
I would say have a toggle switch at the top, and you can switch modes between one file and multiple. If they drag it in single file mode (default, keep default functionality the same for users) then it overrides, if the toggle is on (can be saved in cookies, but not necessary) then add the file
Just create a grid view, hovering over the item has a × in the top right, upon clicking it the item is removed. There could be an "Undo" toast on the bottom of the screen for a few seconds if we really want to follow Google's principals there, which I think would be good, but not necessary in minimum viable product.
Lay them out in smart tiles like in Google Photos:
Agree. That's why I suggested changing the color, but changing position or size or any other aesthetic to indicate that it's a button of a different category would suffice. Or we could just remove the button entirely and optionally mention at the bottom in small text you can upload multiple. We don't really need a button for it. Additionally, we could have a sample where it has multiple demo images to demonstrate this functionality.
I think this one is intuitive. The total file size. We can do some quick math and calculate an average as well. See the UI on the bottom of kraken
That's a good question. For multiple files, it's arbitrary, so we could keep the slider and simply remove the labels if we want. Or 100% is more of a default size for the preview. I don't think it would be too confusing. We don't even need zooom functionality in multiple, as long as we preserve it in single file mode. The important thing is, without taking away functionality, adding a mode where users can upload multiple images seamlessly.
Is this directed at me or someone else? Testing it myself that seems to be the case as well. Seems like a separate issue. |
This seems pretty confusing, and we don't really have space to add extra toggles on mobile.
There's no such thing as 'hovering' on mobile. Also this seems bad ux. The user could go to perform a click-drag, but pop a close button appears under their mouse and the image is gone. This also seems really tricky with small images.
Google Photos smart tiles often crop parts of the image which seems like a really bad idea here.
UX is hard 😄
I don't think this is intuitive or useful. You could end up with 95% of that total taken by one image and you'd have no way of knowing.
What you mean by 'arbitrary' is the number is "meaningless, but there's nothing to indicate that it's meaningless, so it's confusing to the user".
You.
I'm not sure what you're talking about here. Can you describe the problem? Unfortunately posting a link to the 'new issue' page isn't enough. You need to fill in the form to describe the problem. I appreciate you're trying to help here, but I feel like you've either underestimated the problem, or undervalue UX in an app like this. |
Cant wait for this feature to be implemented in Squoosh app! I think this is the most anticipated feature. |
Is this ever going to become a thing? Through your web tools we discovered the images on our site are all unoptimized and now have a lot of catching up to do. Doing them one at time just isn't an option. Any solutions we can do while we wait for this feature to be added? |
An example of a dynamic grid of photos (for UI concept): https://codepen.io/jensimmons/full/QWjqbJj @angelicochris Sadly, I have to link to an external tool since Squoosh.app doesn't support this. However, Kraken.io Kraken.io supports this. |
Would love to have batch export function. I guess you can use ImageMagick if you have the technical knowledge to do so, but for a designer like me it would be way easier to work with. |
maybe we could just add a small feature which can convert current squoosh settings to
|
If we get round to this, it'll be later this year. We're humans with a finite amount of time in the day, with lots of other things to do. This isn't a money-making app 😄 |
Take your time guys <3 |
Good luck guys! I really look forward to this! |
We shipped the CLI, which allows to process batches of images! |
Woop woop!!
…On Thu, 10 Dec 2020, 12:59 Surma, ***@***.***> wrote:
We shipped the CLI
<https://github.com/GoogleChromeLabs/squoosh/tree/dev/cli>, which allows
to process batches of images!
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#301 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AHXWOE2IJBG62Y7ZBD3RKG3SUCS2BANCNFSM4GD7T6TA>
.
|
Me (#301 (comment)):
Google Chrome Labs: Me: SUPER. |
Awesome news, thank you for listening to me and others and beginning to implement this : ) |
Seems everybody willing to settle onto CLI. Since no news since December last year, I assume I'm going to stick to the ol' good ImageOptim. |
Good morning guys! May I ask how can we use the CLI for batch optimisation? My programming knowledge is very limited, any tutorial or example that could be shared? Many thanks for this amazing software |
I currently have about 2000 images to compress. 😅😳 Why? I export my After Effects compositions in "PNG Sequence" format so that I may re-import it to create a Lottie animation. I LOVE this app but don't think I have the proper sedation to make this happen. 🤪 @jakearchibald ~ I'd be glad to pay for this app. 🙃 |
use CLI |
@dannyFig :
Let me know if you have any question or issues ! this is a kind of usecase we want to support (tho hard to figure out UI and has been on pause.) |
The CLI has unfortunately been deprecated. See note here: #1321
|
What sad news, but thank you for the information. |
Is there any chance this could be implemented at some point, or has it already been determined that it won't be? |
This is a fantastic tool, however as a feature request for v1.* I would hope that it was possible to upload multiple images based on a set of previously defined variables.
I would suggest the UI would work similar to what you have defined however once you have set the encoding & quality settings there would be an option to drag additional images into page and have them all compressed and available for download.
Without this the tool takes too long to compress multiple images. (we certainly would want to re-use the same options thousands of times over and uploading them one at a time is not feasible)
The text was updated successfully, but these errors were encountered: