a few days ago I realized that my homepage www.blog-it-solutions.de will not correctly represented in iPhone Safari.
This is how it looks:
Has anyone an idea what happend?
Maybe it's a png which is somewhere in the page, i've had the same problem on my website and I solved it by converting the png into jpeg and it worked
You may either:
Re-save the files as other image files (JPEG, GIF)
If it is a gradient image, then you may use CSS3 Gradient to achieve the effect.
Related
For some reason, I can't get SVG images to show up on my phone, only the simulator. Is this bug / feature that is in progress / expected? I can't find any documentation on file formats in the guide.
Don't know if this affects it, but I'm using API.AI's Actions on Google tab to create the carousel.
Thanks in advance!
The phone doesn't support SVG, and that's the expected behavior.
You can use JPG, PNG or even GIF with animations.
I agree that this should be available in the documentation.
I'm experiencing issue when trying to set png image for tab bar item icon for my iOS application. If I'm creating png image (with transparent background) and setting it, everything works as expected, but when I'm using another png file (created by another person, or downloaded from web) it not works. Actually in my case I'm making png file from .pdf file and it's absolutely not clear for me why this not works. For more information please see screen captures below (top image represents not working one).
Thanks in advance.
Those specific icons/buttons work funky in terms of PNG and transparency for those images. You have to have look at the png's you download in image preview, make sure transparency exists for the white space. If there is whitespace it'll come through and show in your iOS app. Any other nonwhitepsace transparency will show up dark. It threw me off the first time I encountered this, A lot of graphics and PNG's you download from the internet doesn't have transparency built in or they have it very subtle. THose will show up as a blob for your ViewController Tabs.
Here is a good resource and guideline I found: http://steveweller.com/articles/toolbar-icons/
i have a vector logo that i want to include in my view. I created a png out of it and put it into an imageView. Unfortunately, the logo in the simulator then is of poor quality, even though it looks fine in Interface Builder.
Do you have a recommendation how to solve that problem? Can i embed the eps in my app?
You could probably convert the eps to SVG and load it in a UIWebView.
I've taken a screenshot of my iPhone app running and I'd like to use that image as a png to be drawn by the app instead of generated graphics.
When I take the screenshot, it looks fine. However, when that is saved as a PNG file, added to the Xcode project and then displayed back on the screen of the phone (or simulator) the colours are different.
Can anyone explain to me why it's changing? (I'm guessing there's a colour space conversion happening).
How can I stop this from changing?
You might be saving the png image with some incorrect settings which is either reducing the quality or number of colors used. Try the PNG-24 with transparency to see if that helps at all.
You can see the problem at myspace.com/dejaentenduband
on an iPhone, the background image is shrunk by what appears to be nearly 50%
I haven't had this issue on on other browser. I'd expect the background to simply be cropped where it doesn't fit the screen.
Since it is unusual behavior, and apple must realise this, I'm hoping there is a pure css or HTML based solution. Should I be defining something differently or giving my page's body a particular attribute?
turns out that this has nothing to do with the viewport.
there's an article on it here:
http://www.defusion.org.uk/archives/2010/02/19/shrinking-large-background-image-bug-in-iphone-safari/
one of the limitations of an iphone is stated by Mac:
http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/CreatingContentforSafarioniPhone/CreatingContentforSafarioniPhone.html
JPEG images larger than 2 megapixels are subsampled - that is, decoded to a reduced size
Maybe you need to configure the page's viewport.
If the background image is taller than 1000px it will resize to the width of the viewport. Try reducing the height and see if this has an effect.
I just found out the easiest fix for this. Just open the image through Photoshop and save the image using the "Save for Web & Devices"..
Here is the easiest fix of ALL:
Open Fireworks, export your image as a 32 bit png, and use that png in your background. IOS doesn't scale THAT. Works like a charm, and the size is about the same as a jpg with 100% quality (slightly smaller actually)