Redimension sans consequence sur le texte.
Benny
-
warlix Messages postés 1204 Statut Contributeur -
warlix Messages postés 1204 Statut Contributeur -
Bonjour
Je souhaite que mon site soit automatiquement redimensionné à la taille du browser du visiteur du site.
Pour ce j'ai mis toute mes informations ( photo + texte ) sur photoshop, j'en ai fait un jpg que je place dans dreamweaver et que je redimensionne en 100%.
Le probleme est que la qualité de la photo est reduite et surtout que le texte n'est plus net du tout !
Avez vous une solution ? ( je ne veux pas faire mes texte dans dreamweaver mais directement dans photoshop, c'est plus simple pour moi )
Merci
Benny
Je souhaite que mon site soit automatiquement redimensionné à la taille du browser du visiteur du site.
Pour ce j'ai mis toute mes informations ( photo + texte ) sur photoshop, j'en ai fait un jpg que je place dans dreamweaver et que je redimensionne en 100%.
Le probleme est que la qualité de la photo est reduite et surtout que le texte n'est plus net du tout !
Avez vous une solution ? ( je ne veux pas faire mes texte dans dreamweaver mais directement dans photoshop, c'est plus simple pour moi )
Merci
Benny
A voir également:
- Redimension sans consequence sur le texte.
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Insérer une image dans word sans bouger le texte - Guide
- Texte barré whatsapp - Guide
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
14 réponses
bonjour pourquoi tu ne redimensionne pas l'image directement sur photoshop? et ensuite tu l'exporte sur dreamweaver
a++++
a++++
Euh... C'est un peu bizarre comme facon de faire...
En ayant une seule photo, je vois pas trop comment tu vas pouvoir avoir des textes visibles en l'adaptant à la taille du navigateur. Surtout que tu ne peux meme pas savoir le ratio largeur:hauteur que va avoir le visiteur.
Faudrait que tu réccupères la taille du navigateur du visiteur et que tu ai un ensemble d'image parmis lesquelles tu choisirais celle qui a la taille la plus adaptée au visiteur.
Mais bon, personnellement, je vois pas l'interet de faire un site comme ca...
D'après moi si tu tiens vraiment à n'avoir qu'une image, je te conseilles plutot de la faire en 760*(ce que tu veux) et de la centrer dans la page.
Le 760, ca te permet d'avoir une résolution que tout le monde pourra afficher sans probleme sans avoir a scroller horizontalement (y'a plus grand monde qui navigue en dessous de 800*600)
Pour la hauteur, à toi de voir, c'est généralement pas trop genant de scroller verticalement.
En ayant une seule photo, je vois pas trop comment tu vas pouvoir avoir des textes visibles en l'adaptant à la taille du navigateur. Surtout que tu ne peux meme pas savoir le ratio largeur:hauteur que va avoir le visiteur.
Faudrait que tu réccupères la taille du navigateur du visiteur et que tu ai un ensemble d'image parmis lesquelles tu choisirais celle qui a la taille la plus adaptée au visiteur.
Mais bon, personnellement, je vois pas l'interet de faire un site comme ca...
D'après moi si tu tiens vraiment à n'avoir qu'une image, je te conseilles plutot de la faire en 760*(ce que tu veux) et de la centrer dans la page.
Le 760, ca te permet d'avoir une résolution que tout le monde pourra afficher sans probleme sans avoir a scroller horizontalement (y'a plus grand monde qui navigue en dessous de 800*600)
Pour la hauteur, à toi de voir, c'est généralement pas trop genant de scroller verticalement.
Merci pour vos reponses.
en fait je redimensionne pas expres dans photoshop car je ne connais pas la dimension de l'ecran du visiteur donc je met la photo un plus grande expres dans dreamweaver mais en 100%
Le probleme en mettant la photo au centre est que il y'aura soit des bordures blanches à droite soit à gauche ( ou encore au dessus) ou les 2... et je voudrais eviter cela en ayant la complete page comme dans ce site... ex: https://www.paulandjoe.fr/paul-and-joe.html
Des solutions ?
Merci
en fait je redimensionne pas expres dans photoshop car je ne connais pas la dimension de l'ecran du visiteur donc je met la photo un plus grande expres dans dreamweaver mais en 100%
Le probleme en mettant la photo au centre est que il y'aura soit des bordures blanches à droite soit à gauche ( ou encore au dessus) ou les 2... et je voudrais eviter cela en ayant la complete page comme dans ce site... ex: https://www.paulandjoe.fr/paul-and-joe.html
Des solutions ?
Merci
Si c'est juste pour éviter des bandes blanches, tout ce que tu as à faire c'est mettre un fond noir à ta page.
Dans ta balise <body>
Tu mets
Dans ta balise <body>
Tu mets
<body bgcolor="#000000">
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Non c'est pour eviter toutes bandes de n'importent quelles couleurs...
comme dans mon exemple https://www.paulandjoe.fr/paul-and-joe.html
comme dans mon exemple https://www.paulandjoe.fr/paul-and-joe.html
Salut.
Si j'ai bien compris, tu écris ton texte sous Photoshop, puis tu l'enregistres et le publies sous ton site sous forme d'image ?
Ce n'est pas pratique du tout. On ne peut pas facilement copier ton texte, toi tu ne peux pas le modifier facilement, et les moteurs de recherche ne lisent pas les textes dans les images.
Pour faire un arrière-plan étirable, voir :
http://forum.alsacreations.com/faq/#item56
http://blog.alsacreations.com/2004/05/21/8-faire-un-arriere-plan-etirable
webmaster adapter un site a toutes les resolutions le centrer
Si j'ai bien compris, tu écris ton texte sous Photoshop, puis tu l'enregistres et le publies sous ton site sous forme d'image ?
Ce n'est pas pratique du tout. On ne peut pas facilement copier ton texte, toi tu ne peux pas le modifier facilement, et les moteurs de recherche ne lisent pas les textes dans les images.
Pour faire un arrière-plan étirable, voir :
http://forum.alsacreations.com/faq/#item56
http://blog.alsacreations.com/2004/05/21/8-faire-un-arriere-plan-etirable
webmaster adapter un site a toutes les resolutions le centrer
salut,
ce que tu veux faire est tout simplement impossible.
soit tu as plusieurs images de tailles différentes et tu affiches celle qui est la mieux adaptée au moniteur du visiteur soit tu fais un design qui se termine sur un fond uni.
si tu affiches une images avec une résolution différente de celle d'origine tu vas forcement la pixeliser et/ou la déformer.
ce que tu veux faire est tout simplement impossible.
soit tu as plusieurs images de tailles différentes et tu affiches celle qui est la mieux adaptée au moniteur du visiteur soit tu fais un design qui se termine sur un fond uni.
si tu affiches une images avec une résolution différente de celle d'origine tu vas forcement la pixeliser et/ou la déformer.
salut
Si tu veux rester sur le format photoshop/dream ---> jpg
Tu dois faire en sorte que le l interet du visiteur se centre sur la page , et jouer avec un dégradé
Mais je suis comme toi en résumé ^^ sauf que je travail à voir en css et importer juste des bouts de pg pour 'rendre' lla page plus fun.
Le fond uni est quand même le must pour un site à ce jour , rien ne t empeche d y coller quelques petites images sympa
Si tu veux rester sur le format photoshop/dream ---> jpg
Tu dois faire en sorte que le l interet du visiteur se centre sur la page , et jouer avec un dégradé
Mais je suis comme toi en résumé ^^ sauf que je travail à voir en css et importer juste des bouts de pg pour 'rendre' lla page plus fun.
Le fond uni est quand même le must pour un site à ce jour , rien ne t empeche d y coller quelques petites images sympa
Merci Sylvain pou la reponse mais je comprend pas ou je dois mettre le code body{width:100%;} ?
Et qu'en est il de mes calques ? comment dois je faire pour qu'il se modifie en dimension au prorata de l'ensemble de la page ? Ca le fera aussi automatiquement ?
Et qu'en est il de mes calques ? comment dois je faire pour qu'il se modifie en dimension au prorata de l'ensemble de la page ? Ca le fera aussi automatiquement ?
Salut.
Tu dois mettre le code "body{width:100%}" dans un fichier CSS, et indiquer l'adresse du fichier CSS dans ta page html via ce code entre les balises <head> : <link rel="stylesheet" type="css" href="adresse de ton fichier css">
Tu dois mettre le code "body{width:100%}" dans un fichier CSS, et indiquer l'adresse du fichier CSS dans ta page html via ce code entre les balises <head> : <link rel="stylesheet" type="css" href="adresse de ton fichier css">
Le site que tu donnes en exemple : https://www.paulandjoe.fr/paul-and-joe.html est réalisé en flash.
Et l'image se redimensionne dans la limite du possible à la résolution de l'écran de l'internaute.
Si tu diminues la hauteur de la page, l'image se retrouve simplement coupée par le bas (Une partie de l'image disparait).
Et si tu réduis la largeur de ta page, tu verras apparaitre une bande de couleur proche de celle de l'image en bas. Et si tu réduis encore plus, tu auras carrément une bande blanche en bas de la page.
Pour ce qui est du texte, en flash, tu as des principes de calques, comme sous photoshop. Et donc meme en redimensionnant la page, seule la taille de l'image est modifiée et le texte reste lui inchangé.
Et l'image se redimensionne dans la limite du possible à la résolution de l'écran de l'internaute.
Si tu diminues la hauteur de la page, l'image se retrouve simplement coupée par le bas (Une partie de l'image disparait).
Et si tu réduis la largeur de ta page, tu verras apparaitre une bande de couleur proche de celle de l'image en bas. Et si tu réduis encore plus, tu auras carrément une bande blanche en bas de la page.
Pour ce qui est du texte, en flash, tu as des principes de calques, comme sous photoshop. Et donc meme en redimensionnant la page, seule la taille de l'image est modifiée et le texte reste lui inchangé.
Bonjour,
Désolé Sylvain mais je n'y arrive pas.:(
J'ai créé un fichier .css avec dedans l'ecrit :body{width:100%}
J'ai rajouté ds mon document html : <head> : <link rel="stylesheet" type="css" href="adresse de ton fichier css">
Pour l'adresse de mon fichier c'est de quelle style comme adresse ? comment puis je connaitre l'adresse de mon fichier .css ? peux tu me donner un exemple stp ?
Désolé Sylvain mais je n'y arrive pas.:(
J'ai créé un fichier .css avec dedans l'ecrit :body{width:100%}
J'ai rajouté ds mon document html : <head> : <link rel="stylesheet" type="css" href="adresse de ton fichier css">
Pour l'adresse de mon fichier c'est de quelle style comme adresse ? comment puis je connaitre l'adresse de mon fichier .css ? peux tu me donner un exemple stp ?
