css image sharpen

1img {
2  image-rendering: auto;
3  image-rendering: crisp-edges;
4  image-rendering: pixelated;
5}

1 filter: none; 
2-webkit-filter: blur(0px); 
3-moz-filter: blur(0px); 
4-ms-filter: blur(0px);
5filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
6

1img {
2  image-rendering: pixelated;
3}

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