Welcome to WebmasterWorld Guest from 54.162.218.217

Forum Moderators: not2easy

Message Too Old, No Replies

Resizing image with CSS

If I resize a large photo with CSS, does it load fast?

     
2:28 pm on Jul 27, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 22, 2002
posts:2546
votes: 0


Basically, I need to know if I should resize in my photo editor and save thumbnail copies of images or does resizing in the source reduce download time of images?

Thanks WW.

4:14 pm on July 27, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 12, 2002
posts:1141
votes: 0


I don't think you should ever resize images using code. Also, if your image is a thumbnail and you like to
have a larger view of it, the image itself would get pixelated. You might be able to get away with it
if your original image has the largest resolution it will ever take, you won't lose quality if you reduce it's size.
But remember; the thumbnail although reduced in resolution will still have the same KB as if it was being displayed
in its original size.
11:51 pm on July 27, 2002 (gmt 0)

Full Member

10+ Year Member

joined:May 9, 2002
posts:241
votes: 0


setting the height and width of the pic would help the browser to render it faster than to allow the browser check the actual size of the pic. (<img ... height= ... width=... />)

Rememnber that unless you change the filesize of the pic, the difference in loading with be very very very minimal or almost no difference at all. =)

3:47 am on July 28, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Apr 22, 2002
posts:2546
votes: 0


THanks fashezee and copongcopong. Two versions of each pic(thumbnail/large). I just wanted to be sure so my pages load as quickly as possible. Peace.

Birdman

6:16 am on July 28, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


There are a few cases when it can be sensible to resize with the browser.

One is when you are using the same image at more than one size on a page. Then it makes sense to download the image once (a file at the largest resolution you need) and use the browser to resize the same image for the smaller versions.

Another time is when you have an image file that will not pixelate -- because everything is at right angles (or even just a solid color). Then it makes sense to create a small version of the image and size up to a larger rendering using the browser dimensions.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members