Rapetissir une image sur page HTML
Stef
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
Je m'explique, étant NUL en info graphisme. J'ai un logo de grande taille d'excellente qualité. Je souhaite la mettre sur mon site mais le pb est que quand je modifis son format elle devient déguelasse lorsque je zoom dessus.
Je voulais juste savoir, si cela est biensur possible, d'imposer une taille sur une page web à une grande image (exemple je dis n'importe quoi: 1000px / 600px à un emplacement de 600px /200px) afin que si je zoom sur mon site je ne perd pas en qualité.
Merci de vos réponses!
Bonne soirée à tous ;)
Je m'explique, étant NUL en info graphisme. J'ai un logo de grande taille d'excellente qualité. Je souhaite la mettre sur mon site mais le pb est que quand je modifis son format elle devient déguelasse lorsque je zoom dessus.
Je voulais juste savoir, si cela est biensur possible, d'imposer une taille sur une page web à une grande image (exemple je dis n'importe quoi: 1000px / 600px à un emplacement de 600px /200px) afin que si je zoom sur mon site je ne perd pas en qualité.
Merci de vos réponses!
Bonne soirée à tous ;)
A voir également:
- Rapetissir une image sur page HTML
- Comment supprimer une page sur word - Guide
- Imprimer tableau excel sur une page - Guide
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Légender une image - Guide
3 réponses
Bonsoir,
Si tu ne renseignes qu'une des 2 valeurs (HEIGHT et/ou WIDTH) dans la balise IMG, l'image sera redimensionnée proportionnellement...
Mais elle sera déformée si tu renseignes les 2 valeurs, et que les valeurs ne sont pas proportionnelles .
;-)
Exemple :
- l'image de départ : https://pix.toile-libre.org/upload/original/1315950723.jpg
- avec une seule valeur renseignée : http://cjoint.com/11sp/AIoaBqJFZBh.htm
- avec 2 valeurs non proportionnelles renseignées : http://cjoint.com/11sp/AIoaCixYn98.htm
Le code (avec les 2 valeurs) :
Maintenant, si l'image est redimensionnée à l'affichage, elle ne l'est pas lors du chargement...
Une image de 5000x5000 pixels, même redimensionnée de la sorte à 300x300 pixels devra être chargée dans le cache du navigateur avec sa taille d'origine...
;-)
@+
(_._)
-0|0-
Si tu ne renseignes qu'une des 2 valeurs (HEIGHT et/ou WIDTH) dans la balise IMG, l'image sera redimensionnée proportionnellement...
Mais elle sera déformée si tu renseignes les 2 valeurs, et que les valeurs ne sont pas proportionnelles .
;-)
Exemple :
- l'image de départ : https://pix.toile-libre.org/upload/original/1315950723.jpg
- avec une seule valeur renseignée : http://cjoint.com/11sp/AIoaBqJFZBh.htm
- avec 2 valeurs non proportionnelles renseignées : http://cjoint.com/11sp/AIoaCixYn98.htm
Le code (avec les 2 valeurs) :
<img src="https://pix.toile-libre.org/upload/original/1315950723.jpg" HEIGHT=75 WIDTH=312 border="0" alt="Texte affiché si l'image ne peut être affiché">;-)
Maintenant, si l'image est redimensionnée à l'affichage, elle ne l'est pas lors du chargement...
Une image de 5000x5000 pixels, même redimensionnée de la sorte à 300x300 pixels devra être chargée dans le cache du navigateur avec sa taille d'origine...
;-)
@+
(_._)
-0|0-
Le Gnou, tu es AU TOPPPPPP même si j'ai pas encore essayé mdr!
Merci beaucoup à toi et excellente soirée ;)
Merci beaucoup à toi et excellente soirée ;)
:-)
Même pas...juste un bouquin sur le HTML...
;-)
Ceci dit, fais gaffes à ce que je t'ai dit...
Mieux vaut afficher, par exemple, les miniatures sur la page d'accueil, et les images en format normal si l'utilisateur le désire...
Un exemple :
- j'ai pris une photo qui fait 3648x2736 pixels, et qui pèse 2,1 Mo sur le disque,
- si, sur mon site, j'affiche avec cette méthode 10 miniatures de photos de cette façon, cela fera 21 Mo à charger pour voir le site...
Alors que, si j'affiche 20 miniatures de 300x300 pixels, j'arrive à 1,6 Mo...
;-)
@+
Même pas...juste un bouquin sur le HTML...
;-)
Ceci dit, fais gaffes à ce que je t'ai dit...
Mieux vaut afficher, par exemple, les miniatures sur la page d'accueil, et les images en format normal si l'utilisateur le désire...
Un exemple :
- j'ai pris une photo qui fait 3648x2736 pixels, et qui pèse 2,1 Mo sur le disque,
- si, sur mon site, j'affiche avec cette méthode 10 miniatures de photos de cette façon, cela fera 21 Mo à charger pour voir le site...
Alors que, si j'affiche 20 miniatures de 300x300 pixels, j'arrive à 1,6 Mo...
;-)
@+