Resizing an image using HTML

This is a discussion on "Resizing an image using HTML" within the Web Page Design section. This forum, and the thread "Resizing an image using HTML are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Sep 1st, 2006, 21:38
Up'n'Coming Member
Join Date: Aug 2006
Location: Australia
Posts: 94
Thanks: 0
Thanked 0 Times in 0 Posts
Resizing an image using HTML

I have an image on my website that is quite large and I want to resize it so its smaller. I have the image on my site http://www.freewebs.com/powderhound11/ (as you can see it's quite large) and I'm wondering if there is anyway of resizing the image in the HTML code.

Any help would be greatly appreciated.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Sep 2nd, 2006, 00:27
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Resizing an image using HTML

There is but that is not the best way to handle it. If you have say a 1600x1200 image and resize it with HTML, people still have to download the 1600x1200 image file. best bet would to have a thumbnail version link to a full version.
__________________

Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Sep 2nd, 2006, 00:35
Up'n'Coming Member
Join Date: Aug 2006
Location: Australia
Posts: 94
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

Thanks
I will resize the image using photoshop.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Sep 2nd, 2006, 03:02
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

or if u cant be botherd like me

<img src=" image name " width="100" Hight="100">

its the lazy way
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Sep 2nd, 2006, 06:03
Up'n'Coming Member
Join Date: Aug 2006
Location: Australia
Posts: 94
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

thanks for the sugestion but I've done it properly.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Sep 2nd, 2006, 08:15
Tim356's Avatar
Reputable Member
Join Date: Nov 2003
Location: Australia
Age: 26
Posts: 331
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

Quote:
Originally Posted by bruno89 View Post
or if u cant be botherd like me

<img src=" image name " width="100" Hight="100">

its the lazy way
Yes, but as moojoo said - the user still has to download the entire large image, so resizing this way only makes it fit better.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Sep 2nd, 2006, 10:01
Reputable Member
Join Date: Jul 2006
Location: Baldock
Age: 20
Posts: 465
Thanks: 1
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

the best bet is way moojoo said or just go into photoshop and scale it down or even better go on net and try find a smaller version of it
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Sep 2nd, 2006, 10:46
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

Using Photoshop, you can also optimise it when you save it (gives you a choice between jpg and gif formats).
There is no need for an image of that size to have such a high compression rate on the web as browsers won't display the highest resolutions anyway. Play around with the compression ratios and you will be able to save a lot there too. I would be expecting a file size of no more than 15Kbs for that area (hopefully much less) but you will see what works best as you play with it.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Sep 2nd, 2006, 15:22
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

i know that. i was givin the LAZY way hens the "or if u cant be botherd like me" and then the "its the lazy way " .....
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Sep 2nd, 2006, 15:49
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

The lazy way usually inconveniences somebody else.
In this case, the visitor.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Sep 3rd, 2006, 12:41
Up'n'Coming Member
Join Date: Jun 2006
Location: Northern Ireland, United Kingdom
Age: 22
Posts: 84
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

Look into the save for web tool in photoshop. Good compression with not much quality loss, I do all my image saving for my website with that.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Sep 3rd, 2006, 16:40
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

Zackly.
WTG Antwan.
Couldn't be more easy.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Sep 4th, 2006, 02:31
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Resizing an image using HTML

Quote:
Originally Posted by RedSkwirrell View Post
The lazy way usually inconveniences somebody else.
In this case, the visitor.
thats true. ill ive you that one
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
resizing, image, using, html

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Awesome Image Resizing! Jack Franklin Webforumz Cafe 3 Jan 19th, 2008 10:06
no resizing flash and html flying3gg Flash & Multimedia Forum 3 Nov 20th, 2007 20:03
Gah, need a javascript image resizing script. JasonStanley JavaScript Forum 3 Nov 6th, 2007 18:51
image not resizing in Safari cyberseed Other Programming Languages 0 Jul 30th, 2007 16:39
Firefox image resizing problem with CSS paishin Web Page Design 2 Jun 15th, 2007 13:29


All times are GMT. The time now is 21:30.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42