I'm trying to make some thumbnails smaller but ig I just use css height: Then the image distorts, is this avoidable? Thanks
I'm not sure I thoroughly understand your question....I use blogger and after uploading a photo, I'll calculate the height/width ratio and then change the sizes, of both, appropriately
you have to make the image smaller then upload the smaller image to your server, use photoshop or something to resize it to the size you need, then upload it and change the size in css
This is true, you can get by resizing them in 25% increments, like 50% or 75% smaller will usually look okay, but this doesn't work if your images are different sizes! It's usually best for you and the user to only load thumbnails anyways, that way you're not loading every single full image everytime the page is loaded.
you can't with CSS alone. Browsers are very bad at resizeing images. This is something you should not let their algorithms do. You need to truly resize it with anything that knows how to resample it with either bicubic or at least a bilinear algorithm. IE and Firefox use nearest neighbor, which tend to give hard edges and sometimes ruins the image.