ErBolaMm.com

HOY VAMOS A VER COMO INCRUSTAR FOTOS DE GOOGLE EN UN CODIGO HTML

HOY VAMOS A VER COMO INCRUSTAR FOTOS DE GOOGLE EN UN CODIGO HTML

Lo primero es saber por que queremos hacer esto:

Google fotos es un espacio en la nube gratuito o de pago pero en general se pueden tener todas las fotos  en modo ALTA CALIDAD, vale esto es relativo si eres muy delicado con las fotos y/o usas archivos raw, tiff  pues posiblemente no te interese, que conseguimos con esto, que si ya lo tenemos alojado allí y quieres usar esa imagen ahorrarás muchísimo espacio en tu web pues bien aqui t dejo la clave

<img class=»alignnone» src=»AQUI LA DIRECCION DE LA IMAGEN» alt=»» width=»796″ height=»564″ />

desde google fotos le damos con boton derecho a la imagen y a continuación a copiar direccion de la imagen OJO  de la imagen no de enlace y la pegamos sustituyendo el texto: AQUI LA DIRECCION DE LA IMAGEN

os saldra algo tal que asi:

la dirección de la imagen esa en concreto es esta suelen ser muy largas:

https://lh3.googleusercontent.com/gYIvdcBGkjd2RYU2vdxih5G9W6uElHdrVbwaoDIS-Ha1cZC5Cs-WvuuvZBddEBcG9MvNtRuDcP_2NTbg9UGNl5nf0F8crabBr086xLggrsx765vdI4HFvddBETSXgwWw2ShNLwr-STrl3QwcdX3RWso1iG6IzoQ_7wVEc_WSouaugm3HeU6_YJ5yTkQEa9-HOf2IDnGkImvLQsVyR0z-9cuzm1vi9M0kjqslbVZCFtMHb-nNN94NY2WHbXhoLUsQn0DAn1uPXjxlxmA62hK1682znPzDUq6z6xCv9ct-JGtwQlQuuRBquWKum7v25wGZUAwrxgWhFGj5vRQDhD8Rpi-LCTrw-HK4roCe9q95hNu1-fCYFDzA-gbHLzJGEtPDQ_wFjHZV3TlytLZJSTBgkWR-o7rXqhqQ-hC2tlYhIqrbUjpGo3M6jJhNioIodB3w_DaGWek2QOQmCVEv1bF4CEB8HHYf-pgR_m2nZd–kANuedt48hg6YvB8Q3fcAY9-o6DSVMT_IeoNrnE7ykSy-epJelRq6I4Mv-NZfO7bbgOarTYei0I_Iaiww7wi_mqn6rgGab_yvEqvFuP3pfZHBTEnZfMyRUdN4wc6VpWBkoXZmFZMK8XtH2I9Vuceit4se0FcKbW3a8LoQUeVxDriKFDdcw6XT1Iu0AcpRBhWEdBBO-zuUQyMyVM=w2450-h1378-no

 

Contando qué 796 es el tamaño del ancho de la imagen y 564 es el alto

podríamos modificarlo por ejemplo en este caso:

<img class=»alignnone» src=»AQUI LA DIRECCION DE LA IMAGEN» alt=»» width=»500″ height=»300″ />

para hacerlo mas facil solo copiaremos el código varias veces y en el espacio pegar la dirección de la imagen

<img class=»alignnone» src=»AQUI LA DIRECCION DE LA IMAGEN» alt=»» width=»500″ height=»300″ />

<img class=»alignnone» src=»AQUI LA DIRECCION DE LA IMAGEN» alt=»» width=»500″ height=»300″ />

<img class=»alignnone» src=»AQUI LA DIRECCION DE LA IMAGEN» alt=»» width=»500″ height=»300″ />

espero que os sirva y no olvideis  compartir.

Sígueme

Deja un comentario

A %d blogueros les gusta esto: