Através do editor de Texto e Imagem, é possível ilustrar o conteúdo do texto com imagens, criando páginas de apresentação e artigos visualmente atraentes.
Estão disponíveis algumas opções para adicionar uma imagem ao seu website:
- Como um elemento em linha através do elemento Texto, da categoria Texto e Imagens
- Através do elemento Imagem e Texto, onde é possível adicionar imagens como elementos em linha
- Como um único elemento Imagem da categoria Texto e Imagens
É importante observar que, se adicionar uma imagem através do elemento Imagem, conforme o exemplo acima, não poderá ter elementos de conteúdo adicionais ao lado da imagem, como texto ou vídeo. Não é o caso das outras duas alternativas.
Estão disponíveis algumas opções para carregar as imagens desejadas:
- Arraste e largue as imagens de pastas locais ou de outras páginas web no painel de propriedades.
- Procure imagens dos ficheiros locais no seu computador ao clicar na área de adição de imagens.
- Adicione utilizando o URL de uma imagem publicada noutro site. Basta copiar o endereço da imagem, colar no campo de URL e clicar em Adicionar Imagem. (As imagens com um cardinal "#" ou um ponto de interrogação "?" no nome só podem ser carregadas através das opções Arrastar e largar ou URL)
Outra alternativa seria utilizar o separador Biblioteca de imagens e escolher entre uma variedade de imagens disponíveis.
Depois de carregar uma imagem, será automaticamente ajustada ao tamanho predefinido. Escolha entre 3 tamanhos de imagem predefinidos (pequeno, médio, grande) e real, ou defina um tamanho de imagem (tamanho personalizado). Apesar de ser possível redimensionar as imagens, o sistema mantém a imagem original, para que a possa ajustar mais tarde. Todas as imagens redimensionadas aparecerem com melhor detalhe num ecrã Retina de alta resolução.
Ao clicar numa imagem, abre-se um painel de edição à direita com opções de personalização, definição de tamanho, margem, efeitos e estilos de moldura.
Pode alterar a imagem selecionada a qualquer momento ao clicar no botão Alterar. Escolha Editar e a imagem irá abrir num editor externo, onde pode aplicar ferramentas básicas de edição de imagem, tais como recortar, inverter, girar, redimensionar e um número limitado de efeitos especiais.
As opções Predefinição permitem definir Dimensões da imagem personalizadas ao especificar a largura e a altura desejadas. Ao alterar o tamanho, recomenda-se que clique no ícone de cadeado para restringir as proporções da imagem e evitar distorção, por ex.: ao alterar a largura, a altura será ajustada proporcionalmente para garantir que a relação e a perspectiva continuem relativas à da imagem original. Para voltar ao tamanho original da imagem, clique na ligação Repor.
Alterar a largura e o tamanho de uma imagem no editor, apenas irá ajustá-la às novas dimensões visualmente quando o navegador carregar a página, mas o ficheiro mantém o tamanho original. Para otimizar imagens maiores para um carregamento mais rápido, recomenda-se que redimensione as imagens num programa externo de edição de imagens antes de carregar o ficheiro no editor de Texto e Imagem.
O campo Texto descritivo permite especificar algum texto de descrição relacionado à imagem que irá aparecer quando um utilizador colocar o cursor sobre a imagem. Os textos informativos também são úteis na otimização do motor de pesquisa do seu website, pelo que recomendamos que os adicione às principais imagens das suas páginas.
Para modificar a imagem, pode aplicar um Efeito de imagem, que ficará visível depois de guardar a alteração ao clicar fora do elemento editado.
Definir um alinhamento de imagem e adicionar uma ligação sobre a imagem são algumas das outras opções disponíveis. Ao selecionar o ícone para adicionar uma ligação, o seguinte submenu aparece na parte inferior do menu à direita.
Ajuste o espaçamento em redor da imagem em relação ao conteúdo adicional no elemento ao especificar o preenchimento superior, inferior, esquerdo e direito em píxeis.
Pode adicionar uma margem às imagens ao especificar a largura da margem da imagem em píxeis e selecionar a cor da margem desejada. Clicar no ícone Cor da margem abrirá uma caixa de ferramentas de cores na qual poderá aplicar ou remover a cor da margem.
As imagens com informação ao colocar o rato acrescentam o elemento de interatividade a um site e também podem indicar que algo acontecerá se clicar na imagem. Pode ser útil nos casos em que adiciona a ligação sobre a imagem.
Crie uma imagem com sobreposição e efeito de transição ao carregar um segundo ficheiro de imagem na opção de Imagem com sobreposição. Depois de carregar a Imagem com sobreposição, é possível selecionar uma transição da lista de transições a serem usadas entre as duas imagens.
À primeira vista, os efeitos Desvanecimento e Dissolução parecem muito semelhantes, mas há uma diferença significativa quando são aplicados a imagens que têm partes transparentes. Com Desvanecimento, a imagem normal permanece enquanto a imagem sobreposta começa a aparecer e as duas são combinadas. Com Dissolução, a imagem normal desaparece enquanto a imagem sobreposta começa a aparecer.
Dependendo do tamanho da imagem selecionada, os controlos permitem ajustar a imagem no editor de Texto e Imagem. É possível recortar facilmente uma imagem e utilizar zoom numa área específica sem usar outra ferramenta. O resultado ficará disponível imediatamente para visualização no contexto da página. Esta funcionalidade também se aplica às imagens sobrepostas. As funcionalidades de recorte e zoom estão disponíveis quando as Opções avançadas estão ativadas e a imagem de origem tem de ser maior do que a visualizada.
As imagens maiores do que o tamanho apresentado irão mostrar uma barra de deslize de zoom ao clicar, permitindo aproximar ou afastar, bem como arrastar e posicionar a imagem dentro das dimensões especificadas. Isto facilita o foco numa área específica, conforme apresentado no exemplo abaixo. As imagens com uma variação de imagem sobreposta terão um ícone de mudança no canto superior direito, quando selecionadas. Clicar no ícone irá ativar as opções de edição completas para a imagem sobreposta.