С помощью редактора медиафайлов вы можете редактировать изображения, 3D-модели и видео. Редактор доступен как на компьютерах, так и на мобильных устройствах, но некоторые функции редактирования есть только в версии для компьютеров. В настоящее время в мобильной версии редактора медиафайлов можно редактировать только файлы изображений.
Вы можете использовать редактор медиафайлов везде, где на ваших медиафайлах отображается значок редактирования. Это включает медиафайлы товаров, медиафайлы в редакторе интернет-магазина, медиафайлы в письмах Shopify Messaging и медиафайлы в разделе Контент > Файлы. Редактор медиафайлов нельзя использовать для редактирования изображений в редакторе форматированного текста.
Перед тем как редактировать медиафайлы, следует разобраться, как соотношение сторон изображений влияет на их отображение на веб-сайтах.
Соотношение сторон изображения — это отношение его ширины к высоте. Например, изображение размером 200 на 400 пикселей имеет соотношение сторон 1:2, а изображение размером 150 на 450 пикселей — 1:3.
Изображения могут иметь разный размер, но одинаковое соотношение сторон. Чтобы проверить, одинаково ли соотношение сторон у изображений, разделите ширину каждого из них на высоту, а затем сравните результаты.
Использование единого соотношения сторон для всех изображений одного типа улучшает их отображение рядом друг с другом, поскольку все они выводятся в одинаковом размере. Например, если вы хотите, чтобы изображения товаров в коллекции отображались в одном размере, у них должно быть одинаковое соотношение сторон.
С помощью редактора медиафайлов можно кадрировать изображения, чтобы у них было одинаковое соотношение сторон.
Добавление или изменение альтернативного текста
Альтернативный текст описывает изображение и важен для доступности и SEO. Вы можете добавлять или изменять альтернативный текст для изображений в редакторе медиафайлов.
Редактор медиафайлов может предложить альтернативный текст для изображений, у которых его ещё нет. Эти предложения генерируются с помощью ИИ, чтобы помочь описать содержимое изображения. Вы можете принять, изменить или заменить предложенный альтернативный текст. Альтернативный текст должен быть кратким и описательным. Рекомендуется использовать не более 125 символов. Подробнее о добавлении альтернативного текста к медиафайлам.
Шаги:
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
В разделе Редактирование информации нажмите на поле Альтернативный текст.
Выполните одно из следующих действий:
Если есть предложенный альтернативный текст, просмотрите его и нажмите Принять, чтобы его использовать, или измените его при необходимости.
Если предложенного альтернативного текста нет или вы хотите написать свой, введите краткое описание изображения.
Завершив редактирование в редакторе медиафайлов, нажмите Сохранить.
Кадрирование изображения
Вы можете кадрировать изображение, чтобы удалить его часть. Это полезно, если вы хотите отобразить только часть изображения или вам нужно изменить его соотношение сторон.
Кадрировать изображение можно как на компьютере, так и на мобильных устройствах. При сохранении кадрированного изображения на мобильном устройстве создаётся новая копия изображения.
Шаги:
На компьютере
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
В редакторе медиафайлов нажмите Кадрировать и преобразовать.
Выделите область изображения, которую вы хотите сохранить:
Чтобы кадрировать изображение с произвольным соотношением сторон, нажмите Произвольно. Вы можете нажимать и перетаскивать углы или края выделенной области, а также нажать внутри неё и перетащить в другое место.
Чтобы кадрировать изображение с сохранением исходного соотношения сторон, нажмите Исходное. Вы можете нажимать и перетаскивать углы выделенной области для изменения её размера, а также нажать внутри неё и перетащить в другое место. При изменении размера соотношение сторон остаётся таким же, как у исходного изображения.
Чтобы кадрировать изображение в форме квадрата, нажмите Квадрат. Вы можете нажимать и перетаскивать углы квадрата для изменения его размера, а также нажать внутри него и перетащить в другое место. Соотношение сторон квадрата остаётся неизменным при изменении его размера.
Нажмите Применить, чтобы кадрировать изображение.
Завершив редактирование в редакторе медиафайлов, нажмите Сохранить.
На мобильном устройстве
В приложении Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на изображение, которое хотите отредактировать.
В редакторе медиафайлов нажмите Кадрировать.
Чтобы кадрировать изображение до произвольного размера, нажимайте и перетаскивайте углы выделенной области, а также нажмите внутри неё и перетащите в другое место.
Необязательно: для сброса изображения или отмены изменения воспользуйтесь значками
или в верхней части редактора.
Завершив редактирование в редакторе медиафайлов, нажмите Сохранить, чтобы сохранить новую копию изображения.
Рисование на изображении
Вы можете рисовать на изображении, чтобы добавить линию, выделить его часть или нанести рисунок.
Шаги:
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
Нажмите Рисовать.
Выберите цвет и размер кисти.
Нажмите и перетаскивайте курсор по изображению, чтобы рисовать.
Нажмите Применить, чтобы добавить рисунок.
Завершив редактирование в редакторе медиафайлов, нажмите Сохранить.
С помощью ластика можно удалить рисунок целиком или его часть. Ластик не удаляет ничего из исходного изображения.
Изменение размера изображения
Вы можете изменить размер изображения, чтобы поменять его фактический размер. Если вы попытаетесь изменить соотношение сторон путём изменения размера, изображение может исказиться. Вместо этого кадрируйте изображение до нужного соотношения сторон.
Шаги:
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
Нажмите Изменить размер.
Введите новую ширину изображения. По умолчанию выбран параметр Сохранять соотношение сторон, при котором высота изображения обновляется автоматически для сохранения его соотношения сторон. Если вы хотите изменить только высоту или ширину изображения, нажмите Сохранять соотношение сторон, чтобы отменить этот параметр. Изменение размера изображения с отключённым параметром Сохранять соотношение сторон может привести к его искажению.
Нажмите Готово, чтобы изменить размер изображения.
Завершив редактирование в редакторе медиафайлов, нажмите Сохранить.
Изменение ориентации изображения
Вы можете отразить или повернуть изображение, чтобы изменить его ориентацию. Также можно наклонить изображение внутри его рамки.
Шаги:
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
Нажмите «Повернуть».
Чтобы изменить ориентацию изображения:
Чтобы повернуть изображение, нажмите «Повернуть по часовой стрелке».
Чтобы отразить изображение, нажмите кнопку «Отразить по вертикали» или «Отразить по горизонтали».
Нажмите «Применить», чтобы изменить ориентацию изображения.
Завершив редактирование в редакторе медиафайлов, нажмите Сохранить.
Удаление и замена фона изображения
С помощью Shopify Magic вы можете удалить или заменить фон изображения в редакторе медиафайлов. Удалить или заменить фон изображения в редакторе медиафайлов можно как на компьютере, так и на мобильных устройствах.
Если вы изменили изображение в редакторе медиафайлов Shopify, то можете отменить все изменения и вернуть исходное изображение даже после их сохранения. Это действие необратимо, поэтому если вы захотите снова применить какие-либо изменения, их придётся вносить вручную.
Шаги:
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
Измените изображение.
Нажмите «Вернуть к исходному».
В диалоговом окне «Вернуть исходное изображение?» нажмите «Вернуть».
Появится сообщение «Возвращено к исходному», подтверждающее, что изменение выполнено.
Настройка 3D-модели
Для 3D-моделей можно настроить следующие параметры:
окружение
фон
исходное положение камеры
На мобильном устройстве настраивать 3D-модели нельзя.
Шаги:
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
В разделе «Окружение» выберите среду, которую хотите применить к 3D-модели, и с помощью ползунка настройте её экспозицию.
В разделе «Фон» с помощью средства выбора цвета выберите цвет для фона или введите его шестнадцатеричный код.
Нажмите на значок камеры, чтобы настроить исходное положение камеры. Вы можете настроить поворот по осям X и Y, введя значение в градусах в поля «Поворот по X» или «Поворот по Y». Также можно изменить масштаб 3D-модели, передвинув ползунок на большее процентное значение.
Нажмите «Готово».
Если вы настраиваете поворот камеры по осям X или Y для 3D-модели, а изменения сбрасываются при сохранении, сначала настройте масштаб камеры, а затем установите желаемый поворот.
Замена миниатюры для видео
При загрузке видео в качестве миниатюры по умолчанию используется его первый кадр, но вы можете загрузить собственную миниатюру, чтобы заменить стандартную.
На мобильном устройстве заменить миниатюру видео нельзя.
Шаги:
В панели администратора Shopify перейдите к медиафайлу, который вы хотите отредактировать.
Нажмите на миниатюру, чтобы открыть редактор файла.
