Fatiar imagens

 
 
 
 
 

O fatiamento de imagens permite carregar uma imagem grande em uma página da Web, um pedaço de cada vez, dividindo-a em vários arquivos menores. Os arquivos resultantes; ou fatias, podem ser somente para exibição ou podem ser clicáveis.

As fatias só podem ser retangulares. Para criar áreas clicáveis com outras formas, use um mapa de imagem. Para obter mais informações sobre mapas de imagens, consulte “Criar mapas de imagem.”

À medida que fatia a imagem, você pode visualizá-la e testá-la a qualquer momento em um navegador.


Criar grades de fatias

Para fatiar uma imagem, primeiro é necessário criar uma grade de fatia colocando linhas de fatia horizontais e verticais na imagem. Você pode criar automaticamente a grade de fatia com base na colocação dos objetos em uma imagem ou criar fatias iguais com base no número de colunas e fileiras especificado. Também é possível importar ou exportar grades de fatia.

A grade de fatia cria uma sobreposição na janela de imagem. Enquanto você trabalha em uma imagem fatiada, pode acessar outros recursos. Também é possível ocultar a grade de fatia e a sobreposição.


Atribuir propriedades a fatias

Depois de fatiada a imagem, você pode atribuir propriedades a qualquer fatia. É possível especificar um nome de arquivo, um URL, um destino e um texto alternativo para a fatia. As fatias individuais também podem ser exportadas para diferentes formatos de arquivo e otimizadas separadamente. As configurações padrão são aplicadas a qualquer fatia que não tenha recebido propriedade específica. As fatias não nomeadas recebem automaticamente nomes baseados na sua localização por fileira e coluna da grade de fatia. Por exemplo, em uma imagem fatiada com o nome de “banner”, a fatia localizada na primeira fileira e primeira coluna recebe o nome de “banner_r1c1”.

Uma fatia de imagem também pode ser um efeito de ativação. Para obter mais informações sobre a criação e edição de efeitos de ativação, consulte “Criar e editar efeitos de ativação.”

Você também pode visualizar uma imagem fatiada em um navegador da Web enquanto trabalha com ela.

Photo Paint web imageslice Fatiar imagens

Essa imagem fatiada mostra botões de efeito de ativação e fatias com texto que foram otimizados separadamente. As linhas verdes indicam a grade de fatia


Apagar fatias

Depois de adicionadas, as linhas de fatia podem ser movidas ou apagadas. Para remover parte de uma linha de fatia, selecione e mescle fatias adjacentes. Também é possível remover de uma vez toda a grade de fatia. Ao apagar uma linha de fatia, você cria uma fatia a partir de várias fatias. Como resultado, você perde as configurações aplicadas às fatias separadas, e a nova fatia maior assume as configurações padrão.


Exportar imagens fatiadas

Depois de terminar de fatiar a imagem, é necessário exportá-la. Durante a exportação, o Corel PHOTO-PAINT cria os seguintes itens:

 
um arquivo contendo o código HTML e JavaScript
 
uma pasta contendo as fatias de imagem

Se você já exportou a imagem fatiada e abriu-a novamente para modificá-la, pode exportar somente as fatias de imagem.


Otimizar imagens fatiadas

Você pode também otimizar uma imagem fatiada antes de exportá-la. As configurações de otimização aplicam-se somente às fatias que ainda não têm atribuições de formatos de arquivo ou configurações de otimização. Essas fatias são salvas com as configurações padrão de formato de arquivo JPEG. Nesse estágio, não é possível especificar configurações para fatias individuais. Você pode também otimizar a imagem inteira deixando de lado todas as fatias e suas configurações. Para obter mais informações sobre otimização de imagens para a Web, consulte “Exportar e otimizar imagens para a Web.”


Para fatiar uma imagem

Photo Paint btnbacktotop Fatiar imagens
1.
 
Clique na ferramenta Fatiamento de imagem Photo Paint pgx image slicing tool Fatiar imagens.
2.
 
