Visual studio code как изменить размер изображения

Обновлено: 22.01.2025

Фронтенд-разработчик, UX/UI-дизайнер Савио Мартин опубликовал в блоге на dev.to 34 расширения Visual Studio Code (VS Code) для повышения продуктивности.

1. Auto Rename Tag. Автоматически переименовывает парный тег «HTML/XML» так же, как Visual Studio IDE.

2. Better Comments. Помогает создавать в коде более понятные комментарии. Расширение позволяет разбивать аннотации на следующие категории:

Оповещения;
Запросы;
TODO-комментарии;
События.

3. Bootstrap 4, Font Awesome 4, Font Awesome 5 Free & Pro Snippets. Плагин кода Visual Studio, содержащий фрагменты кода Bootstrap 4, Font Awesome 4, Font Awesome 5 Free и Pro Snippets. Плагин работает как в стабильной, так и в инсайдерской сборке.

4. Bracket Pair Colorizer 2. Позволяет идентифицировать совпадающие скобки по цвету. Пользователь может определить, какие токены должны соответствовать и какие цвета использовать.

5. change-case. Позволяет быстро изменить регистр текущего выделенного текста или слова.

6. Code Runner. Запускает фрагмент или файл кода для нескольких языков (полный список доступен здесь ) и пользовательские команды.

7. Code Spell Checker. Цель расширения — проверка распространенных ошибок и уменьшение количества ложных срабатываний. Хорошо работает со стилем написания составных слов CamelCase (верблюжий регистр).

8. CSS Peek. Разрешает просмотр идентификаторов CSS и строк классов как определений из HTML-файлов в соответствующий CSS-файл. Позволяет просматривать и переходить к определению.

9. Debugger for Chrome. Расширение для отладки JavaScript-кода в браузере Google Chrome или других задач, поддерживающих протокол Chrome DevTools Protocol .

10. EJS language support. Подсветка синтаксиса для тегов EJS, JavaScript и HTML. Включает автозаполнение javascript.

11. ES7 React/Redux/GraphQL/React-Native snippets. Расширение для React, Redux и GraphQL в JavaScript/TypeScript с синтаксисом ES7 и функциями плагина Babel для VS Code.

12. GitHub Pull Request and Issue. Позволяет просматривать и управлять запросами на вытягивание GitHub и проблемами в Visual Studio Code.

13. GitLens — Git supercharged. Расширяет возможности Git, встроенные в VS Code. Среди функций:

Визуализация авторства кода с помощью аннотаций Git;
Плавное перемещение и исследование репозитория Git;
Получение необходимой информации с помощью команд сравнения.

14. Google Fonts. Расширение позволяет просматривать список шрифтов Google и вставлять их в HTML или CSS код.

15. Image Preview. Расширение для предварительного просмотр изображений при наведении курсора.

16. GraphQL. Добавляет подсветку синтаксиса, его проверку и языковые функции, такие как:

Переход к определению;
Просмотр информации о наведении и автозаполнение для проектов graphql ;
Работа с запросами, помеченными тегом gql .

17. vscode-styled-components. Подсветка синтаксиса и IntelliSense для стилизованных компонентов . Использует грамматику CSS, построенную на основе language-sass и language-css .

18. Prettify JSON. Расширение Prettify JSON для Visual Studio Code.

19. Import Cost. Позволяет отображать в редакторе размер импортированного пакета. Для этого расширение использует webpack и babili-webpack-plugin .

20. IntelliSense для имен классов CSS в HTML. Обеспечивает завершение имени класса CSS для атрибута HTML class на основе определений, найденных в рабочей области или внешних файлах, на которые ссылается элемент link .

21. JavaScript (ES6) code snippets. Расширение содержит фрагменты кода для JavaScript в синтаксисе ES6 для редактора VS CODE. Поддерживает как JavaScript, так и TypeScript.

22. Live Server. Запускает локальный сервер разработки с функцией перезагрузки в реальном времени для статических и динамических страниц.

