2016-03-27 3 views
0

Я - дизайнер визуальных/пользовательских интерфейсов, работающий над проектом/продуктом, который был разработан другим дизайнером. Этот дизайнер предоставил разработчику интерфейсов хорошие значки PNG хорошего качества, но когда внешний разработчик устанавливает масштаб изображений на 0,7, они выглядят размытыми.PNG-изображения выглядят размытыми при масштабировании

Я заметил, что, если мы устанавливаем масштабировать изображение на 0,5, они не выглядят размытыми на всех:

0,7: [1]: http://i.stack.imgur.com/jQNYG.png

0,5: [2]: http://i.stack.imgur.com/hBShu.png

Кто-нибудь знает, почему это происходит?

Я лично всегда работаю с 0,5 шкалами, потому что меня учили так. Есть ли для этого логическая причина?

Извините, если ответ очевиден. Мне это очень интересно. Заранее спасибо.

+1

Какую программу вы используете, чтобы их масштабировать? –

+0

@MarkSetchell Интерфейсный модуль расширяет их с помощью HTML/CSS. Я получил несколько ответов на этот вопрос (см. Их ниже), и они были очень полезны. –

+0

Хороший вопрос, но я не думаю, что это правильный сайт для него. Я предлагаю, чтобы этот вопрос был перенесен на http://computergraphics.stackexchange.com – Evorlor

ответ

0

Я думаю, что это связано с интерполяцией, когда вы изменяете размер изображения, нет никакого способа узнать, что должно находиться между двумя пикселями, которые по существу сливаются. То, что пытается сделать компьютер, - это угадать, как должен выглядеть новый пиксель, глядя на пиксель вокруг него и комбинируя значения.

Так, например, на изображении выше будет идти то, что находится между белым и оранжевым? менее яркий оранжевый. OK позволяет сделать объединенный пиксель похожим на это. Когда вы доберетесь до угла, может быть больше оранжевого цвета, чтобы новый пиксель выглядел более оранжевым, вы поняли суть.

Теперь, когда вы масштабируетесь на 0,5, компьютер смотрит на пиксели и объединяет все пиксели вместе с постоянной скоростью. Я имею в виду, что если вы посмотрите на изображение и попытаетесь разделить его пополам, вы всегда будете объединять 4 пикселя вместе, но если вы масштабируете на 0,7, вы объедините нерегулярное количество пикселей, что приведет к разным концентрациям пикселей при масштабировании изображения что приводит к размытому изображению.

Если вы не понимаете, это я понимаю, я вроде пошел по касательной .... если вам нужно больше уточняющий комментарий сильфона :)

1

Это потому что, когда вы уменьшаете вдвое размер изображения (в обоих измерениях), вы эффективно объединяете ровно 4 пикселя в один. Однако, когда вы делаете небольшое отключение (например, 0,7), у вас есть одна и часть пикселя, идущих в один пиксель (в каждом измерении). Это означает, что данные с одного пикселя используются не более чем на 4 пикселя, что приводит к размытому эффекту.

Извините, для примера мне будет сложно, но я надеюсь, что вы получите концепцию.

+1

FYI, у вас есть ошибка грамматики: «у вас есть 1 один» – spottedmahn

+1

Привет, но не стесняйтесь редактировать его в следующий раз –

+0

Я пробовал, шесть char change minimum :( – spottedmahn

1

То, что происходит в значительной степени зависит от программного обеспечения, которое вы используете для сжатия изображения. Существует значительная разница между уменьшением на 0,5 и 0,7.

Если вы уменьшаетесь на 0,5, вы объединяете 4 пикселя в один.

Если вы сокращаетесь на 0,7, вы делаете дробную выборку. 10 пикселей в каждом направлении уменьшаются до 7. В 0,5 выборках вы читаете два пикселя в поперечнике, читаете два пикселя вниз.

В 0.7 выборке вы читаете 1.42857142857143 пикселя в каждом направлении. Для этого вам нужно весить значения пикселей. Это создаст размытость рисунка.

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