13

✍️📷 Integrar imágenes en tus comentarios o tutoriales con Markdown 👨‍🎨👩‍🎨

Luis
luisca
35157

Anterior:Formatos de texto, citas, enlaces y código para mejorar tus aportes 📖

«

" Esta publicación forma parte de una serie denominada: 🇪🇸 ✍️💡 Escribe textos geniales con Markdown" 👨‍🎨👩‍🎨. Si has llegado aquí sin pasar por allí, te recomiendo visitarla, donde encontraras el índice principal. "

»

📷 Imágenes

Puedes subir tus imágenes y GIF a un servicio gratuito como Imgur e incrustarla, como se muestra a continuación:

«

![Data](https://static.platzi.com/media/learningpath/banners/1c4f4add-87b9-44cc-ba30-4a8a134bf76e.jpg)

» El código anterior producirá: »

img-learning
«

Si usas el navegador Google Chrome o Mozilla Firefox en la versión web, podrás adjuntar imágenes (exclusivamente de formato PNG y JPG) arrastrando la imagen de tu explorador de archivos a la casilla donde escribes el comentario.

“Cortesia de @vistoporjuan”

»

subir-vistoporjuan

🔗 Imágenes con enlace

«

[![Slack Badge](https://static.platzi.com/media/achievements/badges-comunicacion-slack-60710bd2-a4fd-49e6-86af-bb12ed8e7417.png)][url-curso-slack] [![Escritura Online Badge](https://static.platzi.com/media/achievements/badge-escritura-online-1-ad291a75-10e8-426e-841d-fe66e340ccb6.png)][url-curso-escritura][![Casco astronauta animado](https://i.imgur.com/b1kbwbR.gif)][url-platzi]

» El código anterior producirá: »

Slack BadgeEscritura Online BadgeCasco astronauta animado

«

Continúa tu aprendizaje con:

»

📖📷🎬🍕🆎🔲🌈☑️📺🔣

Hecho con el 💚 en el 2K20.

Escribe tu comentario
+ 2
Ordenar por:
2
2293Puntos
2
35157Puntos
un año

Hola Alan,

Para añadir un gif debes asegurarte de usar el enlace que incluye la extensión del archivo .gif al final

Lo cual te dará como resultado

Cualquier pregunta, no dudes en compartirla.

2
3702Puntos
2
3702Puntos
un año

Creo que aún no logro comprender como añadir una imagen y que se muestre esta en el mismo comentario

2
63506Puntos
un año

Hola 😄
Tienes que tener descargada la imagen en tu pc y luego la arrastras a la sección de comentarios. Tal como se muestra en el gif:



Otra forma en la que lo puedes hacer es ir a imgur.com/upload y subir ahí tu imagen. Luego que esté subida, copias el link de la misma, regresas al comentario y das clic donde dice “imagen” y te aparecerá esto:

![](url)

En “url” pegas el link que copiaste y listo 😉
Pero asegúrate que al final de la url diga “.png”. Ejemplo:

![](https://i.imgur.com/3GmPd7O.png)
3
3702Puntos
un año

Gracias por la respuesta. Sí al fin tuve éxito. 😃 😉

2
10778Puntos

Gracias, muy útil para los que somos nuevos!

2
12794Puntos

Gracias por la información, pero no sé por qué cuando quiero adjuntar la imagen no funciona, porque aparece el círculo tachado, indicandome que no puedo pegar nada ahí.

2
35157Puntos
2 años

Depende de donde estas intentando hacerlo. Por ejemplo, si estas dentro de un video y deseas comentarlo, allí si será posible, pero antes debes hacer click en la casilla para que se active la caja de edición.

Si estas publicando un tutorial la cosa cambian, pues ya no podrás arrastrar y soltar la imagen. En ese caso debes subirla a un servidor externo e insertarla con el código mostrado.

Un truco adicional: Si arrastras la imagen a la casilla de comentarios, la imagen se subirá a Platzi sin tener que darle publicar al comentario, simplemente debes tomar la url generada e incrustarla en tu tutorial con el código markdown.

2
12794Puntos
2 años

Ok, muchas gracias por responderme tan rápido @luisca . Lo tendré en cuenta!

1
35157Puntos
2 años

Con gusto Ignacio 👍

El truco tambien funciona en GitHub. Allí puedes subir hasta 10 Mb y usarlo practicamente como un CDN gratuito para las imágenes de tus proyectos. 🤫