23. Live Share. Расширение для совместной разработки, редактирования и отладки в режиме реального времени. Позволяет мгновенно и безопасно делиться проектами. Разработчики, которые подключаются к сеансам, получают необходимые файлы по текущему проекту и могут начать работу без необходимости клонирования репозиториев или SDK.

24. Markdown Preview Enhanced. Расширение для тех, кто знаком с Markdown Preview Plus или RStudio Markdown . Имеет множество полезных функций, среди которых:

Автосинхронизация скролла;
Поддержка языка диаграмм PlantUML,
Экспорт PDF,
Создание презентация.

25. Mongo Snippets for Node-js. Расширение для проектов Node-js. Содержит:

Сниппеты для подключения к документоориентированной системе управления базами данных MongoDB и запросов;
Команду Palette Feature для настройки кода шаблона;
Предложения по доработке для моделей Mongoose Models.

26. npm. Поддерживает выполнение npm-скриптов, определенных в файле package.json , и проверку установленных модулей на соответствие зависимостям, определенным в package.json .

27. npm Intellisense. Плагин Visual Studio Code, который автоматически заполняет модули nmp в операторах импорта.

28. Placeholder Images. Расширение позволяет создавать и вставлять так называемые изображения-заполнители в HTML-код в VS Code с помощью сторонних сервисов, таких как Unsplash, placehold.it и LoremFlickr.

29. Polacode. Позволяет делать скриншоты кода с пользовательскими шрифтами и темами.

30. Prettier — Code formatter. Средство для форматирования кода. Нацелено на использование жестко заданных правил по оформлению программ. Обеспечивает согласованный стиль, анализируя код и повторно воспроизводя его с особыми правилами, которые принимают во внимание максимальную длину строки.

31. Tabnine Autocomplete. Помощник на основе искусственного интеллекта (ИИ). Помогает кодировать быстрее и уменьшить количество ошибок. Изучает общедоступный код и использует алгоритмы глубокого обучения ИИ.

32. Tailwind CSS IntelliSense. Расширяет возможности разработки Tailwind, предоставляя пользователям VS Code больше функций, например, автозаполнение, выделение синтаксиса и линтинг (процесс проверки исходного кода на программные и стилистические ошибки).

33. Luna Paint. Позволяет редактировать растровые изображения из VS Code.

34. Quokka.js. Инструмент повышения производительности разработчика для быстрого прототипирования JavaScript/TypeScript. Значения времени выполнения обновляются и отображаются в IDE-среде рядом с кодом по мере его ввода.

Highload нужны авторы технических текстов. Вы наш человек, если разбираетесь в разработке, знаете языки программирования и умеете просто писать о сложном!
Откликнуться на вакансию можно здесь .

В этой статье рассматривается, как работать с редактором изображений Visual Studio для просмотра и изменения ресурсов изображений и текстур.

Вы можете использовать редактор изображений для работы с различными форматами изображений и текстур, которые используются при разработке приложений DirectX. Он также поддерживает популярные форматы файлов изображений и цветовые кодировки, функции, такие как альфа-каналы и MIP-текстурирование, а также многие форматы текстур с аппаратным ускорением и высокой степенью сжатия, поддерживаемые DirectX.

Поддерживаемые форматы

Редактор изображений поддерживает следующие форматы изображений:

Название формата	Расширение имени файла
PNG (Portable Network Graphics)	PNG
JPEG	JPG, JPEG, JPE, JFIF
Поверхность DirectDraw	DDS
Graphics Interchange Format	GIF
Bitmap	BMP, DIB
Формат TIFF	TIF, TIFF
TGA (Targa)	TGA

Начало работы

В этом разделе рассматривается, как добавить в проект Visual Studio изображение и настроить его в соответствии с вашими требованиями.

Добавление изображения в проект

В обозревателе решений откройте контекстное меню проекта, в который требуется добавить изображение, и выберите пункты Добавить > Новый элемент.

В диалоговом окне Добавление нового элемента в разделе Установленные выберите Графика, а затем выберите подходящий формат файла для изображения.

