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.
Related
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.
I have a Facebook Like button on my website, for a half a year now. Used OG tags to visualize the like. Everything tested thoroughly, everything showed up well on the 'basic' wall, as well as the 'timeline' wall as well in the news feed.
But al of a sudden, when someone likes the page, the image is being cropped on the timeline wall. The original image is 200px x 200px, because the Facebook developer tool mentioned these dimensions.
I don't think it is a image dimension issue, because a 96x96 image is also being cropped. With cropped i mean that the top and bottom part of the logo are cut-off.
Now i have an old post (march 2012) where the image was not cropped and a post (few days ago) where the image is cropped. The difference between those two is the url of the image:
One where the original image is OK:
https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCAhHvmadrTku6h&w=155&h=114&url=http%3A%2F%2Fwww.poobies.fr%2Fsite%2Fimg%2Fsocialmedia%2Fsocialmedia_logo_fr.png
And one where the image is cropped:
https://fbexternal-a.akamaihd.net/safe_image.php?d=AQCAhHvmadrTku6h&w=155&h=114&url=http%3A%2F%2Fwww.poobies.fr%2Fsite%2Fimg%2Fsocialmedia%2Fsocialmedia_logo_fr.png&cfs=1
see the parameter &cfs=1?
Is there some option or some OG parameter that makes sure that the image is not being cropped by Facebook?
Thank You
I did some research and found the problem is most likely a combination of using a PNG and having an image with a white background.
Here's my original PNG (90 x 90 px) with a white background that gets cropped:
logo2.png
Then the same PNG with a darkened background that uses the full image size
logo2dark.png
JPGs and GIFs with white BGs worked fine
logo2.gif
logo2.jpg
As a side note, Facebook didn't like when I served the images through https.
It would be nice if Facebook would document these changes they make, but alas.
I've noticed this too. I think it's just Facebook playing around with the way it displays images on newsfeeds / timelines. My images used to be cropped from the slides but all of a sudden Facebook stopped cropping then. It was either a bug or a temporary change that was later reverted.
You cannot set the dimensions of og:image manually.
I have been doing a bit of testing with images today and found that I could not make a blurry PNG image, which looked fine on my desktop appear non-blurry on the iphone without doing some strange things.
It wasn't until I made the images twice the resolution, then resized them within the iphone that they appeared crisp on screen. Is that normal practice?
What say if you have a background image that you want to be non-blurry? I don't see how I can do something like upload a background image and tell it to run at half the size...
Thanks for any pointers!
I found the answer.
It turns out that pixels are not the same on the iphone and are actually at a higher resolution.
In order to make images non-blurry, I needed to basically upload images 2-3 times regular size and then make their size smaller within the CSS.
For example, if I wanted a 50px image, I uploaded a 100px image and styled in within css to have a width of 50px.
It looks like the new iPads have even higher resolutions which means you may even want to upload higher resolution images to cater to those.
A bit lame I think, but it does look nice.
I might be misunderstanding you, but if you'd like to present a crisp image on a retina phone, you can place it in a UIImageView half it's size and set the contentMode to scale to fill.
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.
I have a PNG file formatted for the iPhone I used in a TextView drawable. The image is just two words in black text on a white background, when you view it. On the iPhone it shows as two words in white text on a black background. On the Android it shows as two words in black text on a transparent background.
Can someone tell me how to make the Android image show as white text on a black background by configuring the Android TextView? I'd like to save time from creating new PNG files.
Thanks in advance!
The iPhone uses a non-standard PNG format. Xcode will automatically create files changed to this format for you when it compiles your app. What you should do is not grab the PNG from your app resources bundle and instead use the original PNG you created in your image editing software. See this blog post for more details.
Are you sure you are using the "same" image? If the image is "black text on a white background" how does the iphone invert it to white on black?
can you post the image on here so we can see it?
And yes, you need to mark answers accepted or you will probably find it hard to get anything ever answered.