I've unreal problem.
I have a site, where are displaying images over an classical <img> tag.
All images are loading from the database, where is URL column of the image.
My problem is that three of ten images are not display.
But if I open the source code and click at the URL of the image, I can see image.
In source code is some looks like (just for a simple example):
<img src = "http://some.image/1.jpg" alt = "description" height = "140" width = "187" />
But the biggest snag is that Opera displays all images correct, but just in FF, IE, Chrome are mentioned problems.
I can not provide a screenshots, because the pages are a bit perverse. How can I show the site where the problem is? Or some advice? Thank you.
Related
I'm using the mimo code app for coding. I saved a picture from google in the folder "Saved Pictures". The file name is "generic background". I did the code <="/Saved Pictures/generic background.jpg">. But the image does not show. Instead what shows is a small file. Don't really know how to get the image to show. I did used img src before =, but I need 10 reputations points to post an image even though I was just trying to show the code.
We are having problems with Facebook not showing images, which we noticed from 17 May.
We have images tagged in og:image, and this is showing up as a blank white space in the object debugger. Clicking on this blank white image/space shows the actual image expected in a new browser window, there are no issues with viewing the image within or outside the network (we tested using different devices and proxies to simulate access from outside Singapore, which is our main audience). The image is 300x225, but the debugger also show the "image not big enough" warning.
Sample scenario (HTTP removed from some links):
URL in question: www.hungrygowhere.com/dining-guide/what-to-eat/5-family-friendly-restaurants-to-book-online-*aid-53763f00/
og:image meta on the page: <meta property="og:image" content="http://staticc04.insing.com/images/f3/e0/10/00/pc_300x225.jpg" />
Warning on the debugger page: "Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'staticc04.insing.com/images/f3/e0/10/00/pc_300x225.jpg' will be used instead."
Noticeably the src attribute on the debugger is similar to this: fbexternal-a.akamaihd.net/safe_image.php?d=AQAfsdJpTPWk1IqW&url=http%3A%2F%2Fstaticc05.insing.com%2Fimages%2Fe2%2Fdb%2F10%2F00%2Fpc_300x225.jpg and going directly to this image via the browser shows a blank 1x1 gif. We tested using a 600x600 image (after seeing a post about maintaining aspect ratio) but it's the same: external.ak.fbcdn.net/safe_image.php?d=AQDZBb-0AZjyOp_B&url=http%3A%2F%2Fstaticc03.insing.com%2Fimages%2F57%2Fde%2F10%2F00%2Fstb_600x600.jpg
Our hypothesis is that safe_image.php is not accepting the image it retrieves, but we have no idea what or why this is happening.
We have a ticket open on the Facebook bugs support forum for this (developers.facebook.com/bugs/647132798635052) but no response after the initial round of clarifications, but we are hard pressed to find a solution.
There were no changes to our image storage solution over this timeframe. No rewrites or redirects, the image URLs are files by their own right.
Edited to add:
It is strictly safe_image.php that is choking on our image. See a screenshot from the object debugger: http://i.imgur.com/kl336l9.png
The image on the right is the same og:image, but since it's accessed directly by FB (not going through safe_image.php), it shows up.
We have been checking logs and we are returning HTTP status 206 to Facebook (we have been doing this for a while now) but this was changed to return 200 at all times. No change, we are still not getting any images.
Using IE8, when I view one of our webpages, some of the images aren't showing up and just show red X's with the alt text. The same page (copied the url) works just fine in Chrome and Firefox. Other users are experiencing this problem as well.
The thing is, when I initially viewed the page after someone let me know there was a problem, the images loaded fine, but a few minutes later they experienced the problem. If I view just the image as mysite/image.jpg it shows the red x as well and if I copy that url it loads fine in other browsers.
Also, if I save the image from Chrome to my desktop and try to open it in IE, I get a red X.
code (note: there are no spaces after the start of the tag,s I inserted them here so they would show up)
< a href="mysite/posters/view/4702838/">
< img src="mysite/art/img/art_print_thumb/d142be1d2b72e676b731c09b67290c89.jpg" border="0" alt="All Because Two Peop...<span>All Because Two People Fell In Love</span>" />
< /a>
It seems as though those images were using the CKYK profile instead of RGB.
I am having some weird issues. I have a large image which is being shrunk to size 30px in the img link so:
img src="/company/images/logos/1.png" height="30px"
On all browsers and computers it looks fine except for firefox on a windows. I found out that when i rid the height constraint it looks fine but when i add the "30px" it looks messed up.
Any ideas on what i might need to do?
I'm guessing you're talking about issue where the default Firefox image resizing algorithm makes the image look "jagged".
In general, it's better to not let the browser resize the image.
You should instead make a version of the image that is already the correct size.
I'm not aware of a way to make the image look good when downscaling in Firefox.
See here for a comparison. (I used Firefox 3.6.15 / Windows 7)
If anybody has a way to make the first image downscale smoothly in Firefox, I'd like to know.
I dynamically create an invoice off my commerce site. At the top left of the invoice is my company logo. I need that logo to display correctly on the web, but also print sharp (I print directly off loaded page). Currently because the image is web native at 72 ppi, it does not print sharp.
How can I print the logo sharp while also displaying it correctly on the web page?
Try making the logo 4 times bigger. Say the logo is 72x72 pixels. Make the logo 288x288 and include it in your invoice html as
<img src="logo.gif" style="width:72px;height:72px;"/>
It should be downsized by the browser and printed a bit better. If it works, and you need higher resolution, just make the logo as large as you need.