This content has been marked as final. Show 4 replies
You can also use the power of Oracle Intermedia to store multiple sizes of one uploaded image.
See this old but still true blogpost (you can probably find more on this subject) : http://spendolini.blogspot.nl/2005/10/manipulating-images-with-database.html
Of course you can opt to store just two sizes for each image (a larger and smaller) and do the proper scaling in the application itself.
Thanks for the response. I am aware of Oracle Multimedia. Maybe, I was not clear. As I got from you, you agree that I have to store 2 editions of each image one for desktop and the other for mobile.
do the proper scaling in the application itself.You mean I can use Height and Width Attributes of the img Tag to scale the images to be used in Report / List . But as I know this does not reduce the size of the image. If the list shows 20 record with 20 images, the mobile webpage will be slow.
So, do you agree that I have to generate a two thumbnails (one for desktop and another for mobile ) for each PRODUCT, or you were refereeing to something else ?
Fateh wrote:I don't think it is best practice to scale the images using width/height attributes because browser's have to scale them and you will send unnecessary data
You mean I can use Height and Width Attributes of the img Tag to scale the images to be used in Report / List . But as I know this does not reduce the size of the image. If the list shows 20 record with 20 images, the mobile webpage will be slow.
As your thumbnails for Desktop and Mobile don't differ that much in size you can use one for both UI's.
If there is a 'huge' difference you would take the burden of storing another image according to the specified size.
The amount of "unnecessary data" for scaling is limited, so that won't raise an issue.
You have to be aware though, that you don't want to size an image based on fixed pixels, because you probably want to get a slightly lager view on an iPad (or other tablet) than on an iPhone (or other brand). So your sizing should be "responsive": that means either create CSS with different sizing based on the screen width or use percentages.