Cache Images vs Static Images

[wardemon]

Hi All,
I have a aspx page named: ImageProcess.as px that creates a thumbnail
version of an image by passing the ImagePath, width, and height. The
ImagePath is taken from a table from a database, while width and
height is user specific - meaning user can change this on demand.

My question is, although this rendering images on the fly is cool, I
would like to implement some sort of mechanism/logic that it wont keep
rendering the thumbnail again and again.

I thought of two things that might solve my problem, however I am
unsure of the pros and cons and which is much faster for the client.

Solution #1: Caching
----------------------------------
using System.Web.Cach ing;
Cache Cache = context.Cache;

//Get the image
string path = Server.MapPath( Request.FilePat h);

//Check the cache
string key = path + "-" + strWidth + "-" strHeight;
if (Cache[key] != null)
{
Image cached = (Image) Cache[key];
cached.Save(Res ponse.OutputStr eam,ImageFormat .Jpeg);
return;
}
else
{
Image img = Image.FromFile( path);

//Add to the cache
Cache.Add(key, thumb, null, DateTime.Now.Ad dSeconds(10),
TimeSpan.Zero, CacheItemPriori ty.High,
new CacheItemRemove dCallback(this. RemovedCallback ));
}

this solution checks if a "Cache Key" exists for a particular ImagePath
+Width+Height combo exsits, then it uses the "Saved Cached Image", if
none, it will use the image directly from the Image.FromFile( path) and
adds a new "Cache Key" for it.
Solution #2: Static Images
----------------------------------
1. Create the static image that was generated on the fly by the
ImageProcess.as px to a directory in the webserver ex: Root
\ThumbnailImage s\
2. The static image will be named as ImagePath-ImageName-ImageWidth-
ImageHeight-ImageDateCreate d.ImageExtensio n

Where
ImagePath = Image's Full Path taken from a table.column in a db
ImageName = Image File Name taken from a table column in a db
ImageWidth = Client User specific
ImageHeight = Client User spefici
ImageDateCreate d = Image Upload DateTime taken from a table.column in
a db.

3. Subsequent request logic will be:
3.1 First check if the combination filename exists in the Root
\ThumbnailImage s\ folder
3.2 If it exist, use that static image
3.2 If it does not exist, create image on the fly using
ImageProcess.as px & create a thumbnail image in the thumbnail Root
\ThumbnailImage s\ folder
I am a bit confuse on which to use. I am after - which is faster ;-)
Lastly, if I use Solution#1: Caching, when the user exists his or her
browser, then opens a new browser, will the "Cache Keys" still be
there? In other words, are the "Cache Keys" stored in the webserver
for use by other concurrent users?

Thanks,
Henry Wu

[Kevin Spencer]

--
HTH,

Kevin Spencer
Microsoft MVP

Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:
http://www.miradyne.net
Solution 2 is better, as it doesn't rely on memory to cache the images.
However, I have one suggestion: You don't need to keep the date created in
the image file name. That is an attribute of the file.

--
HTH,

Kevin Spencer
Microsoft MVP

Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:
http://www.miradyne.net

"wardemon" <he***********@ gmail.comwrote in message
news:11******** **************@ e9g2000prf.goog legroups.com...

Hi All,
I have a aspx page named: ImageProcess.as px that creates a thumbnail
version of an image by passing the ImagePath, width, and height. The
ImagePath is taken from a table from a database, while width and
height is user specific - meaning user can change this on demand.

My question is, although this rendering images on the fly is cool, I
would like to implement some sort of mechanism/logic that it wont keep
rendering the thumbnail again and again.

I thought of two things that might solve my problem, however I am
unsure of the pros and cons and which is much faster for the client.

Solution #1: Caching
----------------------------------
using System.Web.Cach ing;
Cache Cache = context.Cache;

//Get the image
string path = Server.MapPath( Request.FilePat h);

//Check the cache
string key = path + "-" + strWidth + "-" strHeight;
if (Cache[key] != null)
{
Image cached = (Image) Cache[key];
cached.Save(Res ponse.OutputStr eam,ImageFormat .Jpeg);
return;
}
else
{
Image img = Image.FromFile( path);

//Add to the cache
Cache.Add(key, thumb, null, DateTime.Now.Ad dSeconds(10),
TimeSpan.Zero, CacheItemPriori ty.High,
new CacheItemRemove dCallback(this. RemovedCallback ));
}

