none
Images RRS feed

  • Question

  • Simple question: How does one change the size of an image proportionately through Microsoft Expression Web?
    Thursday, November 16, 2017 12:23 AM

Answers

  • What do you mean?  You mean make the image shrink as the viewing window is made smaller?

    If so, you are talking about what is called Responsive Web Design.  Here are tutorials:

    https://www.w3schools.com/css/css_rwd_intro.asp


    ClarkNK AKA HomePage Doctor
    Database Tutorials Using ASP.NET Controls
    My recommended web hosting company: RDOServers


    • Edited by ClarkNK Thursday, November 16, 2017 12:50 AM
    • Marked as answer by ProminentPacman Thursday, November 16, 2017 10:27 PM
    Thursday, November 16, 2017 12:36 AM
  • Actually, it's quite simple—although it is the browser, not EW, that does the job—just specify either width or height, but not both. The browser will automatically set the other dimension to a proportional value for display.

    Note, however, that this is NOT the best way to do this, not if you care about the quality of the displayed image. Neither EW nor any browser is a graphics editor, and their resizing algorithms are nowhere near as accurate as a true dedicated editor—Photoshop, Affinity, Xara, Irfanview, etc.—which may apply bicubic, bilinear, bicubic sharper, bicubic smoother, or another more sophisticated algorithm than that present in a browser.

    Therefore, your best approach to this is to first edit the image in a dedicated graphics editor to the exact size you wish to display the image, then bring it into your Web. You will have the best image quality in this way, and will not have to be concerned about whether EW, or the browser, can adequately size your image for display.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.

    • Marked as answer by ProminentPacman Thursday, November 16, 2017 10:27 PM
    • Edited by paladyn Thursday, November 16, 2017 11:00 PM
    Thursday, November 16, 2017 1:55 AM

All replies

  • What do you mean?  You mean make the image shrink as the viewing window is made smaller?

    If so, you are talking about what is called Responsive Web Design.  Here are tutorials:

    https://www.w3schools.com/css/css_rwd_intro.asp


    ClarkNK AKA HomePage Doctor
    Database Tutorials Using ASP.NET Controls
    My recommended web hosting company: RDOServers


    • Edited by ClarkNK Thursday, November 16, 2017 12:50 AM
    • Marked as answer by ProminentPacman Thursday, November 16, 2017 10:27 PM
    Thursday, November 16, 2017 12:36 AM
  • Actually, it's quite simple—although it is the browser, not EW, that does the job—just specify either width or height, but not both. The browser will automatically set the other dimension to a proportional value for display.

    Note, however, that this is NOT the best way to do this, not if you care about the quality of the displayed image. Neither EW nor any browser is a graphics editor, and their resizing algorithms are nowhere near as accurate as a true dedicated editor—Photoshop, Affinity, Xara, Irfanview, etc.—which may apply bicubic, bilinear, bicubic sharper, bicubic smoother, or another more sophisticated algorithm than that present in a browser.

    Therefore, your best approach to this is to first edit the image in a dedicated graphics editor to the exact size you wish to display the image, then bring it into your Web. You will have the best image quality in this way, and will not have to be concerned about whether EW, or the browser, can adequately size your image for display.

    cheers,
    scott


    Please remember to "Mark as Answer" the responses that resolved your issue. It is common courtesy to recognize those who have helped you, and it also makes it easier for visitors to find the resolution later.

    • Marked as answer by ProminentPacman Thursday, November 16, 2017 10:27 PM
    • Edited by paladyn Thursday, November 16, 2017 11:00 PM
    Thursday, November 16, 2017 1:55 AM