June 02, 2007
Imagery
It's been a while since the last update, but I have been busy. Here's the first of the new features uploaded today:
Automatic Server-Side Image Scaling and Thumbnails (ASSIST!)
Shrink to 200 pixels wide - side-by-side with a browser-scaled image for comparison:
[thumbnail=/images/Benten.jpg size=200x]
[thumbnail=/images/Benten.jpg size=x200]
Fit inside a box 100 pixels square, keeping proportions:
[thumbnail=/images/Benten.jpg size=100x100]
Resize to 100 pixels square, regardless of proportions:
[thumbnail=/images/Benten.jpg resize=100x100]
Accessing this directly from HTML:
This is intended to make it easy to produce image galleries and photo albums where you need to produce images in multiple resolutions. Also, it will be used for user avatars: Since mee.nu users have complete control over their site layouts, there won't be a single fixed size for avatars, and resizing in the browser produces ugly images.
The advantages (apart from the improved quality) is that it makes it very easy to keep the image proportions, and it produces smaller files for fast loading times. (And less strain on your bandwidth.) Doing high-quality image processing is fairly CPU intensive, but we already have 16 CPUs at our disposal, so that is not anticipated to be a problem.
One hitch: This doesn't currently work for animated GIFs. Neither does the image processing function in the file module; the GIF library I'm using is lacking in several respects. This will be resolved in the next month or so.
Comments are disabled.
Post is locked.
Automatic Server-Side Image Scaling and Thumbnails (ASSIST!)
Shrink to 200 pixels wide - side-by-side with a browser-scaled image for comparison:
[thumbnail=/images/Benten.jpg size=200x]
Shrink to 200 pixels tall:
[thumbnail=/images/Benten.jpg size=x200]
Fit inside a box 100 pixels square, keeping proportions:
[thumbnail=/images/Benten.jpg size=100x100]
Resize to 100 pixels square, regardless of proportions:
[thumbnail=/images/Benten.jpg resize=100x100]
Accessing this directly from HTML:
<img src="/images/Benten.jpg?size=200x" border="0" />
This is intended to make it easy to produce image galleries and photo albums where you need to produce images in multiple resolutions. Also, it will be used for user avatars: Since mee.nu users have complete control over their site layouts, there won't be a single fixed size for avatars, and resizing in the browser produces ugly images.
The advantages (apart from the improved quality) is that it makes it very easy to keep the image proportions, and it produces smaller files for fast loading times. (And less strain on your bandwidth.) Doing high-quality image processing is fairly CPU intensive, but we already have 16 CPUs at our disposal, so that is not anticipated to be a problem.
One hitch: This doesn't currently work for animated GIFs. Neither does the image processing function in the file module; the GIF library I'm using is lacking in several respects. This will be resolved in the next month or so.
Posted by: Pixy Misa at
01:56 PM
| Comments (2)
| Add Comment
Post contains 231 words, total size 3 kb.
1
I just found the coolest image function on this blog.
When you click on the image (the first one, of the guy creeping along), see how the image pops to full size and the background goes black.
Any way we can copy that?
Posted by: Michael Rittenhouse at July 04, 2007 02:26 AM (q4Tbt)
2
Yep, we're going to be adding something along those lines. It's called a "lightbox", and there's a whole range of Javascript functions available to do it. I haven't standardised on a Javascript library yet, but I'll have to do so soon.
Posted by: Pixy Misa at July 04, 2007 01:44 PM (PiXy!)
11kb generated in CPU 0.0206, elapsed 0.0666 seconds.
32 queries taking 0.0512 seconds, 54 records returned.
Powered by Minx 1.1.6c-pink.
32 queries taking 0.0512 seconds, 54 records returned.
Powered by Minx 1.1.6c-pink.
