Home/ Questions/Q 1006359
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T08:26:52+00:00

I am trying to switch between different resolutions (original-standard-high) of an image using ONLY

  • 0

I am trying to switch between different resolutions (original-standard-high) of an image using ONLY one image. Is this possible using any way?
Here is an example of what I want, but it is using three image with three different resolutions, I want to use only one image. http://www.biomedcentral.com/1741-7007/8/59

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />

<title>resize image </title>
<style> 
.high{width:500px; image-resolution:300dpi; } 
</style>
</head>

<body>
<img   class="high" src="original.jpg" border="0" /><!-- the  orginal image width =100 px-->
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can simply manipulate the display size of the image using the width and height CSS or HTML attributes. This won’t change the actual resolution of the image, it will just display it smaller or larger. This is not usually beneficial since the large image will always be downloaded and possibly waste a lot of bandwidth and slow down the browser (unless you’re certain it will be viewed anyway, then it can be beneficial).

    If you simply don’t want to create a bunch of small and large versions of the same file, look into resizing the images on-the-fly using a server-side language.

    • 0