I have done a favicon.ico for a quick client request, redone my cache but in my firefox it seems to show a blank favicon in the navbar, not sure if its my machine or not as tried on a offline native browser and get the same result however amazingly IE on my local seems to show as expected!
I done a 16x16 favicon based on PNG format to withhold the PNG quality of transparency but as i said above on firefox locally it shows nothing - can onlyone with firefox 2+ 3.x to latest 3.6 run a test for me to see if that can see the rugby ball favicon i have created as want to make sure its working off local before i do their other sites favicons! the site is ramrugby[dot]co[dot]uk
Thanks in advance!
It comes up blank for me.
There is no need to create an .ico file in .png format to retain transparency. ICO will already retain transparency.
The best way to create a proper .ico is to download the .ico photoshop plugin, which adds an additional ".ico" image format to your Photoshop "Save As" image format list.
The plugin is free, and you can get it here:
http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
Download that, put it in your Photoshop > Plugins > File Formats folder, and save, then restart Photoshop and you can create icos.
Related
<link rel="shortcut icon" href="https://www.website.com/template/img/website/favicon.png?ver=v2.1.31">
We changed our 32x32 png favicon to a 48x48 png favicon, because one of our websites reverted back to the default Wordpress favicon and after deploying the change we noticed that the favicon was reverted back to the Wordpress favicon still on the websites we deployed. So I was wondering if there was a fool-proof way of making sure that our favicon appears on the search result page.
One of the answers I got from Googling was that we should change favicon.png to favicon.ico, but the Google documentation tells us it's not necessary. What changes can we do to make it work without changing the file format?
https://developers.google.com/search/docs/advanced/appearance/favicon-in-search
First, keep in mind that Google can take days or weeks before reflecting your icon in its search results. So any change you make needs patience, unfortunately.
However, you can get insights from Google. Visit https://www.google.com/s2/favicons?domain=www.website.com , just make sure to replace the domain parameter with your own site. There is no evidence that this is what Google is actually using to fill its results pages. But chances are that what this entry point returns is what you can expect in results pages a bit later.
According to me to add a favicon, one should use the .ico image. Otherwise, it might show some issues. Try converting your .png image to .ico by using this converter.
This will work for sure.
Here's a text from a webpage I searched about the favicon.
A favicon can actually be either a PNG, GIF, or ICO file. However, ICO files are typically used more than others as the file size is smaller and it is supported in all major browsers. PNGs are used more commonly for IOS, Android, and Windows 10 devices.
So according to this .ico is mostly preferred over any other extension of the image. Hence I would recommend you to use .ico extension for the image.
Have this weird case when my images are being found in sources, linked correctly, src url is okay, but still not being displayed. Other images in that same folder are being loaded and displayed just fine, but my new uploaded images are not. I'm using open cart and upload images via ftp. Permissions are fine 644 like the others. I asked other developers in my team and no one has any clue why is that. Guys tried downlaoding and opening the image on their computer and can't even open it, whereas I'm using MAC and can open the same images on my computer without any problems. Images are saved as .jpg from Photoshop. What's the deal here? Here is how it looks in Mozilla:
This can happen because of corrupted image file. Most likely it is the extension problem of the file. Instead of doing save as in Photoshop, try exporting the image through export settings and choose png or jpg format there. It should work fine now, it worked for me.
Just to make sure on this front - Are you uploading them as .JPG or .jpg? If so, the problem may lie there...
If you link to a file that is .jpg and you put .JPG into the code for the link, the link will not work.
Make sure you're not using uppercase JPG as some servers will not read/detect them, and you will not able to see the pictures until you change the extension to lower case jpg.
Also, make sure the color mode, if saving them from Photoshop directly to jpg, is RGB format. If you use any other color mode, it may not display at all. CMYK files for example will not display correctly.
It all started with this GIF image I found online: https://media.giphy.com/media/9fbYYzdf6BbQA/giphy.gif
I downloaded it to my computer, which runs Windows 10, put it on my desktop, and edited the file name to change ".gif" to ".jpg." The conversion ended up working fine, and I opened the image saved to my computer in my internet browser, Opera, just to see if it would still animate. It opened a file:// URL, and it showed the jpg normally, animating like a GIF would. So, I decided to see if other people saw the JPG animating like a gif, and on a forum site I am an admin for, I uploaded the image as an attachment to a thread. I made the thread, this was the image file I now had, basically just a normal JPG but animated: s4224.storage.proboards.com/5644224/t/crq4LpxP3rTT6eTORg1o.jpg
When I opened the image in Firefox, and got info on the image, Firefox still thought it was a gif in one area showing the file type, though. Internet Explorer said nothing about it being a GIF when I opened the image in that browser. I then saved the page as a JPG, uploaded it to vgy.me, and still got a .JPG result: vgy.me/dX1KGD.jpg
So, have I created a normal, animated .JPG image? Or is it still just a .GIF file that tricks internet browsers? I remember while I was inspecting the image in Opera that it showed the file/image type as "image/jpeg" as well. Seems to be keeping that metadata!
If you serve a file with a .jpg extension, web servers will normally serve that with a media type of image/jpeg, hence that what will get reported in the browser.
But in practice, image files have very different formats, and it's easy for browsers to inspect the file data itself to decide whether it's a JPG or GIF file and process it accordingly. The process that browsers use for doing this is defined in the MIME Sniffing Standard, which includes the MIME sniffing in an image context algorithm.
So, as Xufox says in their comment, it's still a GIF file regardless of its extension.
https://answers.microsoft.com/en-us/windows/forum/apps_windows_10-photos-winpc/living-images-in-windows-10-photo-app/15736942-9fa7-48eb-bfd4-2152acb582ce
"If you copy the file to a computer and then change the extension to .zip, and open the zip file, you will be able to see the separate jpeg and MP4 files inside. This is what you were asking I assume?"
i'm trying to create a newsletter in a single html file, which will be loaded into outlook express and sent out as a mail.
i have like a few images embedded onto the html file but 2 of them cant be loaded for preview in design mode. there is no problem for the rest of the images. those images that cant be loaded has the grey color icon.
the directory for the images are the same. i have copied and pasted the absolute directory for the images that cant load and it doesnt work.
the images loads fine when executed from the html file that was uploaded to the webserver.
edit:
it only loads fine in firefox, and not ie!
i need to get the newsletter out tomorrow, any assistance here?
thanks in advance.
That sounds like a transparent PNG. If you are using an old version of IE, you are out of luck for the HTML email. Try using another type of image (8-bit PNG, PNG with no alpha values, JPEG, GIF). Open the image in your editor and save it as an 8-bit PNG, for example. An 8-bit PNG can only have binary transparency. You may have to redesign the page/email.
For some strange, bizarre reason, my images in my website just will not display on webkit based languages (such as safari and chrome).
This is the image tag
<img src="images/dukkah.jpg" class="imgleft"/>
Not only does it not display in the website, it wont display when accessed directly at http://kilkin.massiveatom.com/kilkin/images/dukkah.jpg
...Why?
Imagemagick reports that this particular image is saved in CMYK colorspace instead of the more standard RGB. Try converting it, it should be more compatible with the webkit rendering engine.
Imagemagick is available for download from http://www.imagemagick.org/script/index.php - it's available for windows and *NIX systems.
I have come across this problem a couple of times.
I think it is because of some problem in the file format.
Try importing the file in some image editor and saving it again. This should get rid of the problem.
I tried the url you gave in FireFox 3 and IE 6, IE 6 won't show it either, firefox works. My guess is that there is something wrong with the jpg file.
Are you JPEG's compressed in Jpeg 2000 Format? If so, there is a known bug:
https://bugs.webkit.org/show_bug.cgi?id=8754
"The image “http://kilkin.massiveatom.com/kilkin/images/dukkah.jpg” cannot be displayed, because it contains errors." and the image itself has some XML-fragment in it. So as others proposed: try to open with an editor and resave it.
It's as stated elsewere a bug in the image.
Irfanview is a very good viewer that will display any image (and other formats as well), is small and free and will also let you adjust, crop or rescale images very easily without heavy programs like photoshop.
I suggest download irfanview and the image, open the image in irfanview and hit CTRL+S and save it over itself. Then upload the image again. Any problem should be solved.
Your image file does not contain image data, it contains html text:
$ curl -s http://kilkin.massiveatom.com/kilkin/images/dukkah.jpg
<html><head></head><body><!-- vbe --></body></html>