Automatically image resizing
Locked
 
|
Hi,
does anybody know if there is some mechanism to have a sort of control on uploaded image sizes? I mean, l would like that when I upload a new image for a product ofbiz automatically generates the small, medium, large and detailed images scaling the uploaded image with a fixed dimension regardless of the original one. Many thanks, Bruno |
|
|
> Hi, > does anybody know if there is some mechanism to have a sort of control on > uploaded image sizes? > I mean, l would like that when I upload a new image for a product ofbiz > automatically generates the small, medium, large and detailed images > scaling > the uploaded image with a fixed dimension regardless of the original one. > > Many thanks, > Bruno Bruni, dont know ofBiz but start by playing with something like this... public Image getScaledImage(ImageIcon myLoadedImageIcon) { Image myImage = myLoadedImageIcon.getImage(); Image scaledImage = myImage.getScaledInstance(height , height, Image.SCALE_SMOOTH); return scaledImage; } Then googling on AWT images will probably get you going... --------------------------------------------------------------------------- HARBOR : http://www.kewlstuff.co.za/index.htm The most powerful application server on earth. The only real POJO Application Server. See it in Action : http://www.kewlstuff.co.za/cd_tut_swf/whatisejb1.htm --------------------------------------------------------------------------- |
|
|
In reply to this post by Bruno Busco
The would be handled by assigning a class type to the image and put in
the CSS. I believe that is done now, if not then it would be a nice addition. you would specify the same image path for all https://demo.hotwaxmedia.com/catalog/control/EditProductContent?productId=dropShip1 then change applications/order/webapp/ordermgr/entry/catalog/ *.ftl's that show images like productdetail.ftl to put the classes for image sizing you put in the framework/images/webapp/images/ecommain.css Bruno Busco sent the following on 7/27/2008 8:38 AM: > Hi, > does anybody know if there is some mechanism to have a sort of control on > uploaded image sizes? > I mean, l would like that when I upload a new image for a product ofbiz > automatically generates the small, medium, large and detailed images scaling > the uploaded image with a fixed dimension regardless of the original one. > > Many thanks, > Bruno > |
|
|
In reply to this post by Johnny Kewl
I would be an advantage if you did learn ofbiz.
It would make your contribution very helpful. :) Johnny Kewl sent the following on 7/27/2008 9:24 AM: > > > >> Hi, >> does anybody know if there is some mechanism to have a sort of control on >> uploaded image sizes? >> I mean, l would like that when I upload a new image for a product ofbiz >> automatically generates the small, medium, large and detailed images >> scaling >> the uploaded image with a fixed dimension regardless of the original one. >> >> Many thanks, >> Bruno > > > Bruni, dont know ofBiz but start by playing with something like this... > > public Image getScaledImage(ImageIcon myLoadedImageIcon) > { > Image myImage = myLoadedImageIcon.getImage(); > Image scaledImage = myImage.getScaledInstance(height , > height, Image.SCALE_SMOOTH); > > return scaledImage; > } > > Then googling on AWT images will probably get you going... > > --------------------------------------------------------------------------- > HARBOR : http://www.kewlstuff.co.za/index.htm > The most powerful application server on earth. > The only real POJO Application Server. > See it in Action : http://www.kewlstuff.co.za/cd_tut_swf/whatisejb1.htm > --------------------------------------------------------------------------- > > > |
|
|
In reply to this post by BJ Freeman
BJ, the CSS resize is something that is performed in the web browser; the
image file is downloaded as it is saved in the server and then locally resized according to the css specified dimensions. Having only a large file stored in the server is very band consuming when, for example, many images are displayed as thumbnails in one page. On the other hand, having only a low resolution (light) file is bad when you want a single large image in one page to show details. This is why normally several formats of the same image are stored in the server. The way ofbiz handles the small, medium, large and detailed images could let to have also completely different images but I do not now I often this feature is used. I think that having a mechanism that when the detailed (high resolution) image is uploaded automatically generates all other small, medium and large would be very useful. In some systems I have seen a derived image is generated the first time it is requested by a client. 2008/7/27 BJ Freeman <[hidden email]> > The would be handled by assigning a class type to the image and put in > the CSS. > I believe that is done now, if not then it would be a nice addition. you > would specify the same image path for all > > https://demo.hotwaxmedia.com/catalog/control/EditProductContent?productId=dropShip1 > then change > applications/order/webapp/ordermgr/entry/catalog/ *.ftl's that show > images like > productdetail.ftl > to put the classes for image sizing you put in the > framework/images/webapp/images/ecommain.css > > Bruno Busco sent the following on 7/27/2008 8:38 AM: > > Hi, > > does anybody know if there is some mechanism to have a sort of control on > > uploaded image sizes? > > I mean, l would like that when I upload a new image for a product ofbiz > > automatically generates the small, medium, large and detailed images > scaling > > the uploaded image with a fixed dimension regardless of the original one. > > > > Many thanks, > > Bruno > > > > |
Re: Automatically image resizing
Administrator
|
From: "Bruno Busco" <[hidden email]>
> BJ, the CSS resize is something that is performed in the web browser; the > image file is downloaded as it is saved in the server and then locally > resized according to the css specified dimensions. > Having only a large file stored in the server is very band consuming when, > for example, many images are displayed as thumbnails in one page. > On the other hand, having only a low resolution (light) file is bad when you > want a single large image in one page to show details. > This is why normally several formats of the same image are stored in the > server. > > The way ofbiz handles the small, medium, large and detailed images could let > to have also completely different images but I do not now I often this > feature is used. > I think that having a mechanism that when the detailed (high resolution) > image is uploaded automatically generates all other small, medium and large > would be very useful. > In some systems I have seen a derived image is generated the first time it > is requested by a client. Yes, I have been asked this question sometimes too... Some people wonder why resizing online over and over, some argue that loading 3 different images is a bandwidth waste. I never did a profile on this, would be curious if someone did (OK I understand it depends on a lot of things ;o) I agree that providing an optionnal such one-time-resizing-and-save tool OOTB would be cool... Jacques > > > > 2008/7/27 BJ Freeman <[hidden email]> > >> The would be handled by assigning a class type to the image and put in >> the CSS. >> I believe that is done now, if not then it would be a nice addition. you >> would specify the same image path for all >> >> https://demo.hotwaxmedia.com/catalog/control/EditProductContent?productId=dropShip1 >> then change >> applications/order/webapp/ordermgr/entry/catalog/ *.ftl's that show >> images like >> productdetail.ftl >> to put the classes for image sizing you put in the >> framework/images/webapp/images/ecommain.css >> >> Bruno Busco sent the following on 7/27/2008 8:38 AM: >> > Hi, >> > does anybody know if there is some mechanism to have a sort of control on >> > uploaded image sizes? >> > I mean, l would like that when I upload a new image for a product ofbiz >> > automatically generates the small, medium, large and detailed images >> scaling >> > the uploaded image with a fixed dimension regardless of the original one. >> > >> > Many thanks, >> > Bruno >> > >> >> > |
|
|
In reply to this post by Bruno Busco
if you think about it.
having one big file instead of one big, one medium, one small is less server space. yes there is bandwidth to consider but most big files for fast download are not more the 75K, if they are then they are broken up on small files. People who assume that everyone has a high speed internet connection have the wrong assumption and should always design for the slowest connetion. however to go with your idea then add a size box at each size on the page, I specified, stuff it into context and let the upload module do the resizing. Bruno Busco sent the following on 7/27/2008 2:50 PM: > BJ, the CSS resize is something that is performed in the web browser; the > image file is downloaded as it is saved in the server and then locally > resized according to the css specified dimensions. > Having only a large file stored in the server is very band consuming when, > for example, many images are displayed as thumbnails in one page. > On the other hand, having only a low resolution (light) file is bad when you > want a single large image in one page to show details. > This is why normally several formats of the same image are stored in the > server. > > The way ofbiz handles the small, medium, large and detailed images could let > to have also completely different images but I do not now I often this > feature is used. > I think that having a mechanism that when the detailed (high resolution) > image is uploaded automatically generates all other small, medium and large > would be very useful. > In some systems I have seen a derived image is generated the first time it > is requested by a client. > > > > > 2008/7/27 BJ Freeman <[hidden email]> > >> The would be handled by assigning a class type to the image and put in >> the CSS. >> I believe that is done now, if not then it would be a nice addition. you >> would specify the same image path for all >> >> https://demo.hotwaxmedia.com/catalog/control/EditProductContent?productId=dropShip1 >> then change >> applications/order/webapp/ordermgr/entry/catalog/ *.ftl's that show >> images like >> productdetail.ftl >> to put the classes for image sizing you put in the >> framework/images/webapp/images/ecommain.css >> >> Bruno Busco sent the following on 7/27/2008 8:38 AM: >>> Hi, >>> does anybody know if there is some mechanism to have a sort of control on >>> uploaded image sizes? >>> I mean, l would like that when I upload a new image for a product ofbiz >>> automatically generates the small, medium, large and detailed images >> scaling >>> the uploaded image with a fixed dimension regardless of the original one. >>> >>> Many thanks, >>> Bruno >>> >> > |
|
|
In reply to this post by Jacques Le Roux
this gets somewhat complicated since there are many varialbles to
consider and present to the person doing the upload. size( in dimension and file size), lenght and width ratios and a few others would probably be confusing. Using a WYSIWYG like gimp is a better alternative. Jacques Le Roux sent the following on 7/27/2008 3:16 PM: > From: "Bruno Busco" <[hidden email]> >> BJ, the CSS resize is something that is performed in the web browser; the >> image file is downloaded as it is saved in the server and then locally >> resized according to the css specified dimensions. >> Having only a large file stored in the server is very band consuming >> when, >> for example, many images are displayed as thumbnails in one page. >> On the other hand, having only a low resolution (light) file is bad >> when you >> want a single large image in one page to show details. >> This is why normally several formats of the same image are stored in the >> server. >> >> The way ofbiz handles the small, medium, large and detailed images >> could let >> to have also completely different images but I do not now I often this >> feature is used. >> I think that having a mechanism that when the detailed (high resolution) >> image is uploaded automatically generates all other small, medium and >> large >> would be very useful. >> In some systems I have seen a derived image is generated the first >> time it >> is requested by a client. > > Yes, I have been asked this question sometimes too... Some people wonder > why resizing online over and over, some argue that loading > 3 different images is a bandwidth waste. I never did a profile on this, > would be curious if someone did (OK I understand it depends > on a lot of things ;o) > > I agree that providing an optionnal such one-time-resizing-and-save tool > OOTB would be cool... > > Jacques > >> >> >> >> 2008/7/27 BJ Freeman <[hidden email]> >> >>> The would be handled by assigning a class type to the image and put in >>> the CSS. >>> I believe that is done now, if not then it would be a nice addition. you >>> would specify the same image path for all >>> >>> https://demo.hotwaxmedia.com/catalog/control/EditProductContent?productId=dropShip1 >>> >>> then change >>> applications/order/webapp/ordermgr/entry/catalog/ *.ftl's that show >>> images like >>> productdetail.ftl >>> to put the classes for image sizing you put in the >>> framework/images/webapp/images/ecommain.css >>> >>> Bruno Busco sent the following on 7/27/2008 8:38 AM: >>> > Hi, >>> > does anybody know if there is some mechanism to have a sort of >>> control on >>> > uploaded image sizes? >>> > I mean, l would like that when I upload a new image for a product >>> ofbiz >>> > automatically generates the small, medium, large and detailed images >>> scaling >>> > the uploaded image with a fixed dimension regardless of the >>> original one. >>> > >>> > Many thanks, >>> > Bruno >>> > >>> >>> >> > > > > |
Re: Automatically image resizing
|
Administrator
|
From: "BJ Freeman" <[hidden email]>
> this gets somewhat complicated since there are many varialbles to > consider and present to the person doing the upload. > size( in dimension and file size), lenght and width ratios > and a few others would probably be confusing. > Using a WYSIWYG like gimp is a better alternative. Yes this was my answer too (resize your images for better user experience and bandwidth performance). But the prospective client was not satisfied since she said she has a lot of images changing everyday. So the inline resizing is my answer so far. You can't have your cake and eat it ! Jacques > Jacques Le Roux sent the following on 7/27/2008 3:16 PM: >> From: "Bruno Busco" <[hidden email]> >>> BJ, the CSS resize is something that is performed in the web browser; the >>> image file is downloaded as it is saved in the server and then locally >>> resized according to the css specified dimensions. >>> Having only a large file stored in the server is very band consuming >>> when, >>> for example, many images are displayed as thumbnails in one page. >>> On the other hand, having only a low resolution (light) file is bad >>> when you >>> want a single large image in one page to show details. >>> This is why normally several formats of the same image are stored in the >>> server. >>> >>> The way ofbiz handles the small, medium, large and detailed images >>> could let >>> to have also completely different images but I do not now I often this >>> feature is used. >>> I think that having a mechanism that when the detailed (high resolution) >>> image is uploaded automatically generates all other small, medium and >>> large >>> would be very useful. >>> In some systems I have seen a derived image is generated the first >>> time it >>> is requested by a client. >> >> Yes, I have been asked this question sometimes too... Some people wonder >> why resizing online over and over, some argue that loading >> 3 different images is a bandwidth waste. I never did a profile on this, >> would be curious if someone did (OK I understand it depends >> on a lot of things ;o) >> >> I agree that providing an optionnal such one-time-resizing-and-save tool >> OOTB would be cool... >> >> Jacques >> >>> >>> >>> >>> 2008/7/27 BJ Freeman <[hidden email]> >>> >>>> The would be handled by assigning a class type to the image and put in >>>> the CSS. >>>> I believe that is done now, if not then it would be a nice addition. you >>>> would specify the same image path for all >>>> >>>> https://demo.hotwaxmedia.com/catalog/control/EditProductContent?productId=dropShip1 >>>> >>>> then change >>>> applications/order/webapp/ordermgr/entry/catalog/ *.ftl's that show >>>> images like >>>> productdetail.ftl >>>> to put the classes for image sizing you put in the >>>> framework/images/webapp/images/ecommain.css >>>> >>>> Bruno Busco sent the following on 7/27/2008 8:38 AM: >>>> > Hi, >>>> > does anybody know if there is some mechanism to have a sort of >>>> control on >>>> > uploaded image sizes? >>>> > I mean, l would like that when I upload a new image for a product >>>> ofbiz >>>> > automatically generates the small, medium, large and detailed images >>>> scaling >>>> > the uploaded image with a fixed dimension regardless of the >>>> original one. >>>> > >>>> > Many thanks, >>>> > Bruno >>>> > >>>> >>>> >>> >> >> >> >> > |
|
|
In reply to this post by BJ Freeman
----- Original Message ----- From: "BJ Freeman" <[hidden email]> To: <[hidden email]> Sent: Sunday, July 27, 2008 6:54 PM Subject: Re: Automatically image resizing >I would be an advantage if you did learn ofbiz. > It would make your contribution very helpful. > :) Oh I'm sorry, need to explain what I'm thinking... then you can tell me if ofbiz can do this... Hopefully an office biz template can do something as simple as this... <p><img border="0" src=http://myOfBizServer/webapp/image.jpg?size = small width="100" height="75"></p> Something like that... then you make a little webapp servlet called image.jpg... load the icon from disk... Image scaledImage = myImage.getScaledInstance(height , height, Image.SCALE_SMOOTH); rescale it... send the bytes... All the offbiz template, web page whatever has to do is be able to hold a URL... The rescaling is happening server side... so no big download till the user wants to see a big image... and a single image is kept server side.... Or store big/medium/small on a webserver anywhere... forget the servlet rescaling and just display the URL.. Cant actually see why its difficult ;) Why is that difficult in ofbiz? I'm learning here ;) > Johnny Kewl sent the following on 7/27/2008 9:24 AM: >> >> >> >>> Hi, >>> does anybody know if there is some mechanism to have a sort of control >>> on >>> uploaded image sizes? >>> I mean, l would like that when I upload a new image for a product ofbiz >>> automatically generates the small, medium, large and detailed images >>> scaling >>> the uploaded image with a fixed dimension regardless of the original >>> one. >>> >>> Many thanks, >>> Bruno >> >> >> Bruni, dont know ofBiz but start by playing with something like this... >> >> public Image getScaledImage(ImageIcon myLoadedImageIcon) >> { >> Image myImage = myLoadedImageIcon.getImage(); >> Image scaledImage = myImage.getScaledInstance(height , >> height, Image.SCALE_SMOOTH); >> >> return scaledImage; >> } >> >> Then googling on AWT images will probably get you going... >> >> --------------------------------------------------------------------------- >> HARBOR : http://www.kewlstuff.co.za/index.htm >> The most powerful application server on earth. >> The only real POJO Application Server. >> See it in Action : http://www.kewlstuff.co.za/cd_tut_swf/whatisejb1.htm >> --------------------------------------------------------------------------- >> >> >> > > |
|
|
Actually when I said learn ofbiz I was talking about
starting here http://docs.ofbiz.org/pages/listpages-alphaview.action?key=OFBTECH then go through the code so you see how ofbiz does this. if you have read my other response, you would know the answer to what you just wrote. Johnny Kewl sent the following on 7/28/2008 2:35 AM: > > ----- Original Message ----- From: "BJ Freeman" <[hidden email]> > To: <[hidden email]> > Sent: Sunday, July 27, 2008 6:54 PM > Subject: Re: Automatically image resizing > > >> I would be an advantage if you did learn ofbiz. >> It would make your contribution very helpful. >> :) > > Oh I'm sorry, need to explain what I'm thinking... then you can tell me > if ofbiz can do this... > Hopefully an office biz template can do something as simple as this... > > <p><img border="0" src=http://myOfBizServer/webapp/image.jpg?size = > small width="100" height="75"></p> > > Something like that... then you make a little webapp servlet called > image.jpg... > load the icon from disk... > Image scaledImage = myImage.getScaledInstance(height , height, > Image.SCALE_SMOOTH); > > rescale it... send the bytes... > > All the offbiz template, web page whatever has to do is be able to hold > a URL... > The rescaling is happening server side... so no big download till the > user wants to see a big image... and a single image is kept server side.... > > Or store big/medium/small on a webserver anywhere... forget the servlet > rescaling and just display the URL.. > Cant actually see why its difficult ;) Why is that difficult in ofbiz? > > I'm learning here ;) > >> Johnny Kewl sent the following on 7/27/2008 9:24 AM: >>> >>> >>> >>>> Hi, >>>> does anybody know if there is some mechanism to have a sort of >>>> control on >>>> uploaded image sizes? >>>> I mean, l would like that when I upload a new image for a product ofbiz >>>> automatically generates the small, medium, large and detailed images >>>> scaling >>>> the uploaded image with a fixed dimension regardless of the original >>>> one. >>>> >>>> Many thanks, >>>> Bruno >>> >>> >>> Bruni, dont know ofBiz but start by playing with something like this... >>> >>> public Image getScaledImage(ImageIcon myLoadedImageIcon) >>> { >>> Image myImage = myLoadedImageIcon.getImage(); >>> Image scaledImage = myImage.getScaledInstance(height , >>> height, Image.SCALE_SMOOTH); >>> >>> return scaledImage; >>> } >>> >>> Then googling on AWT images will probably get you going... >>> >>> --------------------------------------------------------------------------- >>> >>> HARBOR : http://www.kewlstuff.co.za/index.htm >>> The most powerful application server on earth. >>> The only real POJO Application Server. >>> See it in Action : http://www.kewlstuff.co.za/cd_tut_swf/whatisejb1.htm >>> --------------------------------------------------------------------------- >>> >>> >>> >>> >> >> > > > > |
|
|
In reply to this post by Johnny Kewl
Johnny,
thank you for your hint. -Bruno 2008/7/27 Johnny Kewl <[hidden email]> > > > > Hi, >> does anybody know if there is some mechanism to have a sort of control on >> uploaded image sizes? >> I mean, l would like that when I upload a new image for a product ofbiz >> automatically generates the small, medium, large and detailed images >> scaling >> the uploaded image with a fixed dimension regardless of the original one. >> >> Many thanks, >> Bruno >> > > > Bruni, dont know ofBiz but start by playing with something like this... > > public Image getScaledImage(ImageIcon myLoadedImageIcon) > { > Image myImage = myLoadedImageIcon.getImage(); > Image scaledImage = myImage.getScaledInstance(height , > height, Image.SCALE_SMOOTH); > > return scaledImage; > } > > Then googling on AWT images will probably get you going... > > --------------------------------------------------------------------------- > HARBOR : http://www.kewlstuff.co.za/index.htm > The most powerful application server on earth. > The only real POJO Application Server. > See it in Action : http://www.kewlstuff.co.za/cd_tut_swf/whatisejb1.htm > --------------------------------------------------------------------------- > > |
Re: Automatically image resizing
|
|
Hi,
Is there a building solution about this fonctionality ? A 1st subject from 2006 : Multiple images and thumbnail images I havn't seen anything in Jira issue So, could I create a new feature issue ? Thanks Eric
|
Re: Automatically image resizing
|
Administrator
|
Eric,
I don't think there is currently any solutions in OFBIz. Please open a Jira issue only if you have a working solution, ie a patch. If you use tools with a licence needing notices let us know. BTW about this thread, I apologize to Rohit as I should not have been so rude since it was my duty to take care of licence issues and not to blame other on that. So Rohit, if you still have your solution at hand, please open a Jira issue and I will take care of it. Jacques From: "Eric DE MAULDE" <[hidden email]> > > Hi, > > Is there a building solution about this fonctionality ? > A 1st subject from 2006 : > http://www.nabble.com/Multiple-images-and-thumbnail-images-td4449827.html#a4451937 > Multiple images and thumbnail images > > I havn't seen anything in Jira issue > So, could I create a new feature issue ? > > Thanks > > Eric > > > > Bruno Busco wrote: >> >> Johnny, >> thank you for your hint. >> >> -Bruno >> >> 2008/7/27 Johnny Kewl <[hidden email]> >> >>> >>> >>> >>> Hi, >>>> does anybody know if there is some mechanism to have a sort of control >>>> on >>>> uploaded image sizes? >>>> I mean, l would like that when I upload a new image for a product ofbiz >>>> automatically generates the small, medium, large and detailed images >>>> scaling >>>> the uploaded image with a fixed dimension regardless of the original >>>> one. >>>> >>>> Many thanks, >>>> Bruno >>>> >>> >>> >>> Bruni, dont know ofBiz but start by playing with something like this... >>> >>> public Image getScaledImage(ImageIcon myLoadedImageIcon) >>> { >>> Image myImage = myLoadedImageIcon.getImage(); >>> Image scaledImage = myImage.getScaledInstance(height , >>> height, Image.SCALE_SMOOTH); >>> >>> return scaledImage; >>> } >>> >>> Then googling on AWT images will probably get you going... >>> >>> --------------------------------------------------------------------------- >>> HARBOR : http://www.kewlstuff.co.za/index.htm >>> The most powerful application server on earth. >>> The only real POJO Application Server. >>> See it in Action : http://www.kewlstuff.co.za/cd_tut_swf/whatisejb1.htm >>> --------------------------------------------------------------------------- >>> >>> >> >> > > -- > View this message in context: http://www.nabble.com/Automatically-image-resizing-tp18677520p20130304.html > Sent from the OFBiz - User mailing list archive at Nabble.com. > |
«
Return to OFBiz - User
|
1 view|%1 views
| Free forum by Nabble | Edit this page |