Imagem marca dágua

Front-end

14/09/2015

Existe alguma propriedade html que deixa a imagem como marca d'água ou com .css, pode ser uma alternativa.
Marluce Neves

Marluce Neves

Curtidas 0

Respostas

Randrade

Randrade

14/09/2015

Olá Marluce,
Não sei muito bem se é isso que você quis dizer, mas no css você possui os atributos para deixar a imagem "transparent", se é que podemos dizer assim.

img {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}


Porém, acho melhor você tratar a imagem antes de utilizar. O css ajuda a melhorar, mas se você não possui conhecimento, pode ser trabalhoso ou complicado.

Abaixo, eu vou deixar alguma referências e um exemplo de como fazer isso.

Exemplo Opacity
Css Image Transparent
Transparent Image
GOSTEI 0
Marluce Neves

Marluce Neves

14/09/2015

Tratar a imagens antes que você quer dizer, usar album programa para melhorar a imagem antes inserir?
GOSTEI 0
Randrade

Randrade

14/09/2015

Tratar a imagens antes que você quer dizer, usar album programa para melhorar a imagem antes inserir?


Exatamente isso. Apenas pegar uma imagem e colocar no site pode acarretar problemas de lentidão e/ou resolução. Por isso, nada melhor que tratar a imagem antes.
GOSTEI 0
Marluce Neves

Marluce Neves

14/09/2015

Entendi, diminuir a qualidade ou tamanho ou apenas deixar mais leve.
GOSTEI 0
Randrade

Randrade

14/09/2015

Entendi, diminuir a qualidade ou tamanho ou apenas deixar mais leve.


Isso vai de acordo com a sua necessidade.
Um site de fotografias, por exemplo. Eu prefiro deixar um pouco mais lento ou tratar de outra forma, do que diminuir a resolução.

Tudo na programação você deve fazer de acordo com seu cenário. Não existe regras, infelizmente... xD
GOSTEI 0
POSTAR