Cómo encontrar la URL de cualquier imagen cargada en WordPress










  • A veces necesitas encontrar la URL de una imagen que has subido a WordPress. Tal vez quieras usar la imagen en una publicación en las redes sociales o mostrarla en otro sitio.

    Cualquiera que sea la razón, es una necesidad común. Hoy, te mostraré cómo obtener la URL de la imagen para que puedas usarla en cualquier lugar. Repasaremos algunos métodos y escenarios diferentes que cubrirán todas las bases.

    Los ejemplos a continuación usan un navegador Google Chrome , pero los métodos deberían aplicarse a la mayoría de los demás. La redacción de las funciones puede ser ligeramente diferente en su navegador de elección.

    Lo primero es lo primero. Probablemente pienses que ya sabes cómo encontrar la URL de una imagen, y tienes razón. Tú haces. Simplemente haga clic derecho en la imagen, como lo hicieron nuestros antepasados.

    Consideremos ese método número uno y veamos cómo se hace.

    Uso del botón derecho del ratón para obtener una URL de imagen

    Hacer clic con el botón derecho en una imagen es la forma en que recuperamos las URL (y las imágenes guardadas) desde los albores de la web. Por lo general, hay un par de opciones disponibles al obtener una URL de imagen con un clic derecho:

    • Abrir imagen en una pestaña nueva

      Hace precisamente eso.
      Cuando la imagen se abre en la pestaña, puede copiar la URL de la barra de direcciones.
    • Copiar la dirección de la imagen

      Elimina al intermediario y agrega la URL directamente a su portapapeles para que pueda pegarla donde la necesite.

    haga clic derecho y abra la imagen o copie la dirección

    Si está trabajando en una Mac sin un mouse con botón derecho, mantenga presionada la tecla Control en su teclado cuando haga clic.

    Ese es el método más simple y directo para encontrar una URL de imagen.

    Sin embargo…

    Cuidado con las imágenes redimensionadas

    Estamos hablando de imágenes cargadas en WordPress en este artículo, y eso puede complicar las cosas.

    Cuando carga una imagen con el cargador de medios de WordPress , se guarda en su tamaño original. Sin embargo, también cambia el tamaño y guarda variaciones de la imagen. La cantidad de versiones que se crearán y guardarán depende del tamaño cargado y los requisitos de su tema.

    Como puede ver en este ejemplo, WordPress creó cuatro copias de una de las imágenes cargadas y cinco copias de una que es más grande.

    Imágenes redimensionadas de WordPress

    ¿Por qué WordPress cambia el tamaño de la imagen?

    Cuando ve una página o una publicación en un sitio de WordPress, el sistema detecta qué tipo de dispositivo se está utilizando. Luego, muestra lo que cree que es la imagen del tamaño adecuado.

    Ese sistema funciona bien. Evita que su sitio envíe una imagen grande a un dispositivo móvil, por ejemplo.

    Otra función de WordPress es crear miniaturas del original. Esto es útil para varios complementos y temas que muestran versiones más pequeñas de la imagen destacada.

    Pero puede crear problemas si desea hacer clic derecho para obtener la URL de su imagen y está viendo una versión redimensionada de la imagen.

    ¿Cómo pudo pasar eso?

    Puede ver en el ejemplo que el sistema de cambio de tamaño de imagen de WordPress nombra las imágenes redimensionadas. Así es como se desglosa la URL:

    • Comienza con su dominio y la ruta a su blog o sitio de WordPress, por supuesto :
      https://ggexample.com/wp-content/uploads/2019/08/Screenshot-2019-08-02-150×150.png
    • Luego, la ruta de la imagen interna de WordPress :

      https://ggexample.com/wp-content/uploads/2019/08/Screenshot-2019-08-02-150×150.png
    • Luego, una ruta de fecha de año/mes:

      https://ggexample.com/wp-content/uploads
      /2019/08 /Screenshot-2019-08-02-150×150.png
    • Finalmente, el nombre de la imagen:

      https://ggexample.com/wp-content/uploads/2019/08/
      Screenshot-2019-08-02-150×150.png
    • Y dado que este ejemplo usa una imagen redimensionada, puede ver que WordPress agregó el tamaño de la imagen en píxeles al final del nombre del archivo:

      https://ggexample.com/wp-content/uploads/2019/08/Screenshot- 2019-08-02
      -150×150 .png

    Edición de la URL de la imagen

    La única diferencia real en la URL de la imagen redimensionada son las dimensiones en píxeles añadidas al final. Entonces puede ver que podría ser fácil copiar una URL de imagen redimensionada sin darse cuenta.

    Si lo hace, podría eliminar el tamaño de la imagen del final de la URL para obtener la dirección de la imagen original.

    Pero eliminar el tamaño de la imagen del final de la URL es un poco complicado y está sujeto a errores. Primero, depende de que te des cuenta de que has copiado la URL de una imagen redimensionada. Si está distraído o trabaja con rapidez, es posible que no capte ese pequeño detalle.

    Y, por supuesto, cada vez que edita manualmente una URL (o cualquier cadena de texto), introduce la posibilidad de error. Por lo tanto, no siempre es la forma ideal de obtener una URL de imagen.

    Lo que nos lleva a nuestro segundo método, más infalible, para encontrar la URL de una imagen cargada en WordPress.

    Obtener la URL de la imagen directamente desde WordPress

    Ir a la fuente para obtener la URL de la imagen es la mejor manera de asegurarse de que sea correcta. Así que aquí está cómo encontrar la URL en WordPress.

    Inicie sesión en su panel de administración de WordPress.

    En la columna de navegación de la izquierda, pase el mouse sobre el enlace «Medios» y haga clic en el enlace «Biblioteca».

    haga clic en el enlace "Biblioteca"

    Si la imagen o las imágenes son recientes, deben estar cerca de la parte superior de la pantalla. Si no son recientes, utilice la función de búsqueda.

    para encontrar imágenes que no son recientes, utilice la función de búsqueda

    Haga clic en la imagen para la que desea la URL. Se abrirá una ventana emergente donde se pueden encontrar todos los detalles del archivo adjunto de la imagen.

    haga clic en la imagen para la que desea la URL

    Desplácese hacia abajo y seleccione la URL en el campo «Copiar enlace».

    seleccione la URL en el campo "copiar enlace"

    Copie la URL usando Ctrl+C, o haciendo clic derecho y seleccionando una opción.

    clic derecho y seleccione "copiar" o "ir a"

    Obtener la URL de varias imágenes en una sola página

    Si necesita obtener las URL de varias imágenes que aparecen en una sola página, puede extraerlas de la fuente de la página.

    Haga clic derecho en la página fuera de cualquier imagen. Si hace clic directamente en una imagen, no verá el menú que desea ver.

    Haga clic en el enlace «Ver código fuente de la página».

    haga clic en el enlace "ver código fuente de la página"

    Ctrl+F para buscar extensiones de imagen (es decir, jpg, png). Ahora puede navegar por la página y copiar las URL de las imágenes.

    copiar las URL de la imagen

    Como muestra nuestro ejemplo, se enumerarán varias versiones de cada imagen en la fuente de la página. Como se discutió anteriormente, la URL de la imagen original no tendrá el tamaño agregado al final del nombre del archivo.

    Encuentre la URL de cualquier archivo cargado con WordPress Media Uploader

    Estos métodos funcionan en algo más que imágenes. Para obtener la URL de un gif, video, pdf o cualquier archivo cargado con el cargador de medios de WordPress, siga los pasos en la sección «Obtener la URL de la imagen directamente desde WordPress».

    Como puede ver, hay algunas formas de encontrar la URL de una imagen cargada en WordPress. Esto va desde lo más simple hasta lo más avanzado. Cuál debe usar depende de la situación. La mejor manera de realizar cualquier tarea es comenzar con la solución más simple y trabajar desde allí.

    ¿Utiliza imágenes de su sitio de WordPress en sus publicaciones en las redes sociales? ¿Hay otros lugares a los que vinculas tus imágenes de WordPress?