Introdução
Neste tutorial, você aprenderá a utilizar a Biblioteca de imagens da Rockty, uma ferramenta essencial para gerenciar e inserir imagens em suas páginas. Além de adicionar imagens diretamente do seu dispositivo, você também terá acesso a milhares de opções gratuitas dos bancos de imagens Pexels e Unsplash. Vamos explorar como organizar suas imagens em pastas personalizadas, filtrar buscas e inserir imagens com facilidade, tornando sua experiência no construtor de páginas ainda mais eficiente.
Passo a Passo
1. Acessando a Biblioteca de Imagens
Para adicionar imagens às suas páginas, você pode usar a Biblioteca de imagens da Rockty em diversos contextos, como no fundo de Seções, Linhas, Colunas, ou em elementos como Imagem, Carrossel, Galeria de Imagens, Card, Bullet Point e Flip Card.
Nota: Este tutorial foca na utilização da biblioteca de imagens. Caso precise de orientações sobre como adicionar imagens usando esses componentes específicos, consulte os tutoriais dedicados a cada um dos componentes mencionados. Clique nos links acima para acessar os tutoriais relevantes.
2. Minhas Imagens
Ao selecionar um componente para inserir uma imagem, você será direcionado para a tela "Minhas Imagens". Aqui, você verá duas pastas padrão: "Todos os Arquivos" e "Não Organizado". Nelas, serão exibidas as imagens que você já subiu para a plataforma.
Você pode adicionar novas imagens de duas formas:
Clicando no botão "Selecionar Arquivo".
Arrastando imagens diretamente do seu dispositivo para o campo "Arraste suas imagens aqui".
3. Criando e Organizando Pastas
Para organizar melhor suas imagens, crie pastas personalizadas clicando em "+ Nova Pasta".
Renomeie a pasta clicando sobre o título "Nova Pasta" e digitando o nome desejado. Para excluir, clique no ícone de lixeira. Imagens podem ser movidas para essas pastas ao usar o botão "+ Adicionar Imagem a Esta Pasta" ou arrastando diretamente.
4. Gerenciando Imagens
Ao passar o cursor sobre uma imagem na biblioteca, clique no ícone de três pontos para deletar ou mover a imagem para uma pasta específica. Se precisar localizar uma imagem rapidamente, utilize o campo de busca e filtre pelo formato do arquivo (PNG, WebP, etc.).
5. Acessando o Banco de Imagens
Além de suas imagens, você pode acessar um vasto banco de imagens gratuitas através das opções Pexels e Unsplash. Basta clicar em "Banco de Imagens" no topo da tela da Biblioteca de Imagens. Na tela de busca do banco de imagens, digite palavras-chave, preferencialmente em inglês, para obter melhores resultados.
É possível filtrar as imagens por orientação (retrato ou panorama) e cor predominante. Passe o mouse sobre uma imagem para visualizar uma prévia com o botão Preview ou insira diretamente na página com Insert.
6. Finalizando
Depois de inserir uma imagem, a biblioteca se fechará automaticamente, e você voltará para o construtor de páginas, onde a imagem estará posicionada no local selecionado. Se estiver apenas organizando as imagens, clique no X no canto superior direito para fechar a biblioteca.
Dicas Adicionais
Ao procurar imagens no Banco de Imagens, utilize termos em inglês para ampliar os resultados.
Organize suas imagens em pastas para facilitar a gestão dos arquivos.
Use imagens otimizadas para garantir melhor performance nas suas páginas. Recomendamos o formato WebP, que oferece uma boa relação entre qualidade e tamanho do arquivo.
Quer melhorar a performance da sua página? Confira nosso tutorial sobre Como Otimizar Imagens no Construtor de Páginas da Rockty! Aprenda a usar formatos recomendados, técnicas de compressão e ajustes para responsividade, garantindo imagens otimizadas para todas as versões da sua página.
Conclusão
A biblioteca de imagens da Rockty oferece uma maneira eficiente de gerenciar e adicionar imagens às suas páginas. Com a opção de criar pastas personalizadas e o acesso a bancos de imagens gratuitos, você tem flexibilidade para encontrar e organizar os melhores recursos visuais para seus projetos. Agora você está pronto para aproveitar ao máximo essa ferramenta!
Precisa de Ajuda?
Se tiver dúvidas ou precisar de suporte adicional, entre em contato com nossa equipe de Suporte!