Home/ Questions/How to make an image not blurry when stretched css?
In Process
Ambrose Murphy
  • 18
Asked: 2022-05-21T18:41:52+00:00 In:

How to make an image not blurry when stretched css?

  • 18

. Advertisement .

..3..

. Advertisement .

..4..

I want to make an image not blurry when stretched css? Can you give me some examples?

♦ Suggestions of ITtutoria Team
To make an image not blurry when stretched, try adding a little padding. This will add some space around the image so that it isn’t stretched out by default. Just use a unitless value in your css like 2px to make it look correct at any size.

Here is our case study:

img {
 image-rendering: auto;
 image-rendering: crisp-edges;
 image-rendering: pixelated;
}
Share

1 Answer

  1. I’m guessing that this will work.

    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAACdJREFUCB1j9Pf3/88ABMmMjCCKgQlMIhGMu3btAquY9mMDWBhDBQAutwfDrUlKzQAAAABJRU5ErkJggg==" />
    • 5

Leave an answer

You must login to add an answer.

Need An Account,