Как предотвратить пикселизацию нечеткого изображения?

Я показываю 10x10px изображение, измененное размером до 250x250px. Я желаю пикселизации в этом случае, но, похоже, происходит то, что пикселизация становится размытой браузером в попытке улучшить визуальное качество пикселированного изображения. Есть ли способ отключить это от определенных изображений?Как предотвратить пикселизацию нечеткого изображения?

Expected vs. Actual Pixelation Results

Это, как представляется, «особенность» браузер, как различные приложения, как просмотр (Mac) будет отображать четкую пикселизацию, и Finder (Mac) будет отображать нечеткие пикселизации.

Я хотел бы найти способ в PHP или HTML5 для принудительной пикселизации.

Спасибо за помощь! :)

источник

2014-10-21 mike.bronner

Когда вы хотите изменить размер своего img, вы должны искать «bicubic» и использовать css.

<html> 
    <head></head> 
    <body> 
     <img src="Untitled.bmp" style="width:500px; height:500px; 
             image-rendering: -moz-crisp-edges; 
             -ms-interpolation-mode: bicubic;"></img> 
    </body> 
</html>

мая этого ссылка поможет вам понять различные методы: Image Interpolation

Я надеюсь, что поможет вам.

источник

2014-10-21 14:12:01

Благодарим за обращение в нужное русло! В итоге для меня лучше всего работали: рендеринг изображений: оптимизация-контраст; –

Как предотвратить пикселизацию нечеткого изображения?

ответ

Смежные вопросы