Na barra de propriedades, clique em um dos seguintes botões para criar uma grade de fatia:
O botão Fatia vertical Photo Paint pgx vertical slice button Fatiar imagens — permite adicionar uma única linha de fatia vertical clicando na imagem
O botão Fatia horizontal Photo Paint pgx horiz slice button Fatiar imagens — permite adicionar uma única linha de fatia vertical clicando na imagem
Botão Fatia automática Photo Paint pgx auto slice button Fatiar imagens — permite fatiar a imagem inteira com base no posicionamento dos objetos
O botão Fatia idêntica Photo Paint pgx equal slice button Fatiar imagens — permite recortar a imagem em fatias do mesmo tamanho especificando o número de fileiras e de colunas
3.
 
Clique no botão Seletor de fatia Photo Paint pgx slice select button Fatiar imagens na barra de propriedades.
Para mover uma linha de fatia, arraste-a para uma nova posição na imagem.
4.
 
Clique em uma fatia de imagem.
5.
 
Na janela de encaixe Fatiamento de imagem, digite as seguintes informações para a fatia ou fatias selecionadas:
Nome — especifica um nome de arquivo para a fatia. Se o nome de arquivo não for digitado, um nome padrão será inserido com base no nome de arquivo da imagem original e no posicionamento da fatia em coluna e fileira.
URL — especifica um endereço, ou URL, de uma página da Web que se abre quando você clica em uma fatia.
ALT — especifica o texto alternativo que é exibido em um navegador quando você aponta para uma fatia
Destino — especifica como uma página da Web se abre: _self abre o URL no quadro atual, _blank abre o URL em uma nova janela do navegador, _top abre o URL no quadro-raiz do navegador, _parent abre o URL no quadro de nível mais alto.
6.
 
Na área Formato, escolha um formato de arquivo para a fatia na caixa de listagem.
Se você não escolher um formato de arquivo, a fatia de imagem será automaticamente salva no formato padrão.

Você pode também
Otimizar uma fatia
Selecione uma fatia e na janela de encaixe Fatiamento de imagem, clique em Avançadas e ajuste as configurações de formato de arquivo.
Visualizar a imagem fatiada em um navegador com as configurações atuais
Clique no botão Visualizar Photo Paint pgx preview browser Fatiar imagens.
Importar uma grade de fatia
Clique na seta do menu desdobrável Photo Paint pgx flyout arrow Fatiar imagens e clique em Importar grade da fatia.
Exportar uma grade de fatia para utilização em outra imagem
Clique na seta do menu desdobrável Photo Paint pgx flyout arrow Fatiar imagens e clique em Exportar grade da fatia.
Salvar as configurações de formato de arquivo que especificar como uma predefinição
Clique na seta do menu desdobrável Photo Paint pgx flyout arrow Fatiar imagens e clique em Salvar predefinição.

Photo Paint tip Fatiar imagens

 
Para selecionar várias fatias, mantenha pressionada a tecla Shift e clique nas fatias.
 
Para alternar entre os botões Fatia horizontal e Fatia vertical, pressione a tecla Shift.

Para exibir ou ocultar a sobreposição e a grade de fatia

Photo Paint btnbacktotop Fatiar imagens
 
Clique em Exibir Photo Paint onestep Fatiar imagens Grade de fatia. .

Photo Paint note Fatiar imagens

 
Se a ferramenta Fatiamento de imagem Photo Paint pgx image slicing tool Fatiar imagens estiver selecionada, não é possível optar por exibir ou ocultar a grade de fatia. Quando a ferramenta de fatia está selecionada, a grade de fatia é sempre exibida.

Para apagar uma linha de fatia da imagem

Photo Paint btnbacktotop Fatiar imagens
1.
 
Clique na ferramenta Fatiamento de imagem Photo Paint pgx image slicing tool Fatiar imagens.
2.
 
Clique no botão Apagar fatia Photo Paint pgx erase slice button Fatiar imagens na barra de propriedades.
3.
 
