I am trying to fetch an image from Instagram. The link to the image is working well on Instagram.
But when I go to use it in img tag it's not fetching.
This image doesn't have any .jpg .png etc. format.
Photo Link: here edited
When I use it in HTML:
How can I get the exact URL or fetch the image that doesn't have any .jpg .png etc. format?
Please help.
just open the image in a new tab
save it in the desktop from there
and relay it from your system.
Related
I'm trying to build a website with HTML. I'm using an img tag to display an image. When the src links to a WEBP file, it works fine. However, when I replace that WEBP with a JPG, it no longer works. Have tried .jpg and .jpeg extensions, as well as no extension. I know that the path is correct because WEBPs work fine. Any idea what the problem is? The image displayed instead is a standard broken image logo. Thanks.
Having issues getting a Tiff image I'm receiving from USPS to render into a base64String and then display successfully using an html image tag.
MY guess at this point is either the image is corrupted in some way that dose not allow it to be converted into correct base64. Or, I am missing something when trying to display the image.
I can "successfully" convert the image to a base64String using the base .Net conversion library and several other online converters. No issues from what I can tell there. But when I go to display the image I'm unable to get it to render.
<img src="data:image/tiff;base64,{myBase64String}" alt="Return Label Image">
The full image source with my base64 string,
https://jsfiddle.net/h8qzn9g0/
The Tiff image in question:
https://kibocommerce-my.sharepoint.com/personal/aaron_jones_kibocommerce_com/_layouts/15/guestaccess.aspx?guestaccesstoken=J0lu1b8DSkH5Y2AhZoORnXtaBoXS%2bh81%2bDbvePlIgGY%3d&docid=18737654320874e94812de23beb09904f&rev=1
Any help or suggestions appreciated.
Your encoding is fine, if I paste it into the box at http://www.freeformatter.com/base64-encoder.html and hit "Decode and Download" it downloads the image. The fiddle works in Safari, but not other browsers. Main issue is that most browsers don't support TIFF.
https://en.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support
You will need to change to a different image format, maybe PNG or JPG, before you can use the data URI in all browsers.
I am using Facebook Open Graph Markup on this page:
http://www.muktbharat.com/index.php/article/display/hritik_leaves_movie/11093
But when I share this page on Facebook the Facebook is not able to fetch the image. But the og:image tag is present in website.
Please help. Why FB is not able to fetch any image from that website?
From the Url Debgugger
og:image could not be downloaded or is too small
og:image was not defined, could not be downloaded or was not big enough. Please define a chosen image using the og:image metatag, and use an image that's at least 200x200px and is accessible from Facebook.
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.muktbharat.com%2Findex.php%2Farticle%2Fdisplay%2Fhritik_leaves_movie%2F11093
Your image specified is 180p x 240px. You should use a larger image.
I just switched the site from my working files to the server.
It worked fine when I uploaded it to my portfolio but once it was on the correct domain it stopped working. The image, instead of displaying, just shows up blank so I tried going to it's direct url.
Instead of it working it downloads the image instead of displaying it.
Here is the direct url: Direct url
My tag: <img src="images/login_header.svg" alt="Alright, lets start finding discounts!" />
My structure:
// root (BBCM)
//// images
////// login_header.svg
//// css
//// js
// end root
I have tried:
/images/url.svg
the direct url for the image
BBCM/images/url.svg
It works fine when it's on my portfolio but not on the correct domain.
Any ideas? When the image downloads it also displays the correct image so I am a bit lost here.
Is your server sending the .svg file down with the correct MIME type? It should be image/svg+xml.
See Nginx offers of downoload SVG instead of showing it for another question along the same lines.
Some browsers don't allow the IMG tag to support SVG files, you can however put it in an object with an image as fallback in case the browser fails to render.
<object data="image.svg" type="image/svg+xml">
<img src="fallbackimage.jpg" />
</object>
try use <object data="/images/login_header.svg" type="image/svg+xml"></object> instead
I am designing a website, I am creating some images for that website by using the illustrator and photoshop software, storing those images in jpeg, png and gif formats. I am writing code for the website in the eclipse software, because I am using jsp and javascript to debug it.
My problem is, the images I have created and linked to the html file are displaying in the Eclipse browser (It is an inbuilt browser to check the code). But, they're not displaying in any other browsers like IE, CROME, FIREFOX.
Can anybody help me?
Thanks in advance.
Off hand, it sounds like you don't have the images linked properly. Aside from checking the code itself, I'd view source in Firefox ( CTRL + U ) and try clicking on the img src urls. If clicking them doesn't load the actual image file, your links are wrong.