HTML Coding
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
 
User Name:
Password:
Remember me
Go Back   SEO Chat ForumsOtherHTML Coding

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread SEO Chat Forums Sponsor:
  #1  
Old July 27th, 2006, 05:46 AM
Baldlygo Baldlygo is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Apr 2005
Location: Shropshire - Welsh Border
Posts: 26 Baldlygo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 45 m 51 sec
Reputation Power: 0
Post Same image - Browser resizing

I would like to use the same image in more than one page but of different sizes. For example if the full size is 40K and I want to use the same image but a half size on another page I am wondering what "best practice" is recommended.

Is it best to create another image half size so the visitor has to download another image or to just use the same image but using the width and height tags to give the smaller size?

Does anyone know if the browser overhead of resizing is related to the size difference? ....or how it compares with the speed of downloading a new image of say 20K?

Reply With Quote
  #2  
Old July 30th, 2006, 12:20 PM
weee weee is offline
Contributing User
SEO Chat Novice (500 - 999 posts)
 
Join Date: Jul 2004
Posts: 636 weee User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 Days 16 h 12 m 25 sec
Reputation Power: 5
Create a new one. Don't resize from one master image.
It looks bad, and make no sense to show the same photo (40K) half the size (20K) but the browser need to download 40K.

Reply With Quote
  #3  
Old July 30th, 2006, 07:58 PM
ClickyB's Avatar
ClickyB ClickyB is offline
Scru u guys I'm goin home
SEO Chat Specialist (4000 - 4499 posts)
 
Join Date: Mar 2004
Location: Gloucester (South West UK).
Posts: 4,078 ClickyB User rank is Sergeant Major (2000 - 5000 Reputation Level)ClickyB User rank is Sergeant Major (2000 - 5000 Reputation Level)ClickyB User rank is Sergeant Major (2000 - 5000 Reputation Level)ClickyB User rank is Sergeant Major (2000 - 5000 Reputation Level)ClickyB User rank is Sergeant Major (2000 - 5000 Reputation Level)ClickyB User rank is Sergeant Major (2000 - 5000 Reputation Level) 
Time spent in forums: 3 Months 1 Week 2 Days 5 h 30 m 38 sec
Reputation Power: 58
Resize via the img src code will only affect the broswer display, not the caching; so, if the image is already cached it will save you BW (will not be downloaded twice).

So long as you scale it down precisely (eg: half the height & width) it will look fine.
__________________
ClickyB
"The quality of the visitor is more important than the volume".. Egol 22nd Feb 2008
New to SEO? Start Here: SEO FAQ
Forum Rules & Posting Guidelines
Canonicalisation Solutions

Reply With Quote
  #4  
Old July 31st, 2006, 08:37 AM
Googlewhack's Avatar
Googlewhack Googlewhack is offline
If in Doubt.. Whack it
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Jul 2006
Location: Half way between the Gutters and the Stars
Posts: 190 Googlewhack User rank is Private First Class (20 - 50 Reputation Level)Googlewhack User rank is Private First Class (20 - 50 Reputation Level) 
Time spent in forums: 1 Day 10 h 1 m 18 sec
Reputation Power: 3
Quote:
Originally Posted by weee
Create a new one. Don't resize from one master image.
It looks bad, and make no sense to show the same photo (40K) half the size (20K) but the browser need to download 40K.

In that sense, then the browser need to download 60k.. 40k+20k, a bigger download. If you did just resize the image for the second instance, the pic will already be downloaded, and all the browser needs to is resize it.

But im from the school of thought that it just makes sense to remake the image for use in the second instance regardless of the extra 20k the user downloads. The pic will look better IMO. And whats 20k with todays connections, maybe 1/4 of a second? I wouldnt worry about it.

Reply With Quote
  #5  
Old August 1st, 2006, 07:42 PM
weee weee is offline
Contributing User
SEO Chat Novice (500 - 999 posts)
 
Join Date: Jul 2004
Posts: 636 weee User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 Days 16 h 12 m 25 sec
Reputation Power: 5
In my eyes, resizing while using the img src width & height is amaturish.
Always resize the original photo... I mean, it doesn't even look good!

Reply With Quote
  #6  
Old August 3rd, 2006, 03:30 AM
Baldlygo Baldlygo is offline
Registered User
SEO Chat Newbie (0 - 499 posts)
 
Join Date: Apr 2005
Location: Shropshire - Welsh Border
Posts: 26 Baldlygo User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 45 m 51 sec
Reputation Power: 0
Thanks - seems to be a difference of opinion then The site in question is a Family History site and certain people (pictures) occurr on different pages at different sizes. So it is a matter of balancing how many times a particular person is likely to appear in one session.

I think it is easier to let the cache and browser display rather than creating several images of different sizes. I just need to make sure I have the proportions adjusted correctly.

Reply With Quote
Reply

Viewing: SEO Chat ForumsOtherHTML Coding > Same image - Browser resizing


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump



 Free IT White Papers!
 
How to Present Effectively Online
This white paper offers practical and actionable advice on the key steps that any presenter should consider as they plan and execute a Webinar or online meeting.

Request Your Free Technology Downloads!
 
Open Source Security Myths
Open Source Software (OSS) is computer software whose source code is available to the general public with relaxed or non-existent intellectual property restrictions (or arrangement such as the public domain), and is usually developed with the input of many contributors.

Request Your Free Technology Downloads!
 
Power and Cooling Capacity Management for Data Centers
This paper describes the principles for achieving power and cooling capacity management.

Request Your Free Technology Downloads!
 
Scalable, Fault-Tolerant NAS for Oracle - The Next Generation
For several years NAS has been evolving as a storage alternative for Oracle databases, and for good reason: NAS is quite often the simplest, most cost-effective storage approach for Oracle. Learn about the benefits that HP's approach to scalable NAS brings to Oracle environments in this comprehensive white paper.

Request Your Free Technology Downloads!
 
Understanding Web Application Security Challenges
This white paper discusses many common threats and preventive measures for Web application security, and explains what you can do to help protect your organization.

Request Your Free Technology Downloads!
 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 





© 2003-2009 by Developer Shed. All rights reserved. DS Cluster 5 hosted by Hostway
Stay green...Green IT