Clique em uma linha para apagá-la.
Para apagar todas as fatias, clique no botão Apagar todas as fatias Photo Paint pgx erase all button Fatiar imagens na barra de propriedades.

Photo Paint note Fatiar imagens

 
Quando uma linha de fatia é apagada, a nova fatia combinada retorna às configurações padrão. Qualquer configuração aplicada às fatias individuais é perdida.

Para exportar uma imagem fatiada

Photo Paint btnbacktotop Fatiar imagens
1.
 
Clique em Arquivo Photo Paint onestep Fatiar imagens Exportar para a Web.
2.
 
Escolha a pasta em que deseja salvar o arquivo HTML/JavaScript.
3.
 
Digite um nome de arquivo na caixa Nome de arquivo.
4.
 
A caixa de seleção Fatias deve estar ativada.
5.
 
A opção HTML e imagens deve estar ativada.
6.
 
Na área Destino da imagem, ative a opção Usar nome HTML para subpasta de imagem .
As fatias de imagem são salvas no mesmo local do arquivo HTML e o nome da pasta é baseado no nome do arquivo HTML.
7.
 
Clique em Salvar.

Você pode também
Especificar um nome e local diferentes para a pasta de imagem
Na área Destino da imagem, digite um caminho na caixa Pasta de imagens.
Substituir as fatias de imagem existentes
Na área Destino da imagem, ative a opção Substituir arquivos existentes.
Visualizar a imagem fatiada em um navegador
Ative a caixa de seleção Exibir no navegador para iniciar o navegador padrão e visualizar o arquivo com as configurações atuais.

Photo Paint note Fatiar imagens

 
Se a opção Fatias não estiver ativada, as fatias e todas as configurações atribuídas na janela de encaixe Fatiamento de imagem não serão aplicadas à imagem exportada. Se você optar por não aplicar as fatias e as configurações, escolha um formato de arquivo para aplicar à imagem inteira na caixa de listagem Salvar como tipo.
 
Se você não utilizou um nome de arquivo compatível com a Web, ele será corrigido automaticamente durante a exportação. Se tiver duplicado um nome de arquivo sem querer, isso também será corrigido automaticamente.

Photo Paint tip Fatiar imagens

 
Para exportar somente as fatias de imagem, ative a opção Somente imagens. A caixa Nome do arquivo fica acinzentada porque os nomes de arquivo de fatia de imagem já são especificados na janela de encaixe Fatiamento de imagem.

Para otimizar e exportar uma imagem fatiada

Photo Paint btnbacktotop Fatiar imagens
1.
 
Clique em Arquivo Photo Paint onestep Fatiar imagens Otimizador de imagens da Web.
2.
 
No canto superior esquerdo da caixa de diálogo Otimizador de imagens da Web, ative a opção Manter fatias.
3.
 
Abaixo de uma janela de visualização de imagem, escolha um formato de arquivo da caixa de listagem superior esquerda.
4.
 
Escolha uma predefinição de nomes da Web na caixa de listagem superior direita.
5.
 
Clique abaixo da janela de visualização de imagem para selecionar o formato de arquivo que deseja salvar.
Uma borda vermelha indica o formato selecionado.
6.
 
Clique em OK.
7.
 
Na caixa de diálogo Exportar para a Web, digite um nome de arquivo na caixa Nome do arquivo.
8.
 
Escolha a pasta em que deseja salvar a imagem.
9.
 
Clique em Salvar.

Você pode também
Visualizar a imagem com as configurações atuais

para cada fatia
Clique em Visualizar.
Deixar de lado todas as fatias e otimizar a imagem inteira
Ative a opção Criar imagem única.

Photo Paint note Fatiar imagens

 
Mesmo que as fatias sejam exibidas na caixa de diálogo Otimizador de imagens da Web, somente aquelas definidas com o tipo de arquivo padrão serão otimizadas. Para otimizar individualmente as fatias, retorne à janela de encaixe Fatiamento de imagem.

Fatiar imagens