Redimensionner l'image dans le wiki de GitHub en utilisant Markdown

J'écris une page wiki sur GitHub et j'utilise Markdown.

Mon problème est que je mets une grande image (cette image est dans son propre référentiel) et j'ai besoin de la redimensionner.

J'ai essayé différentes solutions, mais elles ne fonctionnent pas:

![image](http://url.to/image.png "Title" {width=40px height=400px})

![image](http://url.to/image.png = 250x250)

![image](http://url.to/image.png = 250x)

[[http://url.to/image.png = 250x]]

Y a-t-il un moyen de l'obtenir?

Il est préférable sans HTML.

Actualisé:

Code (externe / interne):

![test](https://github.com/favicon.ico)

Code (interne / externe pour le dimensionnement ):

<img src="https://github.com/favicon.ico" width="48">

Exemple:

Ancienne réponse:

Cela devrait fonctionner:

[[ http://url.to/image.png | hauteur = 100 px]]

Source: https://guides.github.com/features/mastering-markdown/

Sur GitHub, vous pouvez utiliser directement HTML au lieu de Markdown:

<a href="url"><img src="http://url.to/image.png" align="left" height="48" width="48" ></a>

Cela devrait le faire.

Près de 5 ans après, seul le formatage HTML direct fonctionne pour les images sur GitHub et d'autres options de démarque empêchent toujours le chargement des images lors de la spécification de certaines tailles personnalisées, même avec les mauvaises dimensions. Je préfère spécifier la largeur souhaitée et obtenir la hauteur calculée automatiquement, par exemple,

<img src="https://github.com/your_image.png" alt="Your image title" width="250"/>

J'ai utilisé les méthodes décrites ci-dessus. Maintenant j'utilise la méthode qui est une manière similaire mais plus simple pour moi.

1. Créez d'abord un fichier README.md dans votre projet.
2. Téléchargez ensuite les captures d'écran ou les images de description nécessaires dans le répertoire principal de votre projet.
3. Après avoir téléchargé les actifs d'image, utilisez le HTML pour référencer ces actifs directement sans utiliser le lien comme ci-dessous

Comme ça:

<img src="icon.jpg" width="324" height="324">

<p align="center">
  <img src="screen1.png" width="256" height="455">
  <img src="screen2.png" width="256" height="455">
  <img src="screen3.png" width="256" height="455">
</p>

Dans l'exemple ci-dessus, j'ai utilisé le paragraphe pour aligner les images côte à côte. Si vous allez utiliser une seule image, utilisez simplement le code ci-dessous

<img src="icon.jpg" width="324" height="324">

Bonne journée!

GitHub Pages utilise désormais kramdown comme moteur de démarquage afin que vous puissiez utiliser la syntaxe suivante:

Here is an inline ![smiley](smiley.png){:height="36px" width="36px"}.

http://kramdown.gettalong.org/syntax.html#images

Je ne l'ai pas testé sur le wiki GitHub cependant.

Cela répond à la question différente, comment obtenir des images dans le démarquage gist (par opposition à github) en premier lieu?

1. Faites un résumé, dites Mygist.md (et éventuellement plus de fichiers)
2. Accédez à la case "Rédiger un commentaire" à la fin
3. Cliquez sur "Joindre des fichiers ... en les sélectionnant"; sélectionnez votre fichier image local
4. GitHub fait écho à une longue chaîne longue où il a mis l'image, par exemple! [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
5. Coupez-collez cela à la main dans votre Mygist.md.

Mais: les gens de GitHub peuvent changer ce comportement demain, sans le documenter.