Question #3524   Proposée par Answiki le 01/12/2021 à 17:24:30 UTC

Comment redimensionner une image en HTML ?

Answer   Submitted by Answiki on 12/01/2021 at 05:25:21 PM UTC

Il existe deux solutions principales pour redimensionner une image en HTML.


La première est en HTML pur et consiste à utiliser les attributs width et height :

<!-- HTML resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" width="200" height="250">

La seconde solution, en CSS, consiste à utiliser les propriétés de style width et height :

<!-- CSS resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" style="width:350px; height:100px;">

Notons que la première solution tend à disparaître, car la seconde est plus flexible : elle permet notamment de définir l'unité (pixel, pourcentage ...). Il est possible de consulter un exemple en ligne en cliquant ici.

3 events in history
Answer by Answiki on 12/01/2021 at 05:25:21 PM

Il existe deux solutions principales pour redimensionner une image en HTML.


La première est en HTML pur et consiste à utiliser les attributs width et height :

<!-- HTML resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" width="200" height="250">

La seconde solution, en CSS, consiste à utiliser les propriétés de style width et height :

<!-- CSS resizing -->
<img src="https://ans.wiki/images/logo/logo-answiki-medium.png" style="width:350px; height:100px;">

Notons que la première solution tend à disparaître, car la seconde est plus flexible : elle permet notamment de définir l'unité (pixel, pourcentage ...). Il est possible de consulter un exemple en ligne en cliquant ici.

Question by Answiki 12/01/2021 at 05:24:30 PM
Comment redimensionner une image en CSS ?
Question by Answiki 12/01/2021 at 05:24:30 PM
Comment redimensionner une image en HTML ?
# ID Query URL Count
0 1890 redimensionner image html https://fr.ans.wiki/3524/comment-redimensionner-une-image-en-html 1

Icons proudly provided by Friconix.