Если в диалоговом окне Добавление нового элемента нет категории Графика, возможно, необходимо установить компонент Редакторы изображений и трехмерных моделей. Закройте диалоговое окно и в строке меню выберите Сервис > Получить средства и компоненты, чтобы открыть Visual Studio Installer. Перейдите на вкладку Отдельные компоненты и выберите компонент Редакторы изображений и трехмерных моделей в категории Наборы для разработки игр. Выберите Изменить.

Сведения том, как выбрать формат файла, соответствующий вашим требованиям, см. в разделе Выбор формата изображения.

Укажите имя файла изображения и расположение, где его необходимо создать.

Выберите кнопку Добавить.

Выбор формата изображения

В зависимости от того, как вы планируете использовать изображение, некоторые форматы файлов могут оказаться более подходящими, чем другие. Некоторые форматы могут не поддерживать нужную функцию, например прозрачность или определенный формат цвета. Некоторые форматы могут не обеспечивать подходящее сжатие для вашего содержимого изображения.

Следующие сведения помогут вам выбрать формат изображения, соответствующий вашим нуждам:

Точечный рисунок (BMP)

Формат растрового изображения. Формат изображения без сжатия, который поддерживает 24-разрядный цвет. Формат точечного рисунка не поддерживает прозрачность.

Изображение в формате GIF

Формат изображения GIF. Формат изображения со сжатием LZW без потери качества, который поддерживает до 256 цветов. Не подходит для фотографий и изображений со значительным объемом цветовых оттенков, но обеспечивает хорошую степень сжатия изображений с малым количеством цветов и высокой степенью их согласованности.

Изображение в формате JPG

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

Изображение в формате PNG

Формат изображения PNG. Формат изображения средней степени сжатия, без потери качества, который поддерживает 24-разрядный цвет и альфа-прозрачность. Подходит для естественных и искусственных изображений, но не обеспечивает степень сжатия, применяемую в форматах JPG или GIF.

Изображение в формате TIFF

Формат изображения TIFF (TIFF или TIF). Гибкий формат изображения, поддерживающий несколько алгоритмов сжатия.

Текстура в формате DDS

Формат текстуры DirectDraw Surface (DDS). Формат текстур высокой степени сжатия с потерей качества, который поддерживает 24-разрядный цвет и альфа-прозрачность. Его максимальная степень сжатия равна 8:1. Он создан на основе сжатия текстур S3. Его можно распаковать с помощью графического оборудования.

Изображение в формате TGA

Формат изображения TGA или Targa. Формат изображения, сжатого с использованием алгоритма RLE, без потери данных, который поддерживает закодированные цветом (цветовой палитры) или простые цветные изображения с 24-разрядным цветом и альфа-прозрачностью. Не подходит для фотографий и изображений со значительным объемом цветовых деталей, но обеспечивает хорошую степень сжатия изображений с широким диапазоном одинаковых цветов.

Настройка изображения

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

Перед тем как сохранить результаты работы, задайте свойство Формат цвета, если требуется использовать определенный формат цвета. Если формат файла поддерживает сжатие, при первом сохранении файла или при выборе команды Сохранить как можно настроить параметры сжатия.

Работа с редактором изображений

В этом разделе рассматривается, как с помощью редактора изображений вносить изменения в текстуры и изображения.

Команды, влияющие на состояние редактора изображений, находятся на панели инструментов Режим редактора изображений вместе с расширенными командами. Панель инструментов расположена у верхнего края области конструктора редактора изображений. Инструменты для рисования расположены на панели инструментов Редактора изображений у левого края области конструктора редактора изображений.

Панель инструментов "Режим редактора изображений"

В следующей таблице описываются элементы на панели инструментов Режим редактора изображений, перечисленные в порядке отображения, слева направо:

Зеленый канал

Синий канал

Шахматная доска
Для отображения фона в виде шахматной доски вместе с указанным цветом фона используется зеленый цвет. Этот параметр можно использовать, чтобы выделить прозрачные части изображения.

Белый фон
Для отображения фона используется белый цвет.

Черный фон
Для отображения фона используется черный цвет.

Фильтры

Предоставляет несколько распространенных фильтров изображения: Черно-белое, Размытие, Brighten (Осветление), Darken (Затемнение), Определение границ, Тиснение, Обратить цвета, Ripple (Рябь), Sepia Tone (Оттенок сепия) и Повысить резкость.

