?
Solved

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

Posted on 2013-05-16
9
Medium Priority
?
383 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
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 2000 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

Efficient way to get backups off site to Azure

This user guide provides instructions on how to deploy and configure both a StoneFly Scale Out NAS Enterprise Cloud Drive virtual machine and Veeam Cloud Connect in the Microsoft Azure Cloud.

Question has a verified solution.

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

Problem Hi all,    While many today have fast Internet connection, there are many still who do not, or are connecting through devices with a slower connect, so light web pages and fast load times are still popular.    If your ASP.NET page …
Wouldn’t it be nice if you could test whether an element is contained in an array by using a Contains method just like the one available on List objects? Wouldn’t it be good if you could write code like this? (CODE) In .NET 3.5, this is possible…
If you’ve ever visited a web page and noticed a cool font that you really liked the look of, but couldn’t figure out which font it was so that you could use it for your own work, then this video is for you! In this Micro Tutorial, you'll learn yo…
Do you want to know how to make a graph with Microsoft Access? First, create a query with the data for the chart. Then make a blank form and add a chart control. This video also shows how to change what data is displayed on the graph as well as form…
Suggested Courses

762 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