 |
Editor de capturas de tela de Moiful Clique para ampliar |
Moiful é uma ferramenta on-line para editar capturas de tela (
screenshots) e criar imagens com códigos de programação (algoritmos de computador).
O editor de capturas de tela faz o mesmo que outra ferramenta que
já divulgamos aqui, o
shots.so, faz, isto é, por a imagem capturada dentro de outra/sob um fundo (
canvas), mas com mais possibilidades e recursos de edição.
Moiful permite:
- Escolher tamanhos personalizados e pré-definidos para a imagem a ser produzida (ou seja, o tamanho do canvas). Há tamanhos prontos, por exemplo, para thumbnail/miniatura de vídeo do YouTube, capa para Facebook, Stories para Instagram, capa para X/Twitter e capa para LinkedIn. O tamanho também pode ser personalizado pelo usuário.
- Usar como imagem de fundo gradientes, cores sólidas e imagens (disponibilizadas pela própria ferramenta) semelhantes a gradientes, tendo ainda a possibilidade de pôr frames (molduras) na imagem capturada (exemplo: janela do Windows).
- Alterar várias características da imagem capturada, como, por exemplo, posição em relação ao fundo/canvas, perspectiva, tamanho, raio de arredondamento dos cantos e sombra.
- Inserir objetos na imagem em edição (setas, círculos, quadrados) e também texto.
As imagens geradas em Moiful são salvas somente no formato PNG. Oferecem o recurso de copiar a imagem para a área de transferência do sistema operacional, mas comigo não funcionou. Pode ser um recurso ainda em desenvolvimento.
Uma impressão que tive foi a de que o site funciona melhor quando acessado via Google Chrome. Fora este navegador, porém, só testei no Firefox.
No modo/editor
Code to Image, você cola um código de programação já pronto e então edita as características da imagem da janela de código.
 |
Tela de edição do Code to Image Clique para ampliar |
No CtI, o usuário poderá editar:
- a presença ou não de um fundo;
- o tamanho da fonte;
- o padding;
- cor e direção do gradiente de fundo;
- cor da janela de código (branca ou escura);
- a rotação 3D da janela de código;
- presença de marca d'água;
- a linguagem do código! Essa é a parte mais interessante. O usuário pode escolher entre texto limpo, sem qualquer formatação, e uma linguagem (exemplo: CSS, JavaScript, XML, Json, C++, Java e Go). Ao alterar a linguagem, o editor muda as formatações de cor e detalhes da linguagem (insere ou tira ponto e vírgula, por exemplo).
 |
Imagem com janela de código de programação editada no Code to Image. O código usado foi o já fornecido pelo Moiful. |
Etiquetas:
mockup de janelas do Windows, Mac OS, Linux, imagem com snippets de algoritmos, código de programação