Графические модули

Render with D3D11 (Визуализация с помощью D3D11)
Использует Direct3D 11, чтобы отрисовать область конструктора редактора изображений.

Render with D3D11WARP (Визуализация с помощью D3D11WARP)
Использует платформу Windows Advanced Rasterization Platform (WARP) Direct3D 11 для отрисовки области конструктора редактора изображений.

Инструменты

Отразить по-горизонтали
Транспонирует изображение вокруг оси X, или по горизонтали.

Отразить по-вертикали
Транспонирует изображение вокруг оси Y, или по вертикали.

Создать MIP-объекты
Создает уровни MIP для изображения. Если уровни MIP уже существуют, они создаются повторно из наибольшего уровня MIP. Любые изменения, внесенные в меньшие уровни MIP, будут потеряны. Чтобы сохранить созданные уровни MIP, для сохранения изображения необходимо использовать формат DDS.

Просмотр

Панель инструментов редактора изображений

В следующей таблице приведены описания элементов на панели инструментов редактора изображений, перечисленные в порядке отображения, сверху вниз:

Работа с уровнями MIP

Некоторые форматы изображений, например поверхность DirectDraw (DDS), поддерживают уровни MIP для уровня детализации текстур и пространства. Сведения о том, как создавать уровни MIP и работать с ними, см. в статье Практическое руководство. Создание и изменение MIP-уровней.

Работа с прозрачностью

Некоторые форматы изображений, например поверхность DirectDraw (DDS), поддерживают прозрачность. В зависимости от применяемого инструмента существует несколько способов использования прозрачности. Чтобы указать уровень прозрачности для выбранного цвета, в окне Свойства установите альфа-компонент A.

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

Свойства образа

Окно Свойства можно использовать для задания различных свойств изображения. Например, можно задать свойства ширины и высоты, чтобы изменить размеры изображения.

В приведенной ниже таблице описаны свойства изображений.

Свойство	Описание
Ширина	Ширина изображения.
Высота	Высота изображения.
Бит на пиксель	Количество битов, в которых представлен каждый пиксель. Значение этого свойства зависит от цветового формата изображения.
Прозрачное выделение	Если задать значение True, выбранный слой смешивается с основным изображением на основе альфа-фактора выбранного слоя. В противном случае следует установить значение False. Этот элемент доступен только для изображений, поддерживающих альфа-канал.
Формат	Формат цвета изображения. Вы можете указать несколько форматов цвета в зависимости от формата изображения. Формат цвета определяет количество и тип цветовых каналов, которые содержит изображение, а также размер и кодирование различных каналов.
Уровень MIP	Активный уровень MIP. Этот элемент доступен только для текстур с уровнями MIP.
Число уровней MIP	Общее количество уровней MIP в изображении. Этот элемент доступен только для текстур с уровнями MIP.
Число кадров	Общее количество кадров в изображении. Этот элемент доступен только для изображений, поддерживающих массивы текстур.
Frame	Текущий кадр. Вы можете просмотреть только первый кадр. Остальные кадры будут потеряны при сохранении изображения.
Число срезов глубины	Общее количество срезов глубины в изображении. Этот элемент доступен только для изображений, которые поддерживают объемные текстуры.
Срез глубины	Текущий срез глубины. Вы можете просмотреть только первый срез. Остальные срезы будут потеряны при сохранении изображения.

Изменение размеров изображений

Существует два способа изменения размера изображения. В обоих случаях редактор изображений использует билинейную интерполяцию для изменения размера изображения.

В окне Свойства задайте новые значения для свойств Ширина и Высота.

Выберите все изображение и используйте метки границ для изменения его размера.

Выбранные области

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

Большинство инструментов (Карандаш, Кисть, Распылитель, Заливка, Ластик, а также двумерные примитивы) и преобразований (Повернуть, Обрезать, Обратить цвета, Перевернуть слева направо и Перевернуть сверху вниз) ограничиваются или определяются активным выделением. Но некоторые инструменты (Пипетка и Текст) и преобразования (Создать MIP-объекты) работают независимо от выделений. Эти инструменты всегда действуют так, как если бы было выделено все изображение.

