Modifier la luminosité de l'image de fond d'écran?
Je me demande si il est possible de modifier la luminosité de:
body{
background-image:url();
}
À l'aide de HTML/CSS. La raison pour laquelle je voudrais le changer, c'est parce que j'ai passé un assez long temps de prise de l'image, mais quand je l'ai mis sur le site web, il est tout à coup près de deux fois plus lumineux. J'ai comparé le fichier original et le fichier de saisie sur le site et ils sont tous les deux très beaucoup de différentes couleurs de bleu.
Est-il une raison pour cela, et est-il un moyen pour que je puisse changer la luminosité?
Grâce.
non, vous ne pouvez pas. enregistrer l'image dans la luminosité dont vous avez besoin....
hsivonen.fi/png-gamma
Je ne pense pas que vous lisez l'intégralité de chose Gert B, j'ai fait enregistrer l'image dans la luminosité dont j'ai besoin, et le fichier d'origine est parfait, mais dès que je l'ai mis sur le site web, il va tout d'un coup deux fois plus brillant, ou de, deux fois la luminosité de la teinte de bleu.
hsivonen.fi/png-gamma
Je ne pense pas que vous lisez l'intégralité de chose Gert B, j'ai fait enregistrer l'image dans la luminosité dont j'ai besoin, et le fichier d'origine est parfait, mais dès que je l'ai mis sur le site web, il va tout d'un coup deux fois plus brillant, ou de, deux fois la luminosité de la teinte de bleu.
OriginalL'auteur user3227878 | 2014-01-26
Vous devez vous connecter pour publier un commentaire.
Ce serait une option, mais il n'est pas très pratique et ne fonctionne pas dans les navigateurs plus anciens:
Ou pour encore plus de contrôle de la couleur, essayez
hsla()
couleurs:Vraiment, c'est mieux de jouer avec l'image dans un éditeur d'image jusqu'à ce que vous obtenez le navigateur résultat que vous souhaitez.
Utile à lire ici: w3schools.com/colors/colors_hsl.asp
OriginalL'auteur ralph.m
Cela permettra de mettre 50% de blanc au-dessus de l'image d'origine.
Linear-gradient de la fonction doit être utilisée, sinon ça ne marche pas.
Ou vous pouvez utiliser:
.someObj:after{ content:''; background:rgba(255,255,255,.5); .... }
ce qui est mieux pour la maintenabilité du code.
OriginalL'auteur Martin Zvarík
Il n'y a aucun moyen de le faire ce qui fonctionne dans tous les navigateurs, mais si vous voulez, vous pouvez le faire dans les navigateurs webkit (Chrome, Safari, Opera), en utilisant la
filter
style:Que les résultats de la luminosité être réduite de 80% dans les navigateurs webkit. Je ne recommande juste de sauver une autre version de votre image, si vous voulez faire cela.
L'opacité n'est pas nécessairement égayer, il permet simplement à l'arrière-plan de briller à travers. Pour l'opacité de montrer un effet similaire, vous devez vous assurer que le parent de l'élément a un fond blanc. L'application de
background:white
à l'image de ne pas le faire, puisque l'arrière-plan aura également une opacité de la même valeur pour l'arrière-plan.OriginalL'auteur Joeytje50
J'ai eu le même problème, mais c'est avec un Gif.
Ma solution:
J'ai fait un très petit carré noir à la place de l'image dans PowerPoint et définissez sa transparence à 50% et enregistré comme un fichier appelé "dimmerswitch.png"
Que j'ai référencé en premier dans le code:
OriginalL'auteur Floppsy
Vous venez de le faire Photoshop pour réduire la luminosité si il n'y a pas d'autre moyen.
?!
d'Accord... Peut-être une réponse.OriginalL'auteur Taran Deep Singh