By bloid
via css.dzone.com
Published: Jan 30 2008 / 04:16
Most web browsers make resizing text an easy thing to do*, but not all web browsers will resize images along with that text**. Good web designers know this and go to great lengths to make sure their web layouts don't bork when text is resized. But did you know you can make images grow and shrink along with the text?
-
Image Processing with C++ AMP and the .NET Framework
-
Benchmarking a HTML5 game: HTML5 Potatoes Gaming Bench
-
Tutorial: A simple and minimal mini online profile concept
-
Angular Prime, AngularJS with PrimeUI
-
Quantifying Scientific Consensus, Zombies in R, and More Data Links
-
Scalabitz - see what the Scala community shares
Comments
madarco replied ago:
It must be a joke... "make sure your starting image is larger than the default size." so 99% of visitors will see a 100k crippled sized-down image for the sake of the other 1% that will resize it.
Lars Pohlmann replied ago:
Nice trick. But if you want to have the best image quality, the default size should be the actual image size.
How do you accomplish that in this case?
amphi replied ago:
Nicer with SVGs.
SVGs are also more suited for that kind of images this kind of scaling is useful for. E.g. link markers (indicating that it's an external link or showing the file type) or list markers.
gfxmonk replied ago:
ugh... web browsers do a *terrible* job at image scaling. your scaled-down versions will take more bandwidth *and* look far worse.
Voters For This Link (13)
Voters Against This Link (2)