Uma moldura faz mais do que parece. Separa a imagem daquilo que a rodeia, o que conta quando uma fotografia de bordos escuros é colocada sobre uma página escura e simplesmente se dissolve nela. Dá a um conjunto de imagens uma apresentação coerente, para que uma grelha de fotografias de produto pareça intencional em vez de improvisada. E uma margem branca generosa é o truque de apresentação mais antigo que existe: é o que faz um passe-partout de galeria, e faz uma imagem ler-se como um objeto pensado.
A moldura é acrescentada alargando a tela e não cortando, por isso nada da sua imagem se perde. Uma moldura de 16 píxeis numa fotografia de 1000 × 800 produz um ficheiro de 1032 × 832 com o original intacto ao centro.
A moldura é desenhada localmente no navegador. As imagens não são carregadas para serem emolduradas.
| Largura da imagem | Moldura recomendada | Efeito |
|---|---|---|
| Abaixo de 600 px | 8 px | Uma moldura limpa sem comer o enquadramento |
| 800-1200 px | 16 px | Claramente visível mas sóbria |
| 1500-2500 px | 32 px | Proporcionalmente semelhante a 16 px num ficheiro menor |
| Acima de 3000 px | 64 px | A única espessura que se lê como moldura nesta escala |
A espessura é absoluta e não proporcional, por isso a mesma definição fica completamente diferente numa miniatura e numa fotografia em resolução total. Se está a aplicar o mesmo estilo a um conjunto de imagens de tamanhos diferentes, uniformize-as primeiro para uma largura comum e só depois adicione a moldura.
O branco é a predefinição por uma razão: imita um passe-partout de galeria, separa a imagem de quase qualquer fundo e nunca compete com o conteúdo. O preto emoldura bem imagens luminosas e dá às fotografias um peso cinematográfico, ainda que desapareça numa página escura.
Uma cor de marca liga um conjunto de imagens e compensa em grelhas de produto e publicações sociais, mas mantenha a espessura contida: uma faixa larga de cor saturada afasta o olhar da imagem que deveria apresentar.
Não. A tela é alargada e a moldura desenhada por fora, por isso a imagem original mantém-se inteiramente preservada ao centro. As dimensões finais crescem o dobro da espessura da moldura.
As opções são 8, 16, 32 e 64 píxeis. Para outra espessura, aplique a moldura duas vezes: 32 e depois 32 dá 64, e misturando cores obtém uma moldura dupla.
Sim. O seletor aceita qualquer valor, por isso cores de marca e tons personalizados funcionam todos.
Só se tiverem o mesmo tamanho. A espessura é em píxeis absolutos, por isso 16 px destaca-se numa imagem de 600 px e é quase invisível numa de 4000 px. Uniformize primeiro para uma largura comum se quer um conjunto coerente.
A saída PNG mantém o canal alfa e a moldura é desenhada em cor sólida. Note que a moldura rodeia o conteúdo visível em vez de ficar atrás de uma área transparente.
Não. A tela é alargada e pintada no navegador.