I've generated a .ico file from a png, and the .ico file seems to contain three version of the icon, a 16x16, 32x32, and 48x48 image. When I reference the favicon.ico in a link tag, the image placed in the address bar seems to be the 16x16 version. How can I get the 48x48 version to show up there?
Thanks
Related
I am trying to upload an image in the "app icon" of facebooks developers page. I verified the images I was upload was within 1024 x 1024 and 5mb. I tried upload as jpg and png. Every time I try I am getting "The image you are trying to upload has invalid dimensions. Please change your image to match the required upload dimensions and try again." How can I fix this?
The picture has to be exactly 1024 x 1024 and under 5mb. Also see the guidelines here on the icon
https://developers.facebook.com/docs/games/appcenter/guidelines#icons
Your app icon has to be exactly 1024x1024 px. First export your icon (png or jpg) in high resolution and then open that file in paint. Select resize option in home tab and select pixel radio button then enter 1024px x 1024px and save it.
It will work.
I tried to upload a 512x512 PNG image for the profile picture of a page that we own on Facebook, but it failed w/o showing the image after I uploaded the image file. Could there be something wrong with the PNG image or the size of the image?
180 x 540 in jpg
is what I use for mine
There is a tutorial with sizes etc here :
http://www.clear-river.com/weblog/comments/making_the_most_of_your_facebook_page_profile_picture/
I think 512PX wide is way too wide, as the logo is only a thin strip.
In iphone4 images are not showing in high resolution its shows low resolution images.
How to change high resolution images for iphone4 using css?
To clarify, we are developing in phonegap using html and jquery The high-res images end up pixelated in the application. The .png images have the designation of #2x.png and the raw files match the png files.
We have utilized the practices in
http://aralbalkan.com/3331
and
http://davidehlers.com/2011/03/iphone...
The images appear slightly smaller than the raw images are, and significantly pixelated. I have attached an overlay of the issue that Venky is referring to. This is the buttonsml#2x.png on the right, placed on top of the screenshot of the app from an iPhone4.
Not sure about CSS but in normal way you can append "#2x" to normal image name and that would be goes for Retina Display. So may be you don't need to mention that in CSS and just put #2x in image and add it in to the project. For example for icon.png it would be icon#2x.png.
Hope this help.
I've gotten this to work by using the #2x versions in the image tags, and specifying a width/height that's half the size of the #2x image. For example, with a 200 x 80 "item#2x.png", I'd use:
<img src="item#2x.png" width="100" height="40">
It works well inside a UIWebView. Not sure about doing it with CSS though.
You have to use high resolution images. The SDK will automatically select the high resolution version (#2x) if you load the image in code (UIImage imageNamed), but if you are doing through any other method you will have to do it yourself.
I'm making by myself an ePub book. In this book I put some screenshot as a PNG image inside an XHTML page. So in the content.opf I referenced the XHTML page...
Until few days ago it worked: the XHTML with PNG image was showed.
Now I see only a blue question mark at the place of the PNG image preview. But if I double tap onto the question mark, the preview correctly shows the PNG image.
This happens in IBooks and Stanza, but not in GoodReader and others eBook readers...
An tips?
------------------ EDITED ------------------------
Every PNG is ~200Kb and its dimension is ~2500x2500 with 300 dpi.
I don't know if thew problem is the dimension or the image format.
Well, your images are too big for a start. Apple state that the maximum pixel size of an image on a page is 2 million pixels. So 6.25 million pixels might be a bit of a problem.
I am trying to get a 31x31 png icon to display without much luck.
I have lost count of the different settings I have applied to numerous copies of the icon.
Used all combinations when saving as a PNG from within Photoshop.
Even tried downloading an ICC color profile for the iphone - again no luck.
Can anyone tell me how the set up the photoshop file and save it so I can successfully get png files to show on the tabbed bar?
Is your PNG file part of your project file? You'll need to add it to the project as well for it to get copied over to the Simulator/Device as part of the bundle.
Also, since the Tab Bar images use the PNG transparency - not the graphics themselves - to render, can you double check that your image is not 100% non-transparent? Otherwise it would appear as all black. What is your image's background in photoshop?