馃搶 ¿Qu茅 URL debo usar para reutilizar una imagen en Blogger: href o src?

Si alguna vez has querido usar una imagen de una entrada anterior en un nuevo post de tu blog en Blogger, o si deseas simplemente usar una de esas imagenes, seguramente te has encontrado con un dilema:

¿Debo copiar la URL del enlace (href) o la del origen de la imagen (src)?

Vamos a aclararlo de una vez por todas.


馃攳 El escenario com煤n

Imagina que tienes una entrada con una imagen insertada. Que por cierto siempre use siempre suba la imagen desde el bot贸n de insertar imagen para que le aparezca la extensi贸n de la imagen en la url;


y el c贸digo HTML se ve as铆:

<p>Ejemplo de imagen:</p><p>20250823-220544 QT5 Dev Enviroment.png</p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GQK0QwqspWmlHFZ00W11IeuCtrR7QPit-wXc-9tzqu1K6kNu1ipkaWGjTN2FjFFf7NFoRKQhZvEGkAiU-rlNCXkr9gzfvE9rs88JlMv-Ey9xOk-GERaYyGxED66BjrDp9VHnDTQw3Vt4-YR_Yk32Bleqh_cGws0zmfArsOhFzeflmJkAbZOHR1Gh1_0/s712/20250823-220544%20QT5%20Dev%20Enviroment.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="712" data-original-width="658" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GQK0QwqspWmlHFZ00W11IeuCtrR7QPit-wXc-9tzqu1K6kNu1ipkaWGjTN2FjFFf7NFoRKQhZvEGkAiU-rlNCXkr9gzfvE9rs88JlMv-Ey9xOk-GERaYyGxED66BjrDp9VHnDTQw3Vt4-YR_Yk32Bleqh_cGws0zmfArsOhFzeflmJkAbZOHR1Gh1_0/s16000/20250823-220544%20QT5%20Dev%20Enviroment.png" title="20250823-220544 QT5 Dev Enviroment" /></a></div><br />


Y ahora quieres usar esa misma imagen en otro post. ¿Cu谩l URL debes copiar?


✅ La respuesta: Usa la URL del src

La URL correcta es la que aparece en el atributo src del elemento <img>.
Esta es la que apunta directamente al archivo de imagen alojado en los servidores de Google (que Blogger utiliza para el almacenamiento).

src = Source (fuente). Es la ubicaci贸n real de la imagen.

La URL del href, en cambio, es solo un enlace a una p谩gina de visualizaci贸n de la imagen (por ejemplo, una p谩gina donde se muestra la imagen a tama帽o completo). No es la imagen en s铆.


馃洜️ C贸mo reutilizar la imagen

  1. Copia la URL del atributo src:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GQK0QwqspWmlHFZ00W11IeuCtrR7QPit-wXc-9tzqu1K6kNu1ipkaWGjTN2FjFFf7NFoRKQhZvEGkAiU-rlNCXkr9gzfvE9rs88JlMv-Ey9xOk-GERaYyGxED66BjrDp9VHnDTQw3Vt4-YR_Yk32Bleqh_cGws0zmfArsOhFzeflmJkAbZOHR1Gh1_0/s16000/20250823-220544%20QT5%20Dev%20Enviroment.png
  1. En tu nueva entrada, inserta la imagen usando este c贸digo HTML:
<img src="TU_URL_AQU脥" alt="Descripci贸n de la imagen" style="max-width: 100%; height: auto;" />

Por ejemplo:

    <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GQK0QwqspWmlHFZ00W11IeuCtrR7QPit-wXc-9tzqu1K6kNu1ipkaWGjTN2FjFFf7NFoRKQhZvEGkAiU-rlNCXkr9gzfvE9rs88JlMv-Ey9xOk-GERaYyGxED66BjrDp9VHnDTQw3Vt4-YR_Yk32Bleqh_cGws0zmfArsOhFzeflmJkAbZOHR1Gh1_0/s16000/20250823-220544%20QT5%20Dev%20Enviroment.png" 
alt="xinput-plus en Linux Debian 12" style="max-width: 100%; height: auto; display: block; margin: 0 auto;" />

Este c贸digo har谩 que la imagen se vea bien en todos los dispositivos y centrada si lo deseas.


馃挕 Consejo adicional: Controla el tama帽o

El sufijo =s16000 en la URL indica que Blogger sirve la imagen a un tama帽o m谩ximo de 16000px (lo cual es enorme). Puedes cambiarlo para optimizar:

  • =s800 → imagen de hasta 800px de ancho (ideal para blogs).
  • =s1600 → alta calidad, pero m谩s pesada.
  • Sin modificar → tama帽o original.

Ejemplo:

...=s800

As铆 reduces el peso de la p谩gina y mejoras el rendimiento.

C贸mo usar estas imagenes en un archivo markdown con VNote

Copia el enlace y en el lugar del Markdown en VNote que quieras que quede presiona: "Ctrl + V" y aparecer谩 esta ventana:


y quedar谩 as铆:




✅ Conclusi贸n

Cuando quieras reutilizar una imagen de una entrada anterior en Blogger, siempre usa la URL del atributo src, no la del href. Es la forma m谩s directa, eficiente y segura de mostrar la imagen en otro post, sin tener que volver a subirla.

Dios les bendiga


Comentarios