ryan Posted May 26, 2017 Share Posted May 26, 2017 Client-side image resizing has been on our roadmap for awhile, and this week we've got it ready on the dev branch in version 3.0.63. People expressed interest in this feature in the comments to last week's post, and I promised to give it a closer look sooner rather than later. After getting that closer look, and doing some research, I realized we could get in this week's version. After using it now for a couple of days this week, I think people are really going to like this feature, and it works a lot better than I had originally guessed it could. https://processwire.com/blog/posts/processwire-3.0.63-adds-client-side-image-resizing/ 24 Link to comment Share on other sites More sharing options...
Ivan Gretsky Posted May 26, 2017 Share Posted May 26, 2017 @ryan, I want to let you know I really admire the way you get things done! Every time you solve a problem it is an example of a perfect engineer solution. Spot a chance to create a feature everybody wants but few have, examine existing solutions present, learn from them, build on them, make them work better than before, deliver a working feature within a reasonable time frame, provide comprehensive docs right there in the code for tech people, write a press release for the end users, move on to another task. Way back I once started a topic called "What is "Reiska". I think now I can feel what @apeisa and others at Avoine meant by this title. There is such a word in every language, and all of them fit you and your type of people (of which there is quite a few here in forums, luckily). I sometimes find myself questioning some of your marketing and organizational decisions, but I always applaud to and try to learn those problem solving skills and mindset from you. ProcessWire is unique thing, that inspired my way from "anykey clicking" web development to managing to read and write some relatively complicated code. I try hard to provide my clients with the best engineer solutions they can get based on ProcessWire. Because I can, and because it so exiting to do with PW, and because this is the way real stuff should be done. Thanks for the inspiration. 14 Link to comment Share on other sites More sharing options...
bernhard Posted May 27, 2017 Share Posted May 27, 2017 hi ryan, first let me say thank you for that great addition!! it's always impressive how you not only integrate existing solutions but also improve them first tries on my laptop went very well. on my android phone i got this problem: original image: resize settings: resized on laptop (chrome): resized on android phone: any ideas what could happen here? i thought it might be better to post here than opening a github issue - maybe others could also try and share their results? Link to comment Share on other sites More sharing options...
ceberlin Posted May 27, 2017 Share Posted May 27, 2017 How cool. [dreaming] Now, if there would be such a feature in formbuilder... [/dreaming] 1 Link to comment Share on other sites More sharing options...
ryan Posted May 28, 2017 Author Share Posted May 28, 2017 @Ivan Gretsky Thanks for all the kind words! @bernhard I tried to duplicate the issue here on my Android phone (Nexus 6, Android 7.0, using Chrome) and do not see the effect you are seeing. In my case, the resize was identical to the one tested on desktop (OS X, Chrome). It looks like in your case, the one tested from your phone went a lot darker. I have a feeling it's got something to do with color, curve, gamma or level adjustments being applied by the phone (?) but curious to know what phone specifically, and what browser? Link to comment Share on other sites More sharing options...
bernhard Posted May 28, 2017 Share Posted May 28, 2017 interesting... i just tried it with a phone of my friend, same result... both android and chrome my phone: android 6.0 + chrome his phone: android 6.0.1 + chrome will do some more testing soon Link to comment Share on other sites More sharing options...
ryan Posted May 28, 2017 Author Share Posted May 28, 2017 Are the photos taken with the phone, or does it happen with any photo uploaded from the phone? One thing about client-side resize is that I think resized versions are more like plain jpegs, rather than ones that include a bunch of exif meta data that may appear in the original. Perhaps the visible difference in the photos is due to something in the meta data (like color profile) rather than the pixels. On the other hand, maybe it's some difference between Android 6 and 7. Link to comment Share on other sites More sharing options...
szabesz Posted May 28, 2017 Share Posted May 28, 2017 Maybe a color management / color profile issue? http://www.color-management-guide.com/web-browser-color-management.html I think it is still best to stick to sRGB. I do not think that with mainstream monitors we will ever be able to expect that people out there will see the "same" colors as we do on our own screen. 1 Link to comment Share on other sites More sharing options...
elabx Posted May 29, 2017 Share Posted May 29, 2017 23 hours ago, szabesz said: Maybe a color management / color profile issue? http://www.color-management-guide.com/web-browser-color-management.html I think it is still best to stick to sRGB. I do not think that with mainstream monitors we will ever be able to expect that people out there will see the "same" colors as we do on our own screen. This is very likely the reason! I've gone through this types of errors a lot! Images with AdobeRGB or sth alike. 2 Link to comment Share on other sites More sharing options...
joshuag Posted June 2, 2017 Share Posted June 2, 2017 This feature is amazing. Just installed it and our clients were amazed! I didn't even expect anyone to notice. Thanks a million. 4 Link to comment Share on other sites More sharing options...
Falk Posted June 7, 2017 Share Posted June 7, 2017 Somehow it’s not working for me… I see a thumbnail of the image with a grey overlay and a spinner, but it’s not uploading. Tested with Safari, Chrome and Firefox without success. I also tested different settings for the image field, cleared cache and cookies… The upload process works for images that are smaller than specified. Attached you see a screenshot of the field settings, do I miss something? Link to comment Share on other sites More sharing options...
bernhard Posted June 7, 2017 Share Posted June 7, 2017 hi falk, the settings should be fine - actually you would not have to change anything after updating an old installation. do you have any other modules installed? try with a clean installation first. for example i had a problem with uploads recently because of a 3rd party module... good luck Link to comment Share on other sites More sharing options...
Macrura Posted June 7, 2017 Share Posted June 7, 2017 Quote I see a thumbnail of the image with a grey overlay and a spinner, but it’s not uploading. I have the same issue, if the image is too large, just forever spinner... Link to comment Share on other sites More sharing options...
Falk Posted June 8, 2017 Share Posted June 8, 2017 Additional Modules are RepeaterMatrix and MarkupSimpleNavigation. I will give it a try with a fresh installation as soon as possible. Link to comment Share on other sites More sharing options...
DaveP Posted June 8, 2017 Share Posted June 8, 2017 Don't know if other problems referred to above are related, but I'm having trouble in Chrome on OS X Yosemite, where, after uploading (and client-side resizing) a good number of images, there seems to be a memory leak or maybe Chrome not releasing memory or something. Sequence/symptoms are - Everything works fine for a number of uploads. Next handful of images seem to work - thumbnail is shown under spinner - but image saved is all black. Mac display starts corrupting and needs a restart to fix. Same image that didn't work above now works fine. This has happened a few times, so does seem repeatable. I'll do some more testing and try other browsers (haven't done yet), and if anything pops up I'll report back. 2 Link to comment Share on other sites More sharing options...
Falk Posted June 12, 2017 Share Posted June 12, 2017 I just tested Client-side resizing on a fresh pw installation without success. Again I see a greyed thumbnail with a spinner, but nothing happens. I tested with firefox 52.0.2 and safari 9.1.3 Any ideas? Link to comment Share on other sites More sharing options...
jacmaes Posted June 14, 2017 Share Posted June 14, 2017 Like @Falk and @Macrura I sometimes have the same, forever-spinning loading behavior, especially with images that are at least larger than 3000 pixels. 1 Link to comment Share on other sites More sharing options...
Juergen Posted June 14, 2017 Share Posted June 14, 2017 1 hour ago, jacmaes said: sometimes have the same, forever-spinning loading behavior I can confirm this behavior too. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now