this solution checks if a "Cache Key" exists for a particular ImagePath
+Width+Height combo exsits, then it uses the "Saved Cached Image", if
none, it will use the image directly from the Image.FromFile( path) and
adds a new "Cache Key" for it.
Solution #2: Static Images
----------------------------------
1. Create the static image that was generated on the fly by the
ImageProcess.as px to a directory in the webserver ex: Root
\ThumbnailImage s\
2. The static image will be named as ImagePath-ImageName-ImageWidth-
ImageHeight-ImageDateCreate d.ImageExtensio n

Where
ImagePath = Image's Full Path taken from a table.column in a db
ImageName = Image File Name taken from a table column in a db
ImageWidth = Client User specific
ImageHeight = Client User spefici
ImageDateCreate d = Image Upload DateTime taken from a table.column in
a db.

3. Subsequent request logic will be:
3.1 First check if the combination filename exists in the Root
\ThumbnailImage s\ folder
3.2 If it exist, use that static image
3.2 If it does not exist, create image on the fly using
ImageProcess.as px & create a thumbnail image in the thumbnail Root
\ThumbnailImage s\ folder
I am a bit confuse on which to use. I am after - which is faster ;-)
Lastly, if I use Solution#1: Caching, when the user exists his or her
browser, then opens a new browser, will the "Cache Keys" still be
there? In other words, are the "Cache Keys" stored in the webserver
for use by other concurrent users?

Thanks,
Henry Wu

[wardemon]

Hi Kevin,
Thanks for you reply. I'll do solution 2 then.

Sorry, it's actually ImageDateLastMo dified and not ImageDateCreate d,
making the filename:
ImagePath-ImageName-ImageWidth-ImageHeight-
ImageDateLastMo dified.ImageExt ension

The ImageDateLastMo dified will be retreived from a table.column in the
DB.
This is needed to handle cases where the user overwrites the image of
the same file name.

Just curious though, would you know if I use Solution#1: Caching,
will the "Cache Keys" objects be stored in the webserver for use by
other concurrent users?
Thus maximizing cached objects?

Thanks,
Henry Wu

On Jun 14, 7:07 pm, "Kevin Spencer" <unclechut...@n othinks.comwrot e:

--
HTH,

Kevin Spencer
Microsoft MVP

Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:http://www.miradyne.net
Solution 2 is better, as it doesn't rely on memory tocachethe images.
However, I have one suggestion: You don't need to keep the date created in
theimagefile name. That is an attribute of the file.

--
HTH,

Kevin Spencer
Microsoft MVP

Printing Components, Email Components,
FTP Client Classes, Enhanced Data Controls, much more.
DSI PrintManager, Miradyne Component Libraries:http://www.miradyne.net

"wardemon" <henrycorte...@ gmail.comwrote in message

news:11******** **************@ e9g2000prf.goog legroups.com...

Hi All,
I have a aspx page named: ImageProcess.as px that creates a thumbnail
version of animageby passing the ImagePath, width, and height. The
ImagePath is taken from a table from a database, while width and
height is user specific - meaning user can change this on demand.

My question is, although this rendering images on the fly is cool, I
would like to implement some sort of mechanism/logic that it wont keep
rendering the thumbnail again and again.

I thought of two things that might solve my problem, however I am
unsure of the pros and cons and which is much faster for the client.

Solution #1: Caching
----------------------------------
using System.Web.Cach ing;
CacheCache= context.Cache;

//Get theimage
string path =Server.MapPath (Request.FilePa th);

//Check thecache
string key = path + "-" + strWidth + "-" strHeight;
if (Cache[key] != null)
{
Imagecached = (Image)Cache[key];
cached.Save(Res ponse.OutputStr eam,ImageFormat .Jpeg);
return;
}
else
{
Imageimg =Image.FromFile (path);

//Add to thecache
Cache.Add(key, thumb, null, DateTime.Now.Ad dSeconds(10),
TimeSpan.Zero, CacheItemPriori ty.High,
new CacheItemRemove dCallback(this. RemovedCallback ));
}

