Содержание
Дисплей
Содержание
Настройки | Настройки сеанса | Полноэкранный режим |
Настройки дисплея позволяют пользователю управлять тем, как устройство, к которому он подключается, отображается на его экране. Настройки по умолчанию можно настроить в Settings > Display . Настройки дисплея также можно изменить в середине сеанса с помощью панели инструментов AnyDesk.
Настройки
В Settings > Display пользователь может установить качество сеанса по умолчанию и режим просмотра при подключении к новому клиенту AnyDesk.
Качество : Выберите между более высоким качеством или лучшим временем реакции.
Визуальные помощники : Эти помощники дают вам лучшую видимость действий.
Режим просмотра : Управляет локальным отображением удаленного изображения. Здесь пользователь может выбрать запуск нового сеанса в полноэкранном режиме по умолчанию и использовать ли прокрутку по краям или полосы прокрутки, когда выбран режим просмотра «Исходный размер».
Аппаратное ускорение : Выберите предпочтительный модуль визуализации (OpenGL/Direct3D/DirectDraw) или отключите ускорение. Вы также можете уменьшить рендеринг до 16 бит.
Обратите внимание, что Direct3D включает эксклюзивный полноэкранный режим, что означает, что если фокус выйдет за пределы AnyDesk, AnyDesk свернется.
Для установки с несколькими мониторами рекомендуется использовать «DirectDraw» или «OpenGL».
Индивидуальные настройки : Сохранение настроек для каждого стола или сброс настроек по умолчанию при каждом подключении.
В начало
Настройки сеанса
Если пользователь желает изменить параметры отображения в середине сеанса, их также можно изменить в середине сеанса с помощью панели инструментов AnyDesk.
Здесь пользователь может:
- Включить полноэкранный режим
- Измените размер удаленного представления в локальном клиенте AnyDesk.
- Оригинал использует исходный размер и разрешение удаленного дисплея.
- Shrink «сжимает» удаленный дисплей до максимального размера, допускаемого соотношением сторон локального окна AnyDesk. Эту функцию следует использовать, если часть удаленного дисплея обрезается в локальном окне AnyDesk.
- Растянуть «растягивает» удаленный дисплей до максимального размера, допускаемого соотношением сторон локального окна AnyDesk. Эту функцию следует использовать, если удаленное представление в локальном AnyDesk слишком маленькое и не заполняет большую часть окна AnyDesk.
- Автоматическая адаптация разрешения удаленного устройства для максимального использования пространства на экране. Это особенно полезно, если локальные и удаленные устройства имеют разные соотношения сторон или размеры.
- Изменить качество звука и видео сеанса
- Включение «Сохранить детали» повышает качество изображения, но может привести к увеличению объема данных и использования ресурсов. Обратите внимание, что для использования этой функции требуется не менее 3 ГБ ОЗУ.
- Если включен параметр «Определять скорость подключения», AnyDesk автоматически выберет наилучшее качество звука и видео на основе предполагаемой скорости сети локальных и удаленных устройств.
- Включение «Показать удаленный курсор» показывает курсор удаленного пользователя. Это особенно полезно, если подключающийся пользователь не имеет прав доступа к клавиатуре и мыши и ему необходимо видеть, какие действия удаленный пользователь выполняет с помощью мыши.
- Если удаленное устройство имеет несколько мониторов, включение параметра «Следовать за удаленным курсором» автоматически переключает представление AnyDesk на правильный монитор, если удаленный пользователь перемещает курсор на другой монитор.
- Если на удаленном устройстве есть несколько мониторов, включение параметра «Следовать за фокусом удаленного окна» автоматически переключает представление AnyDesk на дисплей, на котором расположено окно переднего плана.
- Включение параметра «Показать помощник по перемещению/размеру» показывает более толстую полупрозрачную рамку вокруг перемещаемого или изменяемого окна, чтобы было понятно, размер какого окна в данный момент изменяется или перемещается.
В начало
Полноэкранный режим
AnyDesk для Windows предлагает две формы полноэкранного режима: одну для Direct3D и одну для DirectDraw/OpenGL.
Direct3D
Примечание. Direct3D работает в эксклюзивном полноэкранном режиме. Если требуется установка нескольких мониторов и полноэкранный режим, используйте DirectDraw/OpenGL.
Если Direct3D выбран в Настройки > Дисплей > Аппаратное ускорение , приведенное ниже меню можно увидеть при наведении указателя мыши на верхний средний край локального дисплея.
Используя пронумерованные значки монитора в левой части строки меню, пользователи могут переключаться между удаленными дисплеями.
В середине строки меню пользователь найдет возможность свернуть AnyDesk.
В середине строки меню пользователь найдет возможность выйти из полноэкранного режима.
Щелкнув строку меню слева, пользователь найдет параметры, обычно находящиеся на панели инструментов AnyDesk, такие как настройки действий и разрешений. См. Настройки сеанса.
DirectDraw/OpenGL
Если DirectDraw/OpenGL выбран в Настройки > Дисплей > Аппаратное ускорение , при наведении курсора на верхний средний край локального дисплея можно увидеть показанное ниже меню.
Используя пронумерованные значки монитора в левой части строки меню, пользователи могут переключаться между удаленными дисплеями.
В середине строки меню пользователь найдет возможность выйти из полноэкранного режима.
Щелкнув строку меню слева, пользователь найдет параметры, обычно находящиеся на панели инструментов AnyDesk, такие как настройки действий и разрешений. См. Настройки сеанса.
Вернуться к началу
Полное руководство по изображениям для веб-сайтов [2021]
Получение нужного изображения нужного размера и формата в нужном месте на веб-странице имеет решающее значение для отличного веб-дизайна и надежного конечного пользователя опыт. Мы составили Полное руководство по размеру изображения веб-сайта на основе наиболее часто задаваемых вопросов.
Содержание
- Соотношения и изображения
- Фавиконы, логотипы и изображения шаблонов
- Основные изображения и полноразмерные изображения
- Изображения для сообщений в блогах и страниц контента
- Размер изображения и время загрузки страницы (важно для SEO)
- Типы файлов изображений
- Имена изображений и альтернативные теги
- Размеры видео и GIF
- Встраивание и хостинг видео
- Цветовые профили
- Прочие соображения
Соотношения и изображения
Существуют различные рекомендации относительно того, какие размеры вы должны использовать для изображений веб-сайта, поэтому, прежде чем вы начнете спорить о пикселях, мы должны прийти к соглашению о соотношениях. Определение формы изображения для каждого раздела вашего сайта (какие соотношения должны быть в игре) является важным первым шагом.
Общие соотношения сторон
- Квадрат 1:1 . Квадратные изображения, которые чаще всего имеют размер 1080 x 1080 пикселей, отлично подходят для изображений в тексте, рекламы на боковой панели и Instagram.
- 16:9 Панорамный . Это ваше обычное соотношение изображений Hero для стандартных широкоэкранных размеров. Он часто имеет размер 1920 x 1080 пикселей и используется в презентациях, широкоэкранных телевизорах и ландшафтных изображениях.
- Прямоугольник 3:2 . Часто используется в печати или на телефонах, размер 1080 x 720px.
- 4:3 Прямоугольник. Чуть выше, чем 3:2, прямоугольник 4:3 был наиболее распространенным соотношением размеров экрана до того, как широкоэкранные мониторы стали популярными. Это соотношение обычно используется в изображениях размером 640 x 480 пикселей для небольших экранов или мест размещения, или может быть до 2048 x 1536 пикселей для полноэкранных захватов.
- 1,91:1 Альбомное соотношение сторон. Обычно используемые и поддерживаемые на различных платформах социальных сетей, пропорции ландшафта также популярны для «избранных изображений» для сообщений в блогах и другого контента. Рекомендуемая минимальная ширина 1080 пикселей.
Фавиконы, логотипы и изображения шаблонов
Фавиконы
Фавиконы — это маленькие значки, которые можно найти на вкладке браузера и в закладках. Они не используются во многих местах, но все же важно иметь их на своем сайте.
Файлы Favicon должны иметь формат .ico или .png , соотношение сторон 1:1 (квадратное) и минимальный размер от 16×16 до 32×32 пикселей.
Чтобы преобразовать png в файл ico, вы можете использовать такие инструменты, как favicon. io.
Логотипы на панели навигации
Если вы используете логотип своего сайта на верхней панели навигации, мы рекомендуем размер изображения логотипа:
- Горизонтальные логотипы: соотношение 3:2 или 250 x 100 пикселей
- Квадратные логотипы: соотношение 1:1 или 160 x 160 пикселей
Основные изображения и размеры полноразмерных изображений
Ваше главное изображение, скорее всего, будет иметь соотношение сторон 16:9, если вы собираетесь использовать всю высоту браузера. При таком соотношении ширина вашего изображения, скорее всего, будет варьироваться от 1500 пикселей (абсолютный минимум) до 2560 пикселей (рекомендуемый максимум). Мы рекомендуем использовать ширину 1920 пикселей, так как это самая распространенная ширина браузера в Северной Америке.
Какие разрешения экрана наиболее распространены?
По данным StatCounter, с июня 2020 года по май 2021 года наиболее распространенными разрешениями экрана рабочего стола во всем мире являются:
- 1920 x 1080: 20,99%
- 1366 x 768: 20,23%
- 1536 x 864: 9,72%
- 1440 x 900: 6,23%
- 1280 x 720: 5,45%
- 1600 x 900: 3,47%
Невероятно полезно проверить отчет о разрешении экрана Google Analytics, чтобы узнать, какие размеры экрана наиболее распространены для вашей конкретной аудитории.
Аудитория > Технологии > Браузер и ОС > Разрешение экрана
Размер файла имеет значение
Несмотря на то, что «чем больше, тем лучше», когда речь идет об обеспечении высокого разрешения, чем больше, тем лучше, если учитывать время загрузки страницы во внимание. Поскольку время загрузки страницы является ключевым фактором в алгоритме Google Core Web Vitals, вы должны убедиться, что размер вашего самого большого файла изображения не превышает 20 МБ.
Если вы планируете разместить на веб-странице более одного изображения, размер каждого файла изображения будет добавляться к общему размеру страницы. Большие размеры файлов и несколько файлов будут влиять на производительность сайта и время загрузки страниц.
Размеры основных изображений для мобильных устройств
Большинство адаптивных веб-сайтов изменяют размер ваших основных изображений в соответствии с устройством, на котором они отображаются. Однако, если у вас есть очень большие изображения или вы используете видео в своих основных разделах, вы можете указать альтернативные изображения, которые будут отображаться, когда кто-то посещает сайт на меньшем экране. Это может помочь сократить время загрузки страницы на устройствах, которые используют данные по сравнению с Wi-Fi, а также может помочь сэкономить некоторую пропускную способность и использование данных для тех, кто использует свои телефоны.
Некоторые хорошие пропорции и размеры для мобильных изображений заголовка:
- Вертикальные изображения Соотношение 4:5, 1080 x 1350px
- Квадратные изображения Соотношение 1:1, 1080 x 1080px
- Прямоугольные изображения Соотношение 1,91:1, 1080 x 608 пикселей
Изображения для постов в блогах и страниц контента
Дизайн вашего веб-сайта определит наилучшее соотношение сторон для ваших изображений. Когда вы создаете и сохраняете изображения, лучше всего установить их размер с тем же соотношением сторон, что и область, в которую они будут помещены, чтобы у вас не было каких-либо странных проблем с изменением размера или обрезкой.
Определите соотношение сторон
Взгляните на дизайн своего веб-сайта и оцените, какие соотношения вы используете в своем шаблоне сайта. Как только вы определите эти соотношения, вы сможете оценить, каким должно быть разрешение этих изображений. В то время как ваши основные изображения 16:9 должны иметь ширину около 1920 пикселей, ваши изображения 16:9, которые занимают половину страницы или меньше, могут быть легко уменьшены до ширины 960 пикселей.
Измените размер изображений перед загрузкой на сайт
Мы настоятельно рекомендуем изменить размер изображения до разрешения, аналогичного используемому изображению. Например, если вы собираетесь разместить в своем блоге квадратное изображение размером 1080 x 1080 пикселей, обрежьте его и сохраните как 1080 x 1080 пикселей. Большинство стоковых изображений и пользовательских файлов фотографий ОГРОМНЫ — ширина превышает 4000 пикселей. Эти большие фотографии в высоком разрешении прекрасны, но нет необходимости сохранять их в таком размере при использовании на веб-странице.
Изображения для блога: избранные изображения и публикация в социальных сетях
Хорошим стандартом для сообщений в блоге является использование коэффициента 1,91 или 1200 x 627 пикселей, потому что это также хорошая основа для обмена изображениями в социальных сетях, таких как Facebook и LinkedIn.
Изображения для горизонтальных галерей
Мы рекомендуем, чтобы все изображения в карусельных галереях были одинаковой высоты в 1500 пикселей, независимо от того, вертикальные они или горизонтальные. Это удерживает страницу от прыжков и создает более удобный пользовательский интерфейс при прокрутке галереи изображений.
Изображения товаров
Если у вас есть изображения товаров, мы рекомендуем оставить их в масштабе 1:1, чтобы обеспечить единообразие во всей галерее вашего магазина и для изображений сравнения товаров. Но даже если вам нужно загрузить изображения не в масштабе 1:1, мы рекомендуем, чтобы самая длинная сторона была от 1500 до 2500 пикселей; большие изображения особенно важны, когда у вас есть возможность увеличить изображения продукта.
Для онлайн-покупок необходимы изображения высокого разрешения, чтобы посетитель мог «увидеть» товар как можно подробнее.
Изображения половинной ширины
Вы можете использовать эти размеры изображения в разделах или столбцах, которые должны занимать половину ширины страницы. В зависимости от ваших целей и потребностей в дизайне вы можете использовать соотношение сторон 4:3, 3:2, 1,91:1 или 1:1 с максимальной стороной от 1200 до 1500 пикселей по всему телу вашего веб-сайта. Что касается основной части сайта, мы также не рекомендуем, чтобы размер каждого изображения был на пару мегабайт меньше 20 МБ, мы настоятельно рекомендуем постараться не выходить за пределы этого диапазона 200 КБ, если это возможно.
Размер изображения влияет на время загрузки страницы
Время загрузки страницы веб-сайта зависит от ряда факторов, включая дизайн веб-страницы, браузер, хост вашего веб-сайта, используемое устройство и многое другое.
Идеальная загрузка веб-страницы не должна превышать двух секунд, чтобы избежать потери потенциальных клиентов, конверсий или продаж. Вы можете узнать больше об улучшении времени загрузки страницы здесь, если вам интересно.
Время загрузки страницы влияет на показатель отказов
Источник изображения
Какой тип файла изображения следует использовать? (PNG vs JPEG)
Наиболее распространенные типы файлов для веб-сайтов:
JPEG | Настоятельно рекомендуется и является лучшим вариантом для фотографий или видеоматериалов на вашем веб-сайте. Самый легкий по размеру файл, тип файла с потерями — это означает, что он всегда будет терять информацию, чем больше вы редактируете изображение. |
PNG | Рекомендуется для значков, плоской цветной графики и логотипов, поскольку поддерживает прозрачность, но имеет больший размер файла. |
ТИФФ | Формат файла изображения с тегами; Это типы файлов без потерь, которые обеспечивают более высокое качество, но имеют большие размеры файлов. Лучше всего подходит для печати и публикаций. |
GIF | GIF допускает прозрачность, может быть анимированным и обычно имеет очень маленький размер файла. Вы также можете использовать его для быстрой анимации логотипа, продукта, который вы продаете, или графики на вашем веб-сайте. |
СВГ | Он же «Масштабируемая векторная графика»; Некоторые разработчики веб-сайтов, такие как Wix, позволяют загружать форматы файлов SVG, которые затем позволяют вам вносить изменения в редакторе веб-сайтов в цвета этой графики. Этот формат файла остается четким при любом размере, потому что он математически нарисован с помощью программного обеспечения с открытым исходным кодом. Они, как правило, имеют больший размер файла, могут быть анимированы, поддерживают прозрачность и представляют собой формат файла без потерь. |
Имена изображений и альтернативные теги
Именование файлов изображений
Выбор правильного имени файла для этих изображений также может помочь SEO-рейтингу вашей страницы в результатах поиска изображений. Обязательно называйте файлы соответствующими и описательными ключевыми словами и не используйте символы подчеркивания. Например:
Вместо:
drinkcoffee.jpg
drink_coffee_2.jpg
Используйте описательные ключевые слова:
женщина-пьющая-кофе-рядом-стол.jpg
Использование альтернативных тегов изображений
Хорошие альтернативные теги помогают всем трудолюбивым поисковым роботам выяснить, о чем ваши изображения, в то время как они дополнительно индексируют ваш сайт. Они также используются программами чтения с экрана для описания изображения пользователям с нарушениями зрения. Предоставление тегов alt дает хороший контекст для поисковых роботов, помогает слабовидящим пользователям, а также способствует ранжированию ваших веб-страниц. Alt-теги изображения должны описывать изображение без набивки ключевыми словами. Подумайте, как бы вы описали изображение тому, кто его не видит.
Размеры видео и GIF
Использование анимированных .
gif
GIF позволяют использовать прозрачность и анимацию, но их цена зависит от размера файла. Наличие GIF шириной 1500 пикселей не будет лучшим вариантом для скорости загрузки страницы вашего сайта. Лучше всего сохранять размер файлов менее 1 МБ, особенно если вы собираетесь использовать их в качестве фонового изображения для своего главного раздела. Вы захотите, чтобы в разделе героев было видео высокого разрешения, поскольку меньший gif может быть действительно пиксельным, если его принудительно масштабировать в вашем браузере.
Использование видео в качестве фона
Видео в вашем разделе героев могут быть действительно привлекательными, и они могут помочь передать суть вашей компании или бизнес-проекта. Фоновые видео на самом деле не предназначены для просмотра в формате 4K, и иногда они накладываются определенным цветом, чтобы затемнить или осветлить фон, чтобы обеспечить контраст с заголовком страницы и подзаголовком.
Пара вещей, о которых следует помнить для фоновых видео в главных разделах:
- Если ваше видео предназначено для полноэкранного просмотра на главной странице, мы рекомендуем соотношение сторон 16:9.
- Старайтесь, чтобы фоновое видео длилось от 5 до 20 секунд
- Сохранить размер видеофайла до 6 МБ или меньше
- Не отключайте звук. Видео, которые автоматически воспроизводят звук, оцениваются как одно из самых раздражающих событий, которые может предложить веб-сайт. Кроме того, добавление звука увеличит размер вашего файла, поэтому мы предлагаем вам просто удалить его, если он не нужен, или отключить звук по умолчанию при загрузке страницы.
- Не позволяйте видео конкурировать с контентом на странице. Убедитесь, что между текстом и цветом изображения достаточно контраста, чтобы вы могли легко читать текст. Вы можете использовать цветовые наложения, чтобы обеспечить контраст для изображения, которое имеет как светлые, так и темные области.
- Рассмотрите возможность ленивой загрузки видео в нижней части веб-сайта, чтобы основной контент на странице загружался быстрее.
Встраивание и хостинг видео на вашем сайте
Вы можете обнаружить, что вам нужны видеоролики на вашем веб-сайте, чтобы повысить удобство работы в Интернете для ваших посетителей. Стоит ли встраивать или загружать свои видео для размещения прямо на вашем сайте?
Размещение видео на вашем сайте
Загрузка видео на ваш сайт может замедлить время загрузки страницы, поэтому предпочтительнее их встраивание. Практически каждый сайт видеохостинга предоставляет создателям доступ к ссылке «встроить видео». Вопрос только в том, с какой платформы вы берете видео.
Если вы загружаете видео для использования на своем сайте, вам следует использовать файл MP4 с качеством HD, чтобы оно работало в большинстве браузеров и отлично выглядело на большинстве устройств. При сохранении в файлах вашего сайта давайте своим видео описательные заголовки, которые отражают то, о чем идет речь в видео, чтобы помочь повысить SEO.
Встраивание видео на ваш сайт
При встраивании видео на ваш сайт следует обратить внимание на несколько моментов:
- Встроенное видео — это хороший способ избежать ограничений размера файла и хранилища, установленных вашим хост-провайдером.
- Встроенные видео обеспечивают более высокое качество потоковой передачи.
- Встроенные видео также ускоряют загрузку страниц.
- Встраивание видео также позволяет учитывать просмотры с вашего сайта при подсчете просмотров на таких платформах, как YouTube или Vimeo, что повышает вашу ценность для SEO.
Если вы автоматически воспроизводите видео при загрузке страницы, убедитесь, что звук отключен. Если видео не является ключевым элементом страницы, рекомендуется не включать автовоспроизведение.
- Показать элементы управления видео, предоставляя пользователю возможность управления взаимодействием с контентом
- Если видео альбомное, экспортируйте видео с соотношением сторон 16:9 (панорамное, альбомное)
- Если видео должно быть вертикальным (подходит для Instagram Stories или TikTok), соотношение сторон 9:16 рекомендуется.
Цветовые профили
Существует множество профилей, но наиболее рекомендуемым для наших целей является sRGB. Это связано с тем, что sRGB является стандартом для цифровых изображений, Интернета и вашего домашнего принтера. Использование цветового профиля sRGB гарантирует, что ваши цвета не будут выглядеть размытыми, тусклыми или перенасыщенными на разных устройствах, в программах и приложениях.
Другие рекомендации по изображению
Перед загрузкой… Сожмите!
Независимо от того, где вы получили изображение, мы рекомендуем вам использовать TinyPNG, Optimizilla или бесплатную версию Kraken, чтобы уменьшить размер ваших файлов JPGS и PNG. Эти сайты уменьшают размер файла, но практически не влияют на качество ваших изображений. Для большинства изображений вы должны стремиться сжать изображение до 100 КБ или до 200 КБ для полноразмерных изображений.
Разрешение изображения
Наиболее важно при печати изображения. Значение разрешения будет определять количество пикселей вашего изображения, которое будет напечатано на линейный дюйм бумаги, поэтому печатная работа для результатов, таких как брошюры или художественная работа над книгой, должна иметь разрешение 300 пикселей на дюйм или любое другое значение, которое запрашивает ваш принтер.
Поскольку мы показываем изображения в Интернете, разрешение изображения не имеет большого значения, если вы хотите распечатать изображения. Если вам действительно нужен номер, мы бы сказали, используйте 72 ppi dpi (точек на дюйм). Если вам интересно узнать больше о разрешении изображения, зайдите на сайт photoshopessentials.com, чтобы получить более подробное представление о разрешении изображения и немного о мифе о 72 ppi. Ниже приведены изображения с разным разрешением, но с одинаковым размером файла и размером в пикселях.
Размер в пикселях и размер файла
Пиксели составляют размер файла изображения. Чем меньше пикселей, тем меньше у вас информации об изображении и тем меньше оно будет. Взгляните на это изображение телефона ниже, изображения имеют ширину от 262 до 1192 пикселей. Рядом, в уменьшенных версиях, они выглядят очень похоже. Однако, если вы начнете увеличивать масштаб, вы быстро потеряете резкость, в то время как изображение справа остается четким из-за большего количества пикселей.