Выделяя область, можно сделать ее пропорциональной (квадрат). Для этого нужно нажать и удерживать клавишу SHIFT. В противном случае выделение не ограничивается.

Изменение размера выделения

После выделения области можно изменить размер выделения или содержимое изображения, поменяв размер метки выделения. При изменении размера выбранной области можно использовать следующие клавиши-модификаторы для изменения поведения выбранной области в процессе изменения:

CTRL: копирует содержимое выбранной области до изменения ее размера. Исходное изображение при этом остается неизменным; изменяется размер копии.

SHIFT: изменяет размер выбранной области пропорционально ее исходным размерам.

ALT: изменяет размер области выделения. Изображение при этом остается неизменным.

В следующей таблице перечислены сочетания клавиш-модификаторов:

Ctrl	Shift	Alt
Изменяет размер содержимого области выделения.
Сдвиг	Пропорционально изменяет размер содержимого области выделения.
ALT	Изменяет размер области выделения. Определяет новую область выделения.
Сдвиг	ALT	Пропорционально изменяет размер области выделения. Определяет новую область выделения.
Ctrl	Копирует, а затем изменяет размер содержимого области выделения.
Ctrl	Сдвиг	Копирует, а затем пропорционально изменяет размер содержимого области выделения.

Свойства инструмента

Когда инструмент выбран, в окне Свойства можно задать, как он должен влиять на изображение. Например, можно задать толщину инструмента Карандаш или цвет инструмента Кисть.

Вы можете задать основной цвет и цвет фона. Передний план и фон поддерживают альфа-канал, который позволяет пользователю указать прозрачность. Параметры применяются ко всем инструментам. При использовании мыши ее левая кнопка отвечает за основной цвет, а правая кнопка — за цвет фона.

Эти свойства инструментов описаны в приведенной ниже таблице:

Значение
Текст для отрисовки.

Шрифт
Шрифт, который используется для отрисовки текста.

Размер
Размер текста.

Полужирный
Делает шрифт полужирным.

Курсив
Выделяет шрифт курсивом.

Thickness
Определяет толщину линии, формирующей границу примитива.

Радиус X
(Скругленный прямоугольник.) Определяет радиус закругления для верхнего и нижнего краев примитива.

С помощью инструментов выбора можно определить область изображения, которую нужно вырезать, скопировать, очистить, изменить размер, инвертировать или переместить. С помощью инструмента выбора прямоугольника можно определить и выбрать прямоугольную область изображения. С помощью инструмента « неравномерные выделение » можно нарисовать контур произвольной области, которую нужно выбрать для вырезания, копирования или другой операции.

См. раздел выделение прямоугольников и неровное выделение инструментов, изображенных на панели инструментов редактора изображений , или просмотрите подсказки, связанные с каждой кнопкой на панели инструментов редактора изображений .

Можно также создать пользовательскую кисть из выделенного фрагмента. Дополнительные сведения см. в разделе Создание пользовательской кисти.

Инструкции

Сведения об изменении изображения см. в разделе как

Выбор изображения

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

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

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

Отпустите кнопку мыши. Граница выделения охватывает выбранную область.

Выбор всего изображения

Выберите изображение за пределами выбранного фрагмента. Граница выделения изменит фокус и снова охватывает все изображение.

Изменение частей изображения

Вы можете выполнять стандартные операции по редактированию — вырезание, копирование, очистка и перемещение — Выбор всегоизображения или его части. поскольку редактор изображений использует буфер обмена Windows, можно передавать изображения между редактором изображений и другими приложениями для Windows.

Кроме того, можно изменить размер выделенного фрагмента, включая все изображение или только часть.

Вырезание текущего выделения и перемещение его в буфер обмена

Последовательно выберите пункты Правка > Вырезать.

Копирование выделенного фрагмента

Поместите указатель внутри границы выделения или в любом месте, кроме маркеров изменения размера.

