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