Solved

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

Posted on 2013-05-16
9
380 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 34

Expert Comment

by:Paul MacDonald
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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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
 
LVL 83

Expert Comment

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

Accepted Solution

by:
Paul MacDonald 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 34

Expert Comment

by:Paul MacDonald
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

Webinar: Aligning, Automating, Winning

Join Dan Russo, Senior Manager of Operations Intelligence, for an in-depth discussion on how Dealertrack, leading provider of integrated digital solutions for the automotive industry, transformed their DevOps processes to increase collaboration and move with greater velocity.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
I've attached the XLSM Excel spreadsheet I used in the video and also text files containing the macros used below. https://filedb.experts-exchange.com/incoming/2017/03_w12/1151775/Permutations.txt https://filedb.experts-exchange.com/incoming/201…

685 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