Удерживая нажатой клавишу CTRL , перетащите выделенный фрагмент в новое место. Область исходного выделения не изменяется.

Чтобы скопировать выделенный фрагмент в изображение в текущем расположении, выберите за пределами курсора выделения.

Вставка содержимого буфера обмена в изображение

Последовательно выберите пункты Правка > Вставить.

Содержимое буфера обмена, окруженное границей выделенной области, отображается в левом верхнем углу панели.

Поместите указатель в пределах границы выделения и перетащите изображение в нужное место на изображении.

Чтобы закрепить изображение в новом расположении, выберите вне границы выделения.

Удаление текущего выделения без перемещения в буфер обмена

Последовательно выберите пункты Правка > Удалить.

Исходная область выделения заполняется текущим цветом фона.

Для доступа к командам Вырезать, Копировать, Вставить и Удалить можно щелкнуть правой кнопкой мыши в окне представление ресурсов .

Перемещение выделенного фрагмента

Поместите указатель внутри границы выделения или в любом месте, кроме маркеров изменения размера.

Перетащите выделенный фрагмент в новое место.

Чтобы закрепить выделенный фрагмент в изображении в новом расположении, выберите вне границы выделения.

Дополнительные сведения о рисовании с помощью выделения см. в разделе Создание пользовательской кисти.

Отражение изображения

Можно отразить или повернуть изображение, чтобы создать зеркальное изображение оригинала, повернуть изображение вниз или повернуть изображение на правый угол в 90 градусов.

Чтобы перевернуть изображение по горизонтали (зеркальное изображение), последовательно выберите пункты изображение в меню > отразить горизонтально.

Чтобы перевернуть изображение по вертикали (повернуть вниз), последовательно выберите пункты изображение в меню > отразить по вертикали.

Чтобы повернуть изображение 90 градусов, последовательно выберите пункты изображение в меню > повернуть на 90 градусов.

Можно также использовать клавиши быстрого доступа для этих команд или получить доступ к командам из контекстного меню (выберите за пределами изображения в редакторе изображений).

Изменение размера изображения

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

Если выделенный фрагмент включает только часть изображения, то Редактор изображений сжимает выделенный фрагмент, удаляя строки или столбцы пикселов и заполняя освободившееся область текущим цветом фона. Он также может растянуть выделенный фрагмент путем дублирования строк или столбцов пикселов.

Если выделенный фрагмент включает все изображение, Редактор изображений сжимает и растягивает изображение, либо обрезает и расширяет его.

Существует два механизма изменения размера изображения: маркеры изменения размера и окно свойств. Чтобы изменить размер изображения или его части, перетащите маркеры изменения размера. Маркеры изменения размера, которые можно перетаскивать, являются сплошными. Нельзя перетаскивать маркеры, которые пусты. Используйте окно Свойства для изменения размера всего изображения, а не выбранной части.

Маркеры изменения размера

если в диалоговом окне Параметры сеткивыбран параметр сетка плитки , изменение размера привязывается к следующей линии сетки плиток. Если выбран только параметр « Пиксельная сетка » (значение по умолчанию), изменение размера привязывается к следующему доступному пикселю.

Изменение размера всего изображения с помощью окна "Свойства"

Откройте образ, свойства которого необходимо изменить.

В полях Ширина и Высота окно свойстввведите нужные размеры.

Если вы увеличиваете размер изображения, Редактор изображений расширяет изображение вправо, вниз или в обе части и заполняет новый регион текущим цветом фона. Изображение не растягивается.

Если уменьшить размер изображения, Редактор изображений обрезает изображение по правому или нижнему краю или к обоим.

Свойства Width и Height можно использовать для изменения размера всего изображения, а не для изменения размера частично выделенного фрагмента.

Обрезка или расширение всего изображения

Выберите все изображение.

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

Перетащите маркер изменения размера, пока изображение не станет правильным размером.

Как правило, Редактор изображений обрезает или увеличивает изображение при изменении его размера, перемещая маркер изменения размера. Если удерживать нажатой клавишу SHIFT при перемещении маркера изменения размера, Редактор изображений сжимает или растягивает изображение.