this solution checks if a "CacheKey" exists for a particular ImagePath
+Width+Height combo exsits, then it uses the "Saved CachedImage", if
none, it will use theimagedirectl y from theImage.FromFi le(path) and
adds a new "CacheKey" for it.

Solution #2: Static Images
----------------------------------
1. Create the staticimagethat was generated on the fly by the
ImageProcess.as px to a directory in the webserver ex: Root
\ThumbnailImage s\
2. The staticimagewill be named as ImagePath-ImageName-ImageWidth-
ImageHeight-ImageDateCreate d.ImageExtensio n

Where
ImagePath =Image'sFull Path taken from a table.column in a db
ImageName =ImageFile Name taken from a table column in a db
ImageWidth = Client User specific
ImageHeight = Client User spefici
ImageDateCreate d =ImageUpload DateTime taken from a table.column in
a db.

3. Subsequent request logic will be:
3.1 First check if the combination filename exists in the Root
\ThumbnailImage s\ folder
3.2 If it exist, use that staticimage
3.2 If it does not exist, createimageon the fly using
ImageProcess.as px & create a thumbnailimagei n the thumbnail Root
\ThumbnailImage s\ folder

I am a bit confuse on which to use. I am after - which is faster ;-)
Lastly, if I use Solution#1: Caching, when the user exists his or her
browser, then opens a new browser, will the "CacheKeys" still be
there? In other words, are the "CacheKeys" stored in the webserver
for use by other concurrent users?

Thanks,
Henry Wu- Hide quoted text -

- Show quoted text -

[bruce barker]

iis serves up images faster than asp.net can. iis also supports the head
request which the browser will use with images.

-- bruce (sqlwork.com)

wardemon wrote:

Hi All,
I have a aspx page named: ImageProcess.as px that creates a thumbnail
version of an image by passing the ImagePath, width, and height. The
ImagePath is taken from a table from a database, while width and
height is user specific - meaning user can change this on demand.

My question is, although this rendering images on the fly is cool, I
would like to implement some sort of mechanism/logic that it wont keep
rendering the thumbnail again and again.

I thought of two things that might solve my problem, however I am
unsure of the pros and cons and which is much faster for the client.

Solution #1: Caching
----------------------------------
using System.Web.Cach ing;
Cache Cache = context.Cache;

//Get the image
string path = Server.MapPath( Request.FilePat h);

//Check the cache
string key = path + "-" + strWidth + "-" strHeight;
if (Cache[key] != null)
{
Image cached = (Image) Cache[key];
cached.Save(Res ponse.OutputStr eam,ImageFormat .Jpeg);
return;
}
else
{
Image img = Image.FromFile( path);

//Add to the cache
Cache.Add(key, thumb, null, DateTime.Now.Ad dSeconds(10),
TimeSpan.Zero, CacheItemPriori ty.High,
new CacheItemRemove dCallback(this. RemovedCallback ));
}

this solution checks if a "Cache Key" exists for a particular ImagePath
+Width+Height combo exsits, then it uses the "Saved Cached Image", if
none, it will use the image directly from the Image.FromFile( path) and
adds a new "Cache Key" for it.
Solution #2: Static Images
----------------------------------
1. Create the static image that was generated on the fly by the
ImageProcess.as px to a directory in the webserver ex: Root
\ThumbnailImage s\
2. The static image will be named as ImagePath-ImageName-ImageWidth-
ImageHeight-ImageDateCreate d.ImageExtensio n

Where
ImagePath = Image's Full Path taken from a table.column in a db
ImageName = Image File Name taken from a table column in a db
ImageWidth = Client User specific
ImageHeight = Client User spefici
ImageDateCreate d = Image Upload DateTime taken from a table.column in
a db.

3. Subsequent request logic will be:
3.1 First check if the combination filename exists in the Root
\ThumbnailImage s\ folder
3.2 If it exist, use that static image
3.2 If it does not exist, create image on the fly using
ImageProcess.as px & create a thumbnail image in the thumbnail Root
\ThumbnailImage s\ folder
I am a bit confuse on which to use. I am after - which is faster ;-)
Lastly, if I use Solution#1: Caching, when the user exists his or her
browser, then opens a new browser, will the "Cache Keys" still be
there? In other words, are the "Cache Keys" stored in the webserver
for use by other concurrent users?

Thanks,
Henry Wu