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