Сжатие или растяжение всего изображения

Выберите все изображение.

Удерживая нажатой клавишу SHIFT , перетащите маркер изменения размера, пока изображение не станет правильным размером.

Сжатие или растяжение части изображения

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

Перетащите один из маркеров изменения размера, пока размер выделенного фрагмента не станет правильным.

Изменение изображения за пределами проекта

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

Последовательно выберите пункты файл меню > Открыть.

В поле тип файлов выберите все файлы.

Перейдите к образу, который нужно изменить, и откройте его.

Изменение свойств изображения

Вы можете задать или изменить свойства изображения с помощью окно свойств.

Откройте изображение в редакторе изображений.

В окне Свойства измените все или все свойства изображения.

Как сбросить "масштаб" в VS 2010/2012/2013/2015/2017 обратно в нормальное состояние?

CTRL+SCROLL WHEEL позволяет увеличить / уменьшить масштаб с помощью Visual Studio 2010/2012/2013/2015/2017, но я хотел бы вернуться к первоначальному 100%.

для этого в левом нижнем углу окна редактора есть окно выбора-выберите 100%;)

Я не смог найти комбинацию клавиш для него, хотя увеличение и уменьшение масштаба можно сделать с помощью Ctrl +> и Ctrl + .

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

Инструменты / Параметры / Текстовый Редактор / Все Языки / Полосы Прокрутки

другой опция (Visual Studio 2013/2015) - использовать Ctrl с колесиком мыши (до увеличения, вниз, чтобы уменьшить).

в левом нижнем углу редактора кода есть элемент управления масштабированием. Вы можете выбрать 100% оттуда или ввести его вручную.

вы можете попробовать расширение VSCommands из галереи Visual Studio, Он добавляет несколько новых функций вокруг масштабирования в VS2010

на Visual Studio 2015/2017 (легко пропустить, если использовать темную тему):

по умолчанию сочетание клавиш Ctrl+0, Ctrl+0, но может быть изменено, чтобы быть тем, что вам нравится.

перейти к инструментам - > параметры - > Окружающая среда - > клавиатура и найдите представление команды.ZoomReset для изменения сочетания клавиш.

на Visual Studio Ultimate 2013, внизу-слева от экрана:

Если вы используете последнюю версию, вы также можете изменить размер содержимого в visual studio, выбрав

сделать вручную goto

и UserSetting файл будет открыт при изменении редактора.Для увеличения по умолчанию

Есть ли способ изменить размер шрифта среды в Visual Studio Code? Такие вещи, как окно IntelliSense, панель отладки, имена файлов и т. Д.

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

В настоящее время невозможно изменить семейство шрифтов или размер вне редактора. Однако вы можете увеличивать и уменьшать масштаб всего пользовательского интерфейса из меню View .

Обновление для нашей версии VS Code 1.0:

Недавно введенная настройка window.zoomLevel позволяет навсегда сохранить уровень масштабирования! Он может иметь как отрицательные, так и положительные значения для увеличения или уменьшения.

Просто скопируйте "editor.fontSize": 18 в свой setting.json редактора.

Нажатие Control + Shift + P , а затем ввод «настроек» позволит вам легко найти файл настроек пользователя или рабочего пространства.

В Visual Studio Code, нажав Ctrl + и Ctrl - , вы можете изменить общий размер шрифта IDE. . Это помогает быстрее, чем изменение настроек в каждом сеансе. Надеюсь, это поможет.

Попробуйте поиграть с комбинацией следующих пользовательских настроек:

По состоянию на середину 2017 г. Для быстрого перехода к файлам настроек нажмите ctrl + shift + p и введите >, там вы найдете пользовательские настройки и настройки рабочей области, имейте в виду, что настройки рабочей области переопределят пользовательские настройки , поэтому лучше использовать последние напрямую, чтобы внести глобальные изменения (рабочая область settings создаст папку в корне вашего проекта), оттуда у вас будет возможность добавить параметр "editor.fontSize": 14 в свои настройки в качестве быстрого предложения, но вы можете сделать это самостоятельно и изменить значение на желаемый размер шрифта .

