A voir également:
- Taille d'image en css
- Comment réduire la taille d'un fichier - Guide
- Image iso - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Faststone image viewer - Télécharger - Visionnage & Diaporama
4 réponses
arnotw
Messages postés
25
Date d'inscription
mercredi 25 août 2004
Statut
Membre
Dernière intervention
28 décembre 2007
36
18 mars 2005 à 19:12
18 mars 2005 à 19:12
Salut à tous
C'est plus simple en CSS :
Demonstration :
De plus si tu veux faire un zoom sur ta photo, tu créé une class (comme .img) qui fait 500px (width: 500px;) et t'as juste à rappeler ta class (class="img") .
C'est beaucoup plus simple, plus facile à modifier, et ça répond aux normes du W3 (w3.org)
C'est plus simple en CSS :
Demonstration :
<head> <style> .img { width: 200px;} </style> </head> <body> <img src="test.jpg" class="img"> </body>
De plus si tu veux faire un zoom sur ta photo, tu créé une class (comme .img) qui fait 500px (width: 500px;) et t'as juste à rappeler ta class (class="img") .
C'est beaucoup plus simple, plus facile à modifier, et ça répond aux normes du W3 (w3.org)
Salu
Ouep, c possible mais en HTML c encore plus simple...
Tu met du width et du height dans un td ...
Mais attention, comprenons nous bien ... On ne redimentionne pas vraiment l' image puisqu' au final, elle fais toujours la meme taille...
On peut l afficher plus petite ou plus grande, mais sa taille reste identique pour le chargement...
++
Matt
Ouep, c possible mais en HTML c encore plus simple...
Tu met du width et du height dans un td ...
Mais attention, comprenons nous bien ... On ne redimentionne pas vraiment l' image puisqu' au final, elle fais toujours la meme taille...
On peut l afficher plus petite ou plus grande, mais sa taille reste identique pour le chargement...
++
Matt
<head>
<style>
.img { width: 200px;}
</style>
</head>
<body>
<img src="test.jpg" class="img">
</body>
ca c est lorsque tu ajoute l image sur le html
pas dans le css : background-image: url("../image/CIMG8028X25.JPG");/**/
<style>
.img { width: 200px;}
</style>
</head>
<body>
<img src="test.jpg" class="img">
</body>
ca c est lorsque tu ajoute l image sur le html
pas dans le css : background-image: url("../image/CIMG8028X25.JPG");/**/
salut
il existe quand même une fonction qui te permet d'uploader une image en lui appliquant une dimension bien précise.
j'ai codé ca pour l'upload d'une image de largeur maximale 550 pixels en respectant les proportions:
if($imgtaille[0] > 550)
{
// la fonction peut être déclarée dans le script mais pour une raison que j'ignore, elle ne fonctionne pas si je la mets dedans donc je la place juste avant de m'en servir (simplement pas beau au niveau code) !
function redim($im_src,$im_dest)
{
$size = getimagesize($im_src);
$src_w = $size[0];
$src_h = $size[1];
$dst_h = floor($src_h*550/$src_w);
$dst_im = imagecreatetruecolor(550,$dst_h);
$src_im = imagecreatefromjpeg($im_src);
imagecopyresampled($dst_im,$src_im,0,0,0,0,550,$dst_h,$src_w,$src_h);
imagejpeg($dst_im,$im_dest);
imagedestroy($dst_im);
imagedestroy($src_im);
}
redim($srcFile,$srcFilebis);
$srcFile = $srcFilebis;
}
si tu veux 150 px de large tu remplaces 550 par 150 tout simplement
sinon si c'est en hauteur, tu le mets dans $dst_h = 150
voili
bon code
il existe quand même une fonction qui te permet d'uploader une image en lui appliquant une dimension bien précise.
j'ai codé ca pour l'upload d'une image de largeur maximale 550 pixels en respectant les proportions:
if($imgtaille[0] > 550)
{
// la fonction peut être déclarée dans le script mais pour une raison que j'ignore, elle ne fonctionne pas si je la mets dedans donc je la place juste avant de m'en servir (simplement pas beau au niveau code) !
function redim($im_src,$im_dest)
{
$size = getimagesize($im_src);
$src_w = $size[0];
$src_h = $size[1];
$dst_h = floor($src_h*550/$src_w);
$dst_im = imagecreatetruecolor(550,$dst_h);
$src_im = imagecreatefromjpeg($im_src);
imagecopyresampled($dst_im,$src_im,0,0,0,0,550,$dst_h,$src_w,$src_h);
imagejpeg($dst_im,$im_dest);
imagedestroy($dst_im);
imagedestroy($src_im);
}
redim($srcFile,$srcFilebis);
$srcFile = $srcFilebis;
}
si tu veux 150 px de large tu remplaces 550 par 150 tout simplement
sinon si c'est en hauteur, tu le mets dans $dst_h = 150
voili
bon code
6 avril 2012 à 14:14
21 mai 2012 à 16:35
9 sept. 2012 à 01:09
9 sept. 2012 à 12:49
Il y a 3 manières d'intégrer du css, soit par importation d'un fichier .css, soit par le biais des balises style ou soit directement dans la balise concernée.
En effet les balises style sont du html mais ce qu'il y a à l'intérieur est bien du langage css.Donc bien que la meilleur solution soit celle de l'importation, on peut utiliser cette méthode si notre code est limité.
Je pense que arnotw voulais faire simple, pour un exemple cette méthode est la meilleur car elle concerne un seul élément. Il n'y avait aucune raison de le reprendre sur "C'est plus simple en CSS :".
Cependant, je ne défendrais pas Noodlz de son comportement puéril.
Bye
9 sept. 2012 à 13:18
"mais ce qu'il y a à l'intérieur est bien du langage css" Je n'ai point dit le contraire :) Cependant, les bonnes pratiques s'apprennent au plus tôt car il est compliqué de faire perdre de mauvaises habitudes.
De plus, un exemple pur de CSS est bien plus pertinent (pour ne pas dire "encore plus simple") car peu importe le code HTML derrière... Un débutant est en droit de savoir exactement ce qu'il en est afin de choisir consciemment les méthodes qui lui conviennent. Voilà pourquoi il y a de bonnes raisons de le reprendre sur ce point: je suppose que Lucas a simplement tenté d'expliciter cela dans ce but, afin d'éviter tout amalgame malencontreux: seulement, son commentaire n'était pas complet.
Enfin, pour terminer, l'exportation CSS est un gage de qualité et de facilité dans la maintenabilité du code (fusse t'il du HTML). Encore de bonnes raisons de comprendre le mécanisme des langages du web...
Bonne journée (et gaffe au Skaven derrière toi).