Solved

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

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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Today I had a very interesting conundrum that had to get solved quickly. Needless to say, it wasn't resolved quickly because when we needed it we were very rushed, but as soon as the conference call was over and I took a step back I saw the correct …
This article shows how to deploy dynamic backgrounds to computers depending on the aspect ratio of display
You have products, that come in variants and want to set different prices for them? Watch this micro tutorial that describes how to configure prices for Magento super attributes. Assigning simple products to configurable: We assigned simple products…
This is a video that shows how the OnPage alerts system integrates into ConnectWise, how a trigger is set, how a page is sent via the trigger, and how the SENT, DELIVERED, READ & REPLIED receipts get entered into the internal tab of the ConnectWise …

929 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

8 Experts available now in Live!

Get 1:1 Help Now