Re: [WebDNA] Image resizing on the fly
This WebDNA talk-list message is from 2012
It keeps the original formatting.
numero = 108908
interpreted = N
texte = --Apple-Mail-4-306840108 Content-Transfer-Encoding: quoted-printable Content-Type: text/plain; charset=us-ascii > Here's a site that uses it, and the same image in a bunch of different = sizes: >=20 > = http://slir1.shiftingpixel.com/slir/w280-h280-c1:1/wp-content/uploads/2011= /04/IMG_3536.jpg >=20 > = http://slir1.shiftingpixel.com/slir/w280-h280-c3:2/wp-content/uploads/2011= /04/IMG_3536.jpg >=20 > = http://slir1.shiftingpixel.com/slir/w620-h340-c16:9/wp-content/uploads/201= 1/04/IMG_3536.jpg >=20 > As far as I can see the script check if the specific size has been = previously created (and cached) and if not it creates it. You can = play around with the image max width, max height and crop settings - all = in the URL - to see how it works. That is pretty cool (given what you say is probably happening in the = background to create the images)! I figure, though, that it will take a real present need to warrant doing = work to implement that. I mean, at the moment I am happy - satisfying myself with fluid images = (http://unstoppablerobotninja.com/entry/fluid-images) placed in = responsive fluid grids = (http://www.alistapart.com/articles/responsive-web-design/). ^^^ The browser does all (er, most of ...er, alot of) the work. =20 But I can imagine someday needing something more specific/controlling in = case of an image-related product/service that might need custom/dynamic = cropping etc... so it is good to know this is here. Just curious, what do you want that code for? Thanks! -Govinda= --Apple-Mail-4-306840108 Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset=us-ascii
Here's a site that uses it, and = the same image in a bunch of different = sizes:
As far as I can see the script check if the specific = size has been previously created (and cached) and if not it creates it. = You can play around with the image max width, max height = and crop settings - all in the URL - to see how it works.
That is pretty cool (given what = you say is probably happening in the background to create the = images)!
I figure, though, that it will take a real = present need to warrant doing work to implement that.
^^^ The browser does all (er, most of ...er, alot of) = the work.
But I can imagine = someday needing something more specific/controlling in case of an = image-related product/service that might need custom/dynamic cropping = etc... so it is good to know this is here.
Just = curious, what do you want that code = for?
Thanks!
-Govinda
= --Apple-Mail-4-306840108--
Associated Messages, from the most recent to the oldest:
--Apple-Mail-4-306840108 Content-Transfer-Encoding: quoted-printable Content-Type: text/plain; charset=us-ascii > Here's a site that uses it, and the same image in a bunch of different = sizes: >=20 > = http://slir1.shiftingpixel.com/slir/w280-h280-c1:1/wp-content/uploads/2011= /04/IMG_3536.jpg >=20 > = http://slir1.shiftingpixel.com/slir/w280-h280-c3:2/wp-content/uploads/2011= /04/IMG_3536.jpg >=20 > = http://slir1.shiftingpixel.com/slir/w620-h340-c16:9/wp-content/uploads/201= 1/04/IMG_3536.jpg >=20 > As far as I can see the script check if the specific size has been = previously created (and cached) and if not it creates it. You can = play around with the image max width, max height and crop settings - all = in the URL - to see how it works. That is pretty cool (given what you say is probably happening in the = background to create the images)! I figure, though, that it will take a real present need to warrant doing = work to implement that. I mean, at the moment I am happy - satisfying myself with fluid images = (http://unstoppablerobotninja.com/entry/fluid-images) placed in = responsive fluid grids = (http://www.alistapart.com/articles/responsive-web-design/). ^^^ The browser does all (er, most of ...er, alot of) the work. =20 But I can imagine someday needing something more specific/controlling in = case of an image-related product/service that might need custom/dynamic = cropping etc... so it is good to know this is here. Just curious, what do you want that code for? Thanks! -Govinda= --Apple-Mail-4-306840108 Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset=us-ascii
Here's a site that uses it, and = the same image in a bunch of different = sizes:
As far as I can see the script check if the specific = size has been previously created (and cached) and if not it creates it. = You can play around with the image max width, max height = and crop settings - all in the URL - to see how it works.
That is pretty cool (given what = you say is probably happening in the background to create the = images)!
I figure, though, that it will take a real = present need to warrant doing work to implement that.