Как увеличить порог FPS и адаптивного разрешения в Apex Legends
В этом руководстве мы расскажем как поставить адаптивное разрешение в 144 FPS и выше в Apex Legends. Адаптивное разрешение меняет качество изображения во время игры для поддержания FPS, порог которого вы установили заранее. Например, если вы установите порог в 60 FPS, то во время большой нагрузки на компьютер, игра автоматически уменьшит качество картинки, что сделает ее менее четкой, но не позволит FPS упасть ниже 60. В настройках игры максимальное доступное значение — 100 FPS. Чтобы увеличить порог, зайдите папку, которая находится в «C:\Users\Ваше имя пользователя\Saved Games\Respawn\Apex\local» и откройте файл «videoconfig.cfg» через блокнот. Если вы хотите, чтобы ваша система выдавала минимум 144 FPS, найдите следующие строки и измените значения справа от них:
- «setting.dvs_gpuframetime_min» на «6600«
- «setting.dvs_gpuframetime_max» на «6800«
Если вы хотите, чтобы ваша система выдавала минимум 240 FPS:
- «setting.dvs_gpuframetime_min» на «3800«
- «setting.dvs_gpuframetime_max» на «3950«
Если вы хотите, чтобы ваша система выдавала максимум FPS:
- «setting.dvs_gpuframetime_min» на «1«
- «setting.dvs_gpuframetime_max» на «1«
Не стоит ставить завышенное значение на слабых компьютерах. Если вы выставите слишком высокий порог FPS, игра будет выдавать размытое изображение, пытаясь поддержать установленную частоту кадров.
Apex Legends как убрать мыльную картинку
Очевидно, что у многих людей возникают проблемы с размытостью графики, и я уверен, что большинство из вас уже знают, что сделает вашу игру супер четкой а геймплей комфортным.
Настройка Адаптивного разрешения
В настройках графики есть пункт «Адаптивное разрешение».
Вот что оно делает: Cнижает качество картинки, чтобы высвободить немного ресурсов ПК и достичь установленного FPS.
Другими словами, игра сама подстраивает разрешение, чтобы фпс был нормальным. А настройка дает возможность указать — на какой фпс надо ориентироваться.
Соответственно — если вы ставите ползунок в плюс-минус свой фпс, а картинка все еще мыльная, это значит что ваш компьютер не вывозит игру и пытается выиграть себе ресурсов за счет понижения разрешения. Игра будет сбрасывать разрешение, чтобы фпс поднялся до значения установленного в этой настройке.
Как убрать мыло
Заходим в Настройки > Видео > Дополнительно, и убираем ползунок Адаптивное разрешение на 0.
Настройка работает только со сглаживанием TSAA.
На английском выглядит так — Adaptive Resolution FPS Target:
Если играете на русском — Адаптивное разрешение
Теперь у вас картинка должна быть кристально чистой ))
Но будьте осторожны, отключение этой настройки может снизить частоту фреймрейта. Также эффективность этой настройки зависит от выставленных настроек графики по другим пунктам.
Использование адаптивных изображений в веб‑разработке
Изображения на сайтах могут адаптироваться как под разрешение экрана устройства для корректного отображения на мобильных устройствах, так и под экраны с высоким DPI (например, под Retina‑дисплеи) для более детализированного отображения.
Есть несколько вариантов реализации адаптивных изображений, отличаются они по сложности реализации, кроссбраузерностью и по создаваемой нагрузке на интернет‑соединение. Рассмотрим самые распространённые.
Самый простой способ реализации адаптивных изображений
В самом простом случае для реализации адаптивности изображений достаточно использовать изображения, которые либо такого же размера, как и максимальный размер области, которую они будут занимать, если нам адаптация под Retina‑дисплеи не нужна; либо в два‑три раза больше этой области, если нужна адаптация под экраны с высоким DPI.
Сами изображения в этом случае пропорционально масштабируются средствами CSS в сторону уменьшения.
Недостаток данного способа — это высокий объём трафика, необходимый для загрузки страницы с большим количеством полноцветных изображений, изображения же с небольшим количеством цветов обычно достаточно компактны даже в высоком разрешении.
Реализация адаптивных изображений с JS‑обработкой на фронтенде
При помощи JS мы можем узнать размер области просмотра и DPI устройства, а уже исходя из этого запросить с сервера изображения, которые соответствуют данным параметрам. Таким образом, устройства с небольшими экранами и/или со стандартным DPI не будут получать избыточно большие фотографии: так и трафик экономится, и сайт загружается быстрее.
Реализовывается метод обычно при помощи события JavaScript, которое при инициируется при загрузке страницы и которое «подставляет» в src‑аттрибут изображений ссылку, полученную из исходной ссылки (обычно хранимой в data‑атрибуте тега img) путем добавления в параметры для загрузки нужных данных об экране.
Этот способ несколько увеличивает объём хранимых версий фотографий, сложнее в реализации (как бекенда, так и фронтенда), а также требует обязательного наличия JS на стороне клиента.
Также в некоторых случаях кроме разрешения экрана стоит учитывать еще и скорость подключения к сети интернет (например, не стоит передавать изображения в высоком разрешении на iPhone с Retina‑дисплеем, если этот смартфон использует edge для соединения с интернетом).
Реализация адаптивных изображений с обработкой на бэкенде
При первом запросе клиента можно «запомнить» параметры его экрана и при генерации страниц сразу подставлять «правильные» ссылки на изображения. Для инициализации тут тоже часто требуется JS, хотя для определения устройства можно использовать и заголовки запроса (сведения о User Agent часто позволяют идентифицировать устройство). Реализация, построенная на заголовках запросов, уже совсем не зависит от JS и корректно работает в любых браузерах, хотя в настройке она несколько сложнее.
Современный и наиболее правильный способ работы с адаптивными изображениями
Описанные выше способы применялись (и до сих пор применяются) во многом из‑за того, что нормальной поддерживаемой альтернативы браузеры не предоставляли. Теперь всё стало значительно лучше. В HTML5 у изображений появились аттрибуты srcset и sizes, позволяющие задавать несколько ссылок на изображения, а также появился тег picture, который дал еще больше возможностей.
Это не работает в Internet Explorer 11 и в более ранних его версиях, но во всех современных браузерах поддержка уже есть, поэтому данный способ в современной разработке является предпочтительным.
Статья опубликована в 2019 году
Тематические статьи
Адаптивный и отзывчивый дизайн
Для обеспечения хорошего отображения сайтов на мобильных устройствах (планшетах и смартфонах) обычно создаётся отзывчивый или адаптивный дизайн.
Суть подхода заключается в изменении размера и расположения блоков, коррекции размера шрифтов, а также в отключении не самых важных блоков в случае, если пользователь заходит на сайт с устройства с небольшим экраном.
веб-разработка
мобильные устройства
адаптивный веб-дизайн
Статья опубликована в 2019 году
Язык разметки HTML, таблицы стилей CSS и язык программирования JavaScript
Графические интерфейсы современных сайтов и веб‑приложений разрабатываются с использованием всего трёх языков — HTML, CSS, JavaScript.
Содержание каждой страницы сайта определяется HTML‑разметкой, внешний вид — содержанием таблицы стилей CSS, а интерактивность интерфейса — скриптами JavaScript. Кроме HTML, CSS и JS в современной фронтэнд‑разработке никаких других языков не используется.
Адаптивный дизайн, респонсив и мобильная версия: зачем это нужно и в чём различия
В телефоне современного человека умещаются банк, супермаркет, почта и библиотека. Всё это — благодаря адаптивному дизайну.
Иллюстрация: Анастасия Телесницкая для Skillbox Media
Дарья Тамилина
Пишет о дизайне в Skillbox Media, а в перерывах и сама орудует графическим планшетом. Влюблена в советские шрифты, японскую рекламу и русский язык.
Что такое адаптивный дизайн?
Это способ корректно отображать интерфейс сайта на любых устройствах. Дизайнер отрисовывает отдельные макеты веб-страниц для смартфонов, планшетов и компьютеров. Разработчик при вёрстке задаёт для каждого макета соответствующие размеры и разрешение экрана. Когда пользователь заходит на сайт, система распознаёт тип его устройства и показывает подходящий вид интерфейса.
Значит, в адаптивном дизайне каждую страницу отрисовывают трижды: для ПК, смартфона и планшета?
Нет, не обязательно. Ведь, например, размеры экранов старых и новых смартфонов различаются. У планшетов вертикальная и горизонтальная ориентация, а у экранов Apple разрешение больше, чем у других. Если нужно безупречное воспроизведение какого-нибудь сложного интерфейса на всех устройствах, макетов может быть гораздо больше трёх. Часто отрисовывают шесть макетов под самые популярные форматы.
Если веб-страницы простые, дизайнер может сделать всего два макета — с горизонтальной и вертикальной ориентацией. Но разработчик потом всё равно будет их незначительно менять под все необходимые размеры.
Чем различается дизайн сайта для разных экранов?
На маленьких экранах многие элементы уменьшают. Но если бы весь десктопный сайт на смартфоне просто уменьшился, вряд ли пользователь смог бы что-то разглядеть. Поэтому размер элементов меняют не прямо пропорционально размеру экранов, а незначительно, чтобы было удобно читать и смотреть. А чтобы всё уместить, изменяют расположение блоков.
На экране ПК пользователь, не перелистывая, видит много информации: заголовки, тексты, картинки, иконки, кнопки. На смартфоне видно меньше элементов — всё рассчитано на скроллинг.
Блоки чаще всего располагают вертикально один за другим. Менее значимые элементы скрывают, например, в контекстное меню — чтобы не загромождать пространство.
Можно пример адаптивного дизайна?
Пожалуйста, вот сайт сети аптек:
А функциональность адаптивных сайтов различается на разных устройствах?
Обычно все версии идентичны. Люди привыкли делать со смартфонов всё то же самое, что и с компьютера: от покупок в интернет-магазинах до рабочей коммуникации. С какого бы устройства человек ни зашёл на сайт, он не должен быть ограничен.
Но это идеальный расклад. В действительности иногда функциональность для смартфонов урезают. Скажем, расширенный поиск со множеством параметров трудно сделать удобным на маленьком экране.
Логично! А все сайты адаптируют для разных девайсов или некоторые заточены подо что-то одно?
В большинстве случаев отображение на разных экранах — это мастхэв для современного сайта. Но бывают исключения. Например, иногда сайт нужен только для пользователей смартфонов. На некоторые лендинги пользователи попадают, сканируя QR-коды с упаковок или вывесок — сделать это с ПК нельзя, и адаптировать сайт для компьютера нет смысла.
Для отдельных компаний, наоборот, пользователи ПК могут быть в приоритете, и сайт сделают только в десктопной версии. Но таких сейчас всё меньше — мобильный трафик в среднем уже превышает десктопный. Более того, поисковики учитывают этот фактор в ранжировании — преимущество отдают сайтам, которые удобно просматривать со смартфонов.
Значит, все современные сайты используют адаптивный дизайн?
Почти. Адаптивный дизайн — самый распространённый способ «подогнать» интерфейс под разные экраны. Но не единственный. Ещё есть респонсивный дизайн и мобильные версии сайтов.
Хм, ладно, пойдём по порядку. Что ещё за респонсивный дизайн?
Это способ корректно отображать интерфейс, при котором сайт сам подстраивается под любой размер и разрешение экрана. Для этого используют программный модуль: он растягивает или сжимает один и тот же макет.
Должно быть, это удобнее, чем рисовать несколько макетов?
Да, эта технология проще и дешевле. Но есть и минусы.
Такие сайты больше весят и дольше загружаются. В случае с адаптивным дизайном загрузить надо один оптимизированный макет, и это происходит быстро. Если у сайта респонсивный дизайн, то макет с максимальным размером и разрешением загружается и сжимается — на это нужно больше времени.
А ещё респонсивный дизайн подходит не для всех сайтов. Если вёрстка сложная, страницы не будут красиво сжиматься автоматически.
Как выглядят респонсивные сайты?
Вот, например. С ПК видно по три изображения по горизонтали, а меню наверху развёрнуто. В телефоне меню скрыто, и мы видим одну картинку на всю ширину экрана:
Понятно. А что такое мобильные версии сайтов?
Мобильной версией называют отдельный мобильный сайт со своим адресом. Это ещё одна альтернатива адаптивному дизайну. Дизайн и функциональность мобильных версий могут кардинально отличаться от дизайна и функциональности десктопного сайта. А ещё пользователь может сам выбирать, в какую версию зайти: при желании можно открыть мобильный сайт с ПК или десктопный — со смартфона. Известный пример — мобильная версия «ВКонтакте» с отдельным адресом m.vk.com.
Мобильные версии часто используют?
Нет, довольно редко. Они дороги в разработке — это полноценный второй сайт. Кроме того, наличие отдельного адреса — иногда минус, пользователь может запутаться.
Выходит, адаптивный дизайн оптимален по соотношению цены и возможностей?
Это зависит от нужд конкретной компании, но большинство используют его. Он дороже респонсивного, но дешевле мобильной версии. Для любых нестандартных дизайн-решений можно настроить правильное отображение, а страницы у пользователя быстро грузятся.
Кто создаёт адаптивные сайты?
Чтобы сделать красивые и функциональные веб-страницы для разных экранов, нужны навыки дизайна и программирования. Сначала надо отрисовать внешний вид макетов, а потом воплотить задумки в коде. Адаптивные сайты может создавать команда узкопрофильных специалистов или один разработчик со знаниями в дизайне.
Больше интересного про дизайн — в нашем телеграм-канале. Подписывайтесь!
Читайте также:
- Что такое интерфейс
- 8 базовых навыков дизайнера
- Логические ошибки в интерфейсах