Souci format

[valy44]

bonsoir
j'ai crée une bannière de blog en faisant un filigrane de fond d'image, je souhaite insérer cette image en tant que bannière de blog mais le fond de transparence apparait sous jpg, ou l'image est trop lourde sous png...
comment puis procéder ?
merci d'avance....

[valy44]

voici le blog en question :
là j'ai installé le format jpg

http://mamacat.over-blog.com/

[Tom]

Bonjour,

.../... ou l'image est trop lourde sous png... /...

Tu pourrais préciser ce que tu entends par trop lourd ? En Ko on voit beaucoup mieux.
Le lien vers un fichier en jpg ne nous aide pas à trouver une solution pour de la transparence sous PNG

[valy44]

en png elle fait 510 ko
en jpg on voit les carreaux de transparence derrière l'image...la personne trouve cela sympa mais moi j'aimerais savoir si on peut faire sans...les carreaux

[Tom]

Effectivement, 500 ko pour un png à destination du web ça commence à peser.
Tu as plusieurs solutions :
- convertir ton image en gif ne sert à rien pour un filigrane car le gif ne gère pas l'opacité relative : c'est ou 0 ou 100
- alléger le png, si c'est possible ... (A mon avis la bannière est beaucoup trop grande dans le sens de la hauteur)
- faire croire que ton image Jpg est transparente en mettant, sous ton image png, un nouveau fond de la couleur du fond de la page web,
et bien sur tu fusionnes le tout et enregistres en jpg.
Même avec un dessin en fond, ou un dégradé, on peut y arriver avec un peu de soin. En particulier, tu peux faire une copie d'écran du fond web,
et dans PF récupérer à la pipette les bonnes valeurs de couleur, pour le haut et le bas du dégradé.
Exemple ici : http://jptom.free.fr/ le fond de la fenêtre "Les nouvelles" est ajusté, mais différent du fond global.

[valy44]

Super !
Je te remercie pour ta réponse !

[valy44]

juste une autre question :

quelle est la manip pour faire ceci :

"- faire croire que ton image Jpg est transparente en mettant, sous ton image png, un nouveau fond de la couleur du fond de la page web,
et bien sur tu fusionnes le tout et enregistres en jpg."

merci

[Tom]

Indique plutôt ce que tu n'as pas compris.

[valy44]

Effectivement, 500 ko pour un png à destination du web ça commence à peser.
Tu as plusieurs solutions :
- convertir ton image en gif ne sert à rien pour un filigrane car le gif ne gère pas l'opacité relative : c'est ou 0 ou 100
- alléger le png, si c'est possible ... (A mon avis la bannière est beaucoup trop grande dans le sens de la hauteur)
- faire croire que ton image Jpg est transparente en mettant, sous ton image png, un nouveau fond de la couleur du fond de la page web,
et bien sur tu fusionnes le tout et enregistres en jpg.
Même avec un dessin en fond, ou un dégradé, on peut y arriver avec un peu de soin. En particulier, tu peux faire une copie d'écran du fond web,
et dans PF récupérer à la pipette les bonnes valeurs de couleur, pour le haut et le bas du dégradé.
Exemple ici : http://jptom.free.fr/ le fond de la fenêtre "Les nouvelles" est ajusté, mais différent du fond global.

Comment faire pour faire ce qui m'est indiqué à savoir mettre sous mon png un nouveau fond...de couleur...

[Tom]

Dans le menu Calque / Insérer un nouveau fond, par exemple.

[valy44]

oui j'ai pris calque vierge mais après je fusionne tous les calques et j'enregistre en jpg et je vois toujours les carreaux de fond !!!!!!!!!!!!!!!!!!!!!!!!!!

[Tom]

Bah non il ne faut pas mettre un nouveau fond en dessous de ton fichier Jpeg,
il faut le mettre en dessous de ton fichier PNG qui comporte un calque en filigrane,
donc à opacité réduite, ou alors je n'ai rien compris depuis le début ?

Ce nouveau fond doit être vierge mais OPAQUE, peint avec la même couleur que le fond de la page web.
Une fois que tu as un nouveau fond opaque tu ne dois plus voir les damiers,
ou alors précédemment tu n'as pas enregistré le fichier PNG avec la transparence en mode RVBA.

Le plus efficace serait de repartir du fichier PFI que tu as certainement enregistré avec tous ses calques.

[valy44]

Si tu as bien compris...

j'ouvre donc mon png...je me mets en mode rvba, j'insère un nouveau calque vierge...mais après ?

je viens de vérifier je n'avais pas enregistré en repassant en mode rvba une fois les éléments ajoutés sur le filigrane !

mais pour colorer un fond, comment fait on ?

merci

[valy44]

ça a marché : http://mamacat.over-blog.com/

juste que, quand j'enregistre sous mon png en jpg, il me dit qu'il ne gère pas la couche alpha...qu'es ce que cela veut dire ?

et juste une autre question : comment faire des bords arrondis comme sur le blog ?

merci

[Tom]

Bien, voilà qui est mieux. Nous n'avons plus le quadrillage.
Mais je n'ai pas l'impression que l'image du chat étirée soit en filigrane transparent pour laisser passer la couleur du fond.

Si tu enregistres une image RVBA (A comme couche Alpha qui contient les paramètres de la transparence ) en JPG,
tu risques de te retrouver avec le quadrillage, si ton fond est transparent. Il me semblait que c'était ce qui était arrivé ?

Quand tu auras solutionné le problème du calque en filigrane, tu auras la réponse pour les bords arrondis.
Le fond de l'image JPG doit être rectangulaire et d'aspect identique au fond de la page web.
C'est sur la couche de calque au dessus de ce fond que tu vas faire jouer la transparence pour donner l'impression
de filigrane et de bords arrondis.