Solved

Explicitly Size Images in a asp:Image without css/styles

Posted on 2013-05-16
9
370 Views
Last Modified: 2013-07-05
As google is so into speed I want to Explicitly set the Size of Images without css.
If i use a html image can do this but would like to do it with an asp:image.

Does anyone know how to do this, after runing a test I am loosing 0.3 of a percent so must me important.
0
Comment
Question by:taz8020
  • 4
  • 3
  • 2
9 Comments
 
LVL 83

Expert Comment

by:CodeCruiser
ID: 39174384
If the purpose is to improve performance, you want to resize image files on the server not the client controls. If the file to be download is still the same size, only shown smaller, then what's the benefit?
0
 
LVL 3

Author Comment

by:taz8020
ID: 39174564
yes but how to you state the size of an image in an asp image? if you set the hieght and width it always gets rendered as a style not image width etc
0
 
LVL 33

Expert Comment

by:paulmacd
ID: 39174632
All ASP controls end up rendered as HTML/Javascript in the browser.  The image control is no different.  

[CodeCruiser]'s point is perfectly valid.  Whatever size the browser renders the image, what matters for speed is the actual number of bytes being sent across the wire.  Resize the image itself, if you're really worried about speed.  Otherwise an ASP control is as good as an HTML control.
0
 
LVL 3

Author Comment

by:taz8020
ID: 39174764
the images are the correct size but there are a few articles on lone saying about google is now looking for you to state the size of the image on the image. this way the page knows the size of each image before it loads. They say you can set them in css if you want but if so do both.

After some testing it does give a visual load time benifit, and if it gives a 0.3% chance of being higher ranked, i need to do it.

every time is use the asp image it renders is with
<img id="MainContent_Image" src="image.png" alt="imagename" style="height:200px;width:50px;" />

but need it more like:
<img src="image.png" alt="imagename" width="200" height="50" />
0
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 83

Expert Comment

by:CodeCruiser
ID: 39174784
You may have to use img tags directly then.
0
 
LVL 33

Accepted Solution

by:
paulmacd earned 500 total points
ID: 39174787
Hmm.  The two syntaxes are functionally identical.  I would expect Google to accept either one.  Does Google explicitly state they prefer one over the other?
0
 
LVL 3

Author Comment

by:taz8020
ID: 39174804
Cannot see it on google, but they never say what they are looking for.
Time wise it is no different, but in a visual way it looks like its faster as the page does not go blank for as long. Just want to try it.
0
 
LVL 33

Expert Comment

by:paulmacd
ID: 39175025
Can you make two versions of a page (or two separate pages) - one with ASP controls and one with HTML controls, but otherwise identical (or functionally identical).  That might tell you what you need to know.
0
 
LVL 3

Author Comment

by:taz8020
ID: 39175036
yes but have so many asp:image controls, is there a way to set the size on render? eg get the image size then set its size as it renders
0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

It was really hard time for me to get the understanding of Delegates in C#. I went through many websites and articles but I found them very clumsy. After going through those sites, I noted down the points in a easy way so here I am sharing that unde…
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
Sending a Secure fax is easy with eFax Corporate (http://www.enterprise.efax.com). First, Just open a new email message.  In the To field, type your recipient's fax number @efaxsend.com. You can even send a secure international fax — just include t…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

16 Experts available now in Live!

Get 1:1 Help Now