выберите "пользовательские настройки"

добавить "editor.fontSize": 14

Вы можете Увеличить и Уменьшить весь пользовательский интерфейс в меню "Просмотр".

Сейчас я использую версию 1.21.1 , и там, в меню просмотра , вы можете получить опции «Увеличить» и «Уменьшить», которые являются вторыми и третьими последними вариантами. Вы можете сделать это, используя Ctrl + + и Ctrl + - .

Вы можете сбросить масштаб в любой момент, выбрав параметр Сбросить масштаб .

После нажатия Control + Shift + P , как было предложено @Edwin:

Затем «Поместите свои настройки в файл справа, чтобы перезаписать . настройки по умолчанию и пользовательские настройки» или щелкните вкладку «Пользовательские настройки», чтобы настроить window.zoomLevel, если это желаемое действие.

Согласно журналу изменений версии 1.2, были добавлены новые команды для увеличения и уменьшения масштаба только шрифта, но всего пользовательского интерфейса.

Используйте следующие сочетания клавиш для замены действий глобального масштабирования по умолчанию:

В Windows и Linux:

У меня установлен на "editor.fontSize": 12,

Сохраните файл, вы сразу увидите эффект.

Наслаждайтесь!

Простой подход к изменению размера шрифта в рабочей среде Visual Studio:

Перейти : Файл -> Настройки -> Настройки ИЛИ Нажмите CTRL + , т.е. CTRL + ЗАПЯТАЯ.

Откроется settings.json .

Здесь вы можете увидеть 3 вкладки:

Пользовательские настройки
Настройки рабочего пространства
Настройки папки

Перейдите в Настройки пользователя и добавьте это:

Теперь просто сохраните и закройте файл.

В приведенном выше коде 16 представляет размер шрифта. Увеличение или уменьшение по вашему желанию.

(VS Code 1.33.1 в Windows 7)

Масштабировать все (пользовательский интерфейс и редактор): CTRL + + , CTRL + - .

Редактор масштабирования: CTRL + колесо мыши.

Смотрите ниже, как я это исправил.

Как предлагает @Edwin: нажатие Control + Shift + P и последующий ввод «настроек» позволит вам легко найти файл настроек пользователя или рабочего пространства.

Мой файл настроек находится здесь: "C: \ Users \ You_user \ AppData \ Roaming \ Code \ User \ settings.json"

Мой файл выглядит так:

В Visual Studio Code размер шрифта можно легко изменить на вкладке «Параметры».

Самый простой способ сделать это - нажать Ctrl + Shift + P и затем ввести «Настройки». Это покажет вам несколько результатов. Выберите «Настройки (UI)». В редакторе откроется вкладка Настройки. Теперь вы можете изменить настройки шрифта здесь. Это повлияет только на шрифт редактора.

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

Чтобы изменить размер шрифта всего окружения, вы можете рассмотреть возможность нажатия ctrl + + . Это будет работать как увеличение всей среды, что приведет к увеличению размера шрифта.

Мне потребовалось много времени, чтобы понять, что я случайно сделал, когда мое окно кода стало огромным:

Уменьшить = Ctrl + Shift + , (запятая)

Увеличение = Ctrl + Shift + . (точка / период)

На самом деле это вообще не ответ на заданный вопрос, но я думаю, что кто-то вроде меня окажется здесь из-за симптомов!

На данный момент (март 2018 г.) и версии 1.21.0 вы можете перейти в «Настройки», выполнить поиск по запросу «масштабирование» и изменить "editor.mouseWheelZoom": false , которое по умолчанию является ложным, на true . Это позволит увеличивать / уменьшать масштаб VS Code с помощью кнопки управления и мыши - ctrl + scrollUp/scrollDown . Чтобы изменить fontSize общего рабочего пространства / экрана VS Code, см. Ответ Alegozalves выше.

Нажмите Ctrl и используйте колесико мыши для увеличения или уменьшения .

Одновременно нажмите Ctrl , Shift , P , появится меню, найдите Editor Zoom in . После его выбора шрифт в какой-то степени станет больше.

Читайте также: