Высококлассный iPhone сфотографировали - Фотопедия
6 голосов
/ 02 февраля 2011

Я сделал фотографию на своем iPhone, и я хотел бы использовать фон моего сайта, используя jQuery для его динамического растяжения. Однако его разрешение довольно низкое. Есть ли что-нибудь , что я могу сделать в Photoshop или что-то еще, чтобы повысить разрешение вообще?

Ответы [ 4 ]

7 голосов
/ 02 февраля 2011

Существует несколько плагинов для изменения размера для Photoshop, которые гораздо лучше угадывают недостающие детали, чем Photoshop ( OnOne Perfect Resize и Alien Skin Blowup - два примера) , но хотя они могут дать вам немного более плавное изображение, они не могут компенсировать данные, которых там нет. Удивительно, но они лучше всего подходят для действительно хороших изображений, которые нужно печатать очень широко, но которые будут просматриваться на расстоянии - они просто делают изображение немного более плавным при заданном размере.

3 голосов
/ 02 февраля 2011

Я как бы оспариваю все ответы и комментарии по этой теме, не только здесь, но и на большинстве обсуждений на форуме, которые охватывают эту тему. В последнее время я проделал довольно обширную работу по цифровому апскейлингу, и при правильном подходе вы можете добиться значительного апскейлинга без слишком большого размытия, иногда в 20 раз и более. В своей работе «Итеративное бикубическое масштабирование» я смог взять 12-мегапиксельные изображения с моего Canon Rebel XSi (450D) до 200 мегапикселей или более, с размерами печати 55x44 при 300PPI или более. В более экстремальных экспериментах я масштабировал и изобразил до 96x72 "при 600PPI, безбожных 2,4 гигапикселя (не рекомендуется для домашнего использования.) Теперь, очевидно, чем больше информации вы начинаете, тем дальше вы можете увеличить масштаб, так что если вы только начинаете с 3-мегапиксельной информации об изображении, вы, вероятно, не сможете получить красиво детализированный 55-дюймовый отпечаток. Тем не менее, вы должны иметь возможность масштабировать на значительную сумму, используя итеративную бикубическую технику.

Ключевым фактором при масштабировании является качество масштабируемой информации и объем, на который она масштабируется. Очевидно, что вы можете взять одно 3-мегапиксельное изображение и масштабировать его прямо до 100-мегапиксельного изображения, однако, независимо от используемого вами алгоритма, вы получите довольно размытый результат. Это связано с тем, что вы изготавливаете около 90% итогового содержимого изображения и размываете исходное содержимое по мере его включения в конечное изображение. Вместо того, чтобы увеличивать масштаб за один шаг, делайте это за много, намного меньших шагов. Увеличивайте с помощью бикубического фильтра на 3-5% за раз, пока не достигнете или, скорее всего, не превысите свой целевой размер. Если вы передаете свой целевой размер, уменьшите масштаб один раз. На каждой итерации вы будете изготавливать менее 20% окончательных данных изображения, сохраняя на каждом шаге более точную информацию об изображении, что в конечном итоге приведет к получению более точного конечного изображения. У меня есть подробное описание с визуальными примерами здесь:

Я считаю, что камера на iPhone составляет около 3 мегапикселей, возможно, 5 мегапикселей. Вероятно, вы не сможете масштабировать до 55 "формата печати, однако вы сможете масштабировать до 8x10, 11x14 или 13x19 без слишком большого ухудшения детализации. Если окончательное масштабированное изображение не содержит достаточно деталей Для ясности, вы всегда можете применить легкую нерезкую маску для улучшения этих мелких деталей.

Ниже приведен пример, демонстрирующий детализацию, сохраненную с помощью итеративного бикубического масштабирования по сравнению с прямым бикубическим масштабированием при увеличении исходного изображения размером 12,2 мегапикселя (собственный размер печати 14x9 "при 300 пикселей на дюйм) до 77,7-мегапиксельного изображения (размер печати 36x24" при 300ppi) ):

Direct vs. Bicubic Upscaling

Подождите две секунды, чтобы приведенный выше анимированный GIF переключился с прямого бикубического на итеративное бикубическое для сравнения. Улучшенная детализация и четкость с итеративным подходом должны быть ясны как день. Следует отметить, что ни в одной из версий не было использовано никакого повышения резкости.

2 голосов
/ 02 февраля 2011

Фоновое изображение на сайте не обязательно должно быть больше 1024 x 768. Вы разрабатываете для наименьшего общего знаменателя.

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

Для справки я искал "размер экрана рекомендаций веб-дизайна" (без двойных кавычек).

Итак ... если изображение, которое вы взяли, уже имеет размер 1024 x 768, вам, вероятно, не нужно его трогать ...

0 голосов
/ 03 февраля 2011

Как вы упомянули в комментарии к Майку , вы смотрите на масштабирование в браузере.

Плагин Jquery Backstretch предназначен для выполнения именно того, что вы ищете.

Со страницы Backstretch:

Backstretch - простой плагин jQuery что позволяет добавить динамически изменяемое фоновое изображение на любую страницу. Изображение растянется до соответствовать странице, и будет автоматически изменить размер при изменении размера окна.

...