Suas Fotos com Marca D’água no M2

Escrito por Mario SAM

Se você vende algum tipo de produto relacionado a imagens (como fotos, paisagens, posters, etc) provavelmente já pensou em proteger sua propriedade intelectual com algum tipo de sobremarca, uma marca d’água sobre a imagem ou foto. Essa funcionalidade existe no M2, e é conhecida como watermark.

Vejamos como funciona.

Configurando a Marca D’água

Ao acessar o admin do sistema, vá em:

CONTENT > [Design] Configuration > Selecione a visão de loja que deseja configurar

Na sequência encontre a guia Product Image Watermarks (Marca D’água em Imagens).

Configurando o uso de marca d'água nas fotos do sistema.

Nesse momento encontramos as configurações repetidas 3x, para imagens do tipo: Base, Thumbnail (Miniatura), e Small (Pequena).

Image (Imagem): Envie a imagem que deve sobrepor todas suas imagens.

Image Opacity (Transparência): O nível de opacidade que a imagem enviada deve apresentar.

Image Size (Tamanho): O tamanho que essa imagem transparente deve ter.

Image Position (Posição): São algumas posições disponíveis, como Esticar, Se repetir, Centralizar, No alto à direita ou à esquerda, Abaixo à direita ou à esquerda.

É preciso limpar o cache do sistema depois de salvar as configurações.

Resultados com Marca d’água

Abaixo um exemplo de watermark para imagens do tipo Base (são as imagens principais dos produtos).

Imagem Foto principal do produto com sua marca d'água customizada.

Abaixo o resultado para imagens do tipo Thumbnail (sãs as miniaturas para a imagem principal do produto).

Fotos miniaturas do produto também podem ter marca d'água.

Por fim, o watermark para imagens do tipo Small, que além de representarem os produtos relacionados, também são apresentadas no carrinho de compras.

Resultado com a marca d'água por cima das fotos dos produtos.

Claro que neste exemplo eu utilizei a minha logo apenas para fins didáticos. Recomendo que você ou sua equipe de design pense e elabore uma imagem mais adequada para ser utilizada como marca d’água.

Basicamente é isso…

Esse mesmo tema já foi discutido aqui no site para a versão do M1, caso tenha interesse visite: Protegendo suas imagens com marca d’água no M1.

Melhore seus conhecimentos na administração do sistema de cor Magenta com o curso: Magento 2: Como usar, gerenciar, e administrar uma loja Magento.

Sucesso!

O Autor

Mario SAM

Desenvolvedor Magento com certificação M1 Developer e M1 FrontEnd Developer. Certificado Google Analytics, Sun Java Certified. Graduado em Web Design e Programação, pós-graduado em Gestão de Projetos e TI.

Magento FrontEnd Developer Certification  Magento Developer Certification