Use o editor de mídias para editar imagens, modelos 3D e vídeos. O editor de mídias está disponível em dispositivos desktop e móveis, mas alguns recursos de edição de mídia só estão disponíveis na versão para desktop. Atualmente, na versão para dispositivos móveis do editor de mídias, é possível editar apenas arquivos de imagem.
É possível usar o editor de mídias para editar mídias sempre que o ícone de edição aparecer nelas. Isso inclui a mídia do produto, a mídia no editor da loja virtual, a mídia nos e-mails do Shopify Messaging e a mídia em Conteúdo > Arquivos. Não é possível usar o editor de mídias para editar imagens no editor de rich text.
Antes de editar as mídias, é importante entender como a proporção das imagens afeta a exibição delas em sites.
A proporção da imagem é a relação entre a largura e a altura. Por exemplo, uma imagem de 200 px por 400 px tem uma proporção de 1:2. Uma imagem de 150 px por 450 px tem uma proporção de 1:3.
As imagens podem ter tamanhos diferentes, mas ainda assim manter a mesma proporção. Para calcular se as imagens têm a mesma proporção, divida a largura de cada uma pela altura e compare os resultados.
Usar uma proporção consistente para todas as imagens de um tipo específico melhora a exibição lado a lado, pois todas aparecem com o mesmo tamanho. Por exemplo, se você quiser que as imagens do produto sejam exibidas no mesmo tamanho em uma coleção, elas precisarão ter a mesma proporção.
Use o editor de mídias para cortar as imagens e deixá-las com a mesma proporção.
Adicionar ou editar texto alternativo
O texto alternativo descreve uma imagem e é importante para a acessibilidade e o SEO. É possível adicionar ou editar o texto alternativo de imagens no editor de mídias.
O editor de mídias pode sugerir um texto alternativo para imagens que ainda não o têm. Essas sugestões são geradas por IA para ajudar a descrever o conteúdo da imagem. É possível aceitar, editar ou substituir o texto alternativo sugerido. Mantenha o texto alternativo breve e descritivo. Recomenda-se o uso de até 125 caracteres. Saiba mais sobre como adicionar texto alternativo à mídia.
Etapas:
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
Na seção Editar informações, clique no campo Texto alternativo.
Siga um destes procedimentos:
Se houver um texto alternativo sugerido, analise-o e clique em Aceitar para usá-lo ou edite-o conforme o necessário.
Se não houver sugestão de texto alternativo ou se você quiser escrever seu próprio texto, insira uma breve descrição da imagem.
Quando terminar as edições no editor de mídias, clique em Salvar.
Cortar uma imagem
É possível cortar uma imagem para remover parte dela. Isso é útil quando você quer exibir apenas parte da imagem ou quando precisa alterar a proporção dela.
É possível cortar uma imagem tanto no desktop quanto em dispositivos móveis. Salvar uma imagem cortada em um dispositivo móvel cria uma nova cópia da imagem.
Etapas:
Desktop
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
No editor de mídias, clique em Cortar e transformar.
Enquadre a área da imagem que você quer manter:
Para cortar a imagem com uma proporção personalizada, clique em Formato livre. Você pode clicar e arrastar os cantos ou as bordas da área destacada ou clicar dentro da área destacada e arrastá-la para uma posição diferente.
Para cortar a imagem usando a mesma proporção da imagem, clique em Original. Você pode clicar e arrastar os cantos da área destacada para redimensioná-la ou clicar dentro da área destacada e arrastá-la para uma posição diferente. A proporção permanece a mesma da imagem original quando você a redimensiona.
Para cortar a imagem em um quadrado, clique em Quadrado. Você pode clicar e arrastar os cantos do quadrado para redimensioná-lo ou clicar dentro do quadrado e arrastá-lo para uma posição diferente. A proporção do quadrado permanece a mesma quando você o redimensiona.
Clique em Aplicar para cortar a imagem.
Quando terminar as edições no editor de mídias, clique em Salvar.
Celular
No app da Shopify, acesse o arquivo de mídia que você quer editar.
Toque na imagem que você quer editar.
No editor de mídias, toque em Cortar.
Para cortar a imagem em um tamanho personalizado, toque e arraste os cantos da área destacada ou toque dentro da área destacada e arraste-a para uma posição diferente.
Opcional: para reinicializar a imagem ou desfazer uma alteração, use o
ou o na parte superior do editor.
Quando terminar as edições no editor de mídias, toque em Salvar para salvar uma nova cópia da imagem.
Desenhar em uma imagem
É possível desenhar em uma imagem para adicionar uma linha, destacar uma parte da imagem ou incluir um design.
Etapas:
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
Clique em Desenhar.
Selecione uma cor e o tamanho do pincel.
Clique e arraste na imagem para desenhar.
Clique em Aplicar para adicionar o desenho.
Quando terminar as edições no editor de mídias, clique em Salvar.
É possível usar a borracha para remover todo o desenho ou parte dele. A borracha não remove nada da imagem original.
Redimensionar uma imagem
É possível redimensionar uma imagem para alterar o tamanho real dela. Se você tentar ajustar a proporção redimensionando a imagem, ela poderá ficar distorcida. Em vez disso, corte a imagem na proporção que você quer usar.
Etapas:
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
Clique em Redimensionar.
Insira a nova largura para a imagem. Por padrão, a opção Manter proporção está selecionada, o que atualiza a altura da imagem automaticamente para manter a proporção dela. Se você quiser ajustar apenas a altura ou a largura de uma imagem, clique em Manter proporção para desmarcar a configuração. Redimensionar a imagem com a opção Manter proporção desativada pode distorcê-la.
Clique em Concluir para redimensionar a imagem.
Quando terminar as edições no editor de mídias, clique em Salvar.
Alterar a orientação de uma imagem
É possível inverter ou girar uma imagem para alterar a orientação de exibição. Também é possível inclinar a imagem na moldura.
Etapas:
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
Clique em Girar.
Para alterar a orientação da imagem:
Clique em Girar no sentido horário para virar a imagem.
Clique nos botões Inverter verticalmente ou Inverter horizontalmente para inverter a imagem.
Clique em Aplicar para alterar a orientação da imagem.
Quando terminar as edições no editor de mídias, clique em Salvar.
Remover ou substituir o plano de fundo de uma imagem
Use o Shopify Magic para remover ou substituir o plano de fundo de uma imagem no editor de mídias. É possível remover ou substituir o plano de fundo de uma imagem no editor de mídias tanto no desktop quanto em dispositivos móveis.
Se você modificou uma imagem com o editor de mídias da Shopify, é possível reverter todas as alterações para a imagem original, mesmo depois de salvá-las. A reversão de uma imagem modificada não pode ser desfeita. Portanto, se quiser reaplicar ou manter alguma modificação na imagem, será preciso refazê-la manualmente.
Etapas:
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
Modifique a imagem.
Clique em Reverter para o original.
Na caixa de diálogo Reverter imagem para o original?, clique em Reverter.
A mensagem Revertido para o original será exibida para indicar que a alteração foi concluída.
Ajustar um modelo 3D
É possível ajustar os seguintes itens nos modelos 3D:
ambiente
plano de fundo
posição inicial da câmera
Não é possível ajustar um modelo 3D em dispositivos móveis.
Etapas:
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
Na seção Ambiente, clique no ambiente que você quer aplicar ao modelo 3D e use a barra deslizante para ajustar a exposição do modelo 3D.
Na seção Plano de fundo, use o seletor de cores para selecionar a cor do plano de fundo ou insira um código hexadecimal.
Clique no ícone da câmera para ajustar a Posição inicial da câmera. É possível ajustar a rotação X e Y inserindo o grau da rotação no campo Rotação X ou Rotação Y, e também é possível ampliar o zoom no modelo 3D movendo a barra deslizante para uma porcentagem maior.
Clique em Concluído.
Se você ajustar a rotação X ou Y da câmera em um modelo 3D e as alterações forem revertidas ao salvar, ajuste primeiro o zoom da câmera antes de definir a rotação desejada.
Substituir a miniatura de um vídeo
Ao fazer o upload de um vídeo, a miniatura é definida como o primeiro quadro dele por padrão. No entanto, é possível fazer o upload de uma miniatura própria para substituir a padrão.
Não é possível substituir a miniatura de um vídeo em dispositivos móveis.
Etapas:
No admin da Shopify, acesse o arquivo de mídia que você quer editar.
Clique na miniatura para abrir o editor de arquivos.
