Cambiar el tamaño de la imagen en la wiki de GitHub usando Markdown


255

Estoy escribiendo una página wiki en GitHub, y estoy usando Markdown.

Mi problema es que estoy poniendo una imagen grande (esta imagen está en su propio repositorio) y necesito cambiar su tamaño.

He intentado diferentes soluciones, pero no funcionan:

![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]]

¿Hay alguna forma de conseguirlo?

Es preferible sin HTML.


Respuestas:


373

Actualizado:

Código (externo / interno):

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

Código (interno / externo para dimensionamiento ):

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

Ejemplo:

prueba


Vieja respuesta:

Esto debería funcionar:

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

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


Gracias. <img src="..." width="48">funciona en README para imágenes cargadas en GitHub.
Sam Dutton

@SamDutton: Parece funcionar bien también para imágenes alojadas en otros lugares.
Jonik

1
Pruébalo hoy. Github no reconocerá la sintaxis de [] (.. = 400) o [] (... = 400px), por lo que si necesito cambiar el tamaño de la imagen, tengo que usar la sintaxis <img />.
spikeyang

1
La respuesta tachada funciona si la imagen se agrega a la propia wiki.
Eduardo

2
Lo que dijo @Eduardo ... La 'vieja respuesta' que ha tachado es por lo que he estado buscando en Internet, todavía funciona muy bien para rutas relativas (activos dentro de la wiki). Además, tuve que agregar una o dos imágenes dentro de una tabla. El carácter de la pipa me daba pena debido al típico formato de tabla en el descuento. Escapar de la tubería dentro de una celda de la tabla sigue siendo válida: [[ http://url.to/img.png \| height=48px]].
DanMad

57

En GitHub, puede usar HTML directamente en lugar de Markdown:

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

Esto debería hacerlo.


10
Gracias por la solución, ¿es posible sin código html?
fhuertas

1
Solo quiero tener en cuenta que puede excluir el widthpara que pueda escalar el ancho en función de la altura automáticamente.
Soy un dragón rana

2
No solo en Github; Creo que el HTML en línea está permitido dentro de Markdown en general ...
Nicolas Miari

los br y hr no ayudan.
JoshYates1980

2

Casi 5 años después de que solo el formato HTML directo funciona para las imágenes en GitHub y otras opciones de reducción aún impiden que las imágenes se carguen al especificar algunos tamaños personalizados, incluso con las dimensiones incorrectas. Prefiero especificar el ancho deseado y calcular automáticamente la altura, por ejemplo,

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


2

He usado los métodos descritos anteriormente. Ahora estoy usando el método que es similar pero más simple para mí.

  1. Primero cree agregar el archivo README.md a su proyecto.
  2. Luego cargue capturas de pantalla o las imágenes de descripción necesarias en el directorio principal de su proyecto.
  3. Después de cargar los activos de la imagen, use html para referir estos activos directamente sin usar el enlace como se muestra a continuación

Me gusta esto:

<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>

En el ejemplo anterior, he usado el párrafo para alinear las imágenes una al lado de la otra. Si va a usar una sola imagen, simplemente use el código de la siguiente manera

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

¡Que tengas un buen día!


0

GitHub Pages ahora usa kramdown como su motor de rebajas para que pueda usar la siguiente sintaxis:

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

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

Sin embargo, no lo he probado en el wiki de GitHub.


1
@nicobo Intenté parece que no funciona para la imagen externa?
user310291

Esto funciona en las páginas de GitHib usando Jekyll, FYI (me doy cuenta de que esta no es precisamente la pregunta de los OP)
DavidJ

0

Esto aborda la pregunta diferente, ¿cómo obtener imágenes en el marcado Gist (en oposición a Github) en primer lugar?


En diciembre de 2015, parece que solo los enlaces a archivos en github.como cloud.githubusercontent.comsimilares funcionan. Pasos que me funcionaron de una manera esencial:

  1. Haga una idea, diga Mygist.md(y opcionalmente más archivos)
  2. Vaya al cuadro "Escribir comentario" al final
  3. Haga clic en "Adjuntar archivos ... seleccionándolos"; seleccione su archivo de imagen local
  4. GitHub hace eco de una cadena larga y larga donde coloca la imagen, por ejemplo! [Khan-lasso-squared] ( https://cloud.githubusercontent.com/assets/1280390/12011119/596fdca4-acc2-11e5-84d0-4878164e04bb.png )
  5. Corte y pegue eso a mano en su Mygist.md.

Pero: las personas de GitHub pueden cambiar este comportamiento mañana, sin documentarlo.


77
¿Dónde está el aspecto de cambio de tamaño?
koppor
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.