Вы можете добавлять изображения и видео следующими способами:
- Выбрать Импортировать объекты в меню "Файл".
- Перетащить объекты в рабочую область документа Google Web Designer.
- Использовать библиотеку объектов Креативной студии.
- Добавить изображение или видео с помощью инструмента работы с элементами.
- Заменить существующее изображение нужным.
Если при работе в Google Web Designer вы используете изображение или видео в поддерживаемом формате, оно автоматически появляется на панели "Библиотека" и вы можете использовать его в документе повторно.
Как добавить изображение в формате SVG
Вы можете импортировать файлы SVG в виде изображений или встроенного кода.
Объявления AMPHTML и изображения
В объявлениях AMPHTML вместо тега img
используется amp-img
. Google Web Designer автоматически подставляет нужный тег, когда вы добавляете изображение в режиме просмотра макета.
Видео и события (интерактивное видео)
Чтобы совмещать события с видео, используйте компонент "Видео".
Видеообъявления
Изображения и видео в видеообъявлениях можно использовать как медиаклипы.
Добавление изображения или видео
Импортируйте изображения и видео
- В меню Файл выберите Импортировать объекты или нажмите Ctrl + Shift + I (Windows) или ⌘ + Shift + I (macOS).
- В открывшемся окне выберите нужные файлы.
Выбранные объекты появятся в рабочей области документа и в библиотеке.
Перетаскивайте изображения и видео из папки на компьютере
- Выберите нужное изображение или видео в файловом менеджере на компьютере. Можно выбрать несколько файлов.
- Перетащите изображение или видео в рабочую область документа Google Web Designer.
Добавляйте изображения или видео из библиотеки объектов Креативной студии
- В верхней части панели "Библиотека" в раскрывающемся списке выберите Креативная студия.
- Подключитесь к библиотеке объектов Креативной студии, нажав кнопку Запустить.
- Чтобы получить доступ к библиотеке, необходимо войти в аккаунт Google, связанный с аккаунтом Креативной студии.
- Выберите необходимый объект.
- Перетащите объект из библиотеки в рабочую область документа.
Копия объекта добавляется в папку studio локальной библиотеки.
Как заменить изображение в документе
Функция "Поменять изображение" позволяет заменить одно изображение на другое. Она полезна для замены изображений-заполнителей в шаблоне.
- Нажмите правой кнопкой мыши на изображение, которое хотите заменить.
- В контекстном меню выберите Поменять изображение.
- В диалоговом окне выберите изображение из библиотеки или нажмите Импорт объектов , чтобы найти изображение на компьютере.
- Нажмите ОК.
Если вы не видите в меню пункт Поменять изображение, убедитесь, что выбрано нужное изображение, а не родительский или другой элемент, который отображается поверх него. Чтобы проверить, какой объект выбран, воспользуйтесь панелью "Структурный редактор".
Добавляйте изображение или видео с помощью инструмента работы с элементами
- На панели инструментов выберите Элемент .
- Нажмите на значок изображения или видео на панели настроек инструмента.
- Создайте элемент в рабочей области, а затем нажмите на указатели и перемещайте их, пока объект не станет нужного размера.
- На панели "Свойства" задайте источник изображения или видео.
Размеры изображения будут подгоняться под нарисованный элемент. Видео будет отображаться в самом большом размере, который помещается в нарисованный элемент без изменения соотношения сторон.
Используйте изображения и видео из локальной библиотеки
На панели "Библиотека" доступны изображения и видео, добавленные в этот документ.
- В библиотеке выберите объект изображения или видео и нажмите на его название.
- Перетащите объекты в подходящее место рабочей области.
Google Web Designer хранит копии файлов объектов из локальной библиотеки в подпапке assets
папки проекта на компьютере.
Как изменить размер изображений и видео
После добавления изображения или видео вы можете изменить их размер или настроить масштабирование.
Предварительный просмотр видео
Видео можно посмотреть в интерфейсе Google Web Designer, если оно находится в компоненте "Видео" или видеообъявлении.
Чтобы узнать, как видео будет выглядеть в проекте, включите предпросмотр документа в браузере, нажав кнопку Предпросмотр в правом верхнем углу экрана. Эта функция недоступна для видеообъявлений.