How to fix image in all resolution ?

Question

0.00/5 (No votes)

See more:

Hai,
How to create web page support in all browser and resolution ?,i have image in pixel 230px,and in design i give 18% width for that image,if i run(1440X900) it correctly fix,but if run in higher resolution(1600X900) the width is 18% but that image 230px is not fix on that width .

pls reply me how stretch that image within that width,if i use repeat the image is repeat from first,image is used in background of table

.

Thanx
Aravind

Posted 28-May-13 18:57pm

Aravindba

Add a Solution

Comments

Sergey Alexandrovich Kryukov 29-May-13 2:26am

By the way, this is not called "resolution". Resolution is not really applied to bitmap, even if it is specified in the metadata. This is rather the lines per inch.
—SA

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Aarti Meswania · Answer 1 · 2013-05-28T19:06:00

visit links...
http://stackoverflow.com/questions/1733006/css-force-image-width-and-height-without-stretching[^]
http://stackoverflow.com/questions/1891857/how-do-you-stretch-an-image-to-fill-a-div-while-keeping-the-images-aspect-rat[^]
http://stackoverflow.com/questions/643500/html-ie-stretch-image-to-fit-preserve-aspect-ratio[^]
Happy Coding!
:)

Sergey Alexandrovich Kryukov · Answer 2 · 2013-05-28T19:06:00

Please, never stretch images and don't even down-size them too much. Quick re-sampling quality is satisfactory only if you down-size images or scale it up, but just a tiny bit up.

Now, you can choose some different approaches: you can have and store few copies of the same images pre-scaled to different sizes (start with the biggest image!), or you can have just one biggest image on server size and scale it down dynamically on the service side, but it depends on what do you have for server-side technology, so I won't give you any further detail on server-side programming of graphics. Usually, this is quite simple thing.

Finally, you can consider having only one size. You file could be of the biggest size. Why is this possible? Because modern browsers all have embedded zoom capability, so you can rely on it. This feature does not give you the best quality in the worlds, but it can be good enough for your purpose.

—SA

How to fix image in all resolution ?

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0