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
- 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- 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:
...=s800As铆 